--- a/app/soc/content/css/soc.css Tue Aug 19 17:52:13 2008 +0000
+++ b/app/soc/content/css/soc.css Tue Aug 19 17:57:58 2008 +0000
@@ -13,24 +13,296 @@
See the License for the specific language governing permissions and
limitations under the License.
*/
+
+/* ---------------------------- */
+/* STANDARD HTML TAG DEFINITION */
+/* ---------------------------- */
body {
- font-family: Verdana, Helvetica, sans-serif;
- background-color: #DDDDDD;
+ background-color: white;
+ color: black;
+ font-family: Arial, sans-serif;
+ font-size: small;
+ margin: 8px;
+ margin-top: 3px;
+}
+
+img {
+ border: 0;
+}
+
+h1 {
+ font-size: x-large;
+ margin-top: 0px;
+}
+
+h2 {
+ font-size: large;
+}
+
+h3 {
+ font-size: medium;
+}
+
+h4 {
+ font-size: small;
+}
+
+form {
+ margin: 0;
+ padding: 0;
+}
+
+li {
+ margin-bottom: 0.25em;
+}
+
+pre, code {
+ color: #007000;
+ font-family: "bogus font here", monospace;
+ font-size: 100%;
+}
+
+pre {
+ border: 1px solid silver;
+ background-color: #f5f5f5;
+ padding: 0.5em;
+ overflow: auto;
+ margin: 2em;
+}
+
+pre ins {
+ color: #cc0000;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+/* LINKS DEFINITION */
+
+a:link {
+ color: #0000cc;
}
-td.formfieldrequired {
- font-style: italic;
+a:active {
+ color: #cc0000;
+}
+
+a:visited {
+ color: #551a8b;
+}
+
+a.selected, .selected a, .selected {
+ color: black;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+a.selected:visited, .selected a:visited {
+ color: black;
+}
+
+/* TABLE DEFINITION */
+
+table {
+ border-collapse: collapse;
+}
+
+th, td {
+ padding: 0;
+ vertical-align: top;
+ text-align: left;
+}
+
+ /* FORM FIELDS DEFINITION */
+
+ td.formfieldrequired {
+ font-style: italic;
+ }
+
+ td.formfieldhelptext {
+ font-style: italic;
+ }
+
+ td.formfielderror {
+ color: #FF0000;
+ }
+
+ td.formfieldheading {
+ font-weight: bold;
+ }
+
+
+/* ---------------------------- */
+/* PAGE ELEMENTS DEFINITION */
+/* ---------------------------- */
+
+#login {
+ text-align: right;
+}
+
+#header {
+ height: 50px;
+ margin-bottom: 11px;
+ position: relative;
+}
+
+#logo {
+ padding-right: 18px;
+ position: absolute;
+ left: 0;
+ top: -5px;
}
-td.formfieldhelptext {
- font-style: italic;
+ #logo img {
+ width: 143px;
+ height: 59px;
+ }
+
+#title {
+ border-top: 1px solid #3366cc;
+ background-color: #e5ecf9;
+ font-size: large;
+ font-weight: bold;
+ margin: 0;
+ padding: 0;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ margin-top: 5px;
+ margin-left: 200px;
+ padding-left: 3px;
+}
+
+#badge {
+ clear: both;
+ margin-top: 3.5em;
+ margin-bottom: 1em;
+ height: 53px;
+ font-style: italic;
+}
+
+#body {
+ border-left: 1px dotted silver;
+ margin-left: 200px;
+ margin-right: 25px;
+ padding-left: 18px;
+ padding-bottom: 25px;
+}
+
+#footer {
+ clear: both;
+ text-align: center;
+ margin-top: 3.5em;
+ margin-bottom: 1em;
+ background-image: url("http://www.google.com/images/art.gif");
+ height: 53px;
+ background-repeat: no-repeat;
+ background-position: left center;
+}
+
+ #footer .text {
+ padding-top: 20px;
+ }
+
+/* SIDE BAR MENU DEFINITION */
+
+#side {
+ width: 200px;
+ margin-bottom: 3em;
+ float: left;
+}
+
+#menu ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ margin-bottom: 1em;
+ font-size: 95%;
+}
+
+#menu ul ul {
+ margin-left: 10px;
+ margin-bottom: 0;
+}
+
+#menu li {
+ margin-top: 4px;
}
-td.formfielderror {
- color: #FF0000;
+#menu h4 {
+ margin: 0;
+ padding: 0;
+ margin-bottom: 1em;
+}
+
+/* ---------------------------- */
+/* SEARCH FIELD DEFINITION */
+/* ---------------------------- */
+
+#search {
+ margin-top: 2em;
+}
+
+ #search .header {
+ font-weight: bold;
+ font-size: 90%;
+ margin-bottom: 1px;
+ }
+
+ #search .button {
+ margin-top: 1px;
+ }
+
+ #search .input input {
+ width: 125px;
+ }
+
+/* ---------------------------- */
+/* BLOG FEED DEFINITION */
+/* ---------------------------- */
+
+.blog {
+ border: 10px solid #e5ecf9;
+ border-top: 1px solid #3366cc;
}
-td.formfieldheading {
- font-weight: bold;
+.blog h2 {
+ margin-top: 0.1em;
+ background-color: #e5ecf9;
+}
+
+.blog h2 a, .blog h2 a:visited {
+ text-decoration: none;
+ color: black;
+}
+
+.blog .entry {
+ margin-bottom: 1em;
+}
+
+.blog .title {
+ font-size: medium;
}
+
+.blog .author {
+ color: gray;
+ margin-bottom: 0.5em;
+}
+
+.blog .snippet {
+ background-color: white;
+}
+
+/* ---------------------------- */
+/* CUSTOM CLASSES DEFINITION */
+/* ---------------------------- */
+
+.todo {
+ color: #cc0000;
+ font-size: 80%;
+}
+
+.newmark {
+ color: red;
+ font-size: 80%;
+ vertical-align: top;
+}