app/soc/content/css/soc-081108.css
changeset 472 519c298a4f87
parent 471 dcb1f7821b39
child 473 d01d5e3b0b5c
equal deleted inserted replaced
471:dcb1f7821b39 472:519c298a4f87
     1 /*
       
     2 Copyright 2008 the Melange authors.
       
     3 
       
     4 Licensed under the Apache License, Version 2.0 (the "License");
       
     5 you may not use this file except in compliance with the License.
       
     6 You may obtain a copy of the License at
       
     7 
       
     8   http://www.apache.org/licenses/LICENSE-2.0
       
     9 
       
    10 Unless required by applicable law or agreed to in writing, software
       
    11 distributed under the License is distributed on an "AS IS" BASIS,
       
    12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
       
    13 See the License for the specific language governing permissions and
       
    14 limitations under the License.
       
    15  */
       
    16  
       
    17 /* 
       
    18  * STANDARD HTML TAGS 
       
    19  */ 
       
    20 
       
    21 body {
       
    22   background-color: white;
       
    23   color: black;
       
    24 
       
    25   font-family: Arial, sans-serif;
       
    26   font-size: medium;
       
    27 
       
    28   margin: 8px;
       
    29   margin-top: 3px;
       
    30 }
       
    31 
       
    32 img {
       
    33   border: 0;
       
    34 }
       
    35 
       
    36 form {
       
    37   margin: 0;
       
    38   padding: 0;
       
    39 }
       
    40 
       
    41 li {
       
    42   margin-bottom: 0.25em;
       
    43 }
       
    44 
       
    45 /* HEADERS */
       
    46 h1 {
       
    47   font-size: x-large;
       
    48   margin-top: 0px;
       
    49 }
       
    50 
       
    51 h2 {
       
    52   font-size: large;
       
    53 }
       
    54 
       
    55 h3 {
       
    56   font-size: medium;
       
    57 }
       
    58 
       
    59 h4 {
       
    60   font-size: small;
       
    61 }
       
    62 
       
    63 /* PRE-FORMATTED TEXT */
       
    64 pre, code {
       
    65   color: #007000;
       
    66   font-family: "bogus font here", monospace;
       
    67   font-size: 100%;
       
    68 }
       
    69 
       
    70 pre {
       
    71   border: 1px solid silver;
       
    72   background-color: #f5f5f5;
       
    73   padding: 0.5em;
       
    74   overflow: auto;
       
    75   margin: 2em;
       
    76 }
       
    77 
       
    78 pre ins {
       
    79   color: #cc0000;
       
    80   font-weight: bold;
       
    81   text-decoration: none;
       
    82 }
       
    83 
       
    84 /* LINKS AND ANCHORS */ 
       
    85 a:link {
       
    86   color: #0000cc;
       
    87 }
       
    88 
       
    89 a:active {
       
    90   color: #cc0000;
       
    91 }
       
    92 
       
    93 a:visited {
       
    94   color: #551a8b;
       
    95 }
       
    96 
       
    97 a.selected, .selected a, .selected {
       
    98   color: black;
       
    99   font-weight: bold;
       
   100   text-decoration: none;
       
   101 }
       
   102 
       
   103 a.novisit {
       
   104   color: #2a55a3;
       
   105 }
       
   106 
       
   107 a.noul, a.noulv {
       
   108   color: #4182fa; /* #93b7fa; */
       
   109   text-decoration: none;
       
   110 }
       
   111 
       
   112 a:hover.noul {
       
   113   text-decoration: underline;
       
   114 }
       
   115 
       
   116 a:visited.noul {
       
   117   color: #a32a91; /* #2a55a3; */
       
   118 }
       
   119 
       
   120 
       
   121 /* Styles used by Django Forms */
       
   122 ul.errorlist {
       
   123   color: #FF0000;
       
   124   font-size: small;
       
   125 }
       
   126 
       
   127 
       
   128 /* TABLES */
       
   129 table {
       
   130   border-collapse: collapse;
       
   131 }
       
   132 
       
   133 th, td {
       
   134   /*padding: 0;*/
       
   135   padding:2px 5px;
       
   136   vertical-align: top;
       
   137   text-align: left;
       
   138 }
       
   139 
       
   140 /* FORM TABLE FIELDS */ 
       
   141 td.formfieldrequired {
       
   142   font-style: italic;
       
   143   font-size: small;
       
   144 }
       
   145 
       
   146 td.formfieldhelptext {
       
   147   font-style: italic;
       
   148   font-size: small;
       
   149 }
       
   150 
       
   151 td.formfielderror {
       
   152   color: #FF0000;
       
   153   font-size: small;
       
   154 }
       
   155 
       
   156 td.formfieldheading {
       
   157   font-weight: bold;
       
   158   font-size: small;
       
   159 }
       
   160 
       
   161 td.formfieldlabel {
       
   162   font-weight: bold;
       
   163   font-size: small;
       
   164 }
       
   165 
       
   166 td.formfielderrorlabel {
       
   167   font-weight: bold;
       
   168   color: #FF0000;
       
   169   font-size: small;
       
   170 }
       
   171 
       
   172 /* TABLE QUEUES (used with .list) */
       
   173 table#queues {
       
   174   border-collapse: collapse;
       
   175   width: 100%;
       
   176 }
       
   177 
       
   178 table#queues tr {
       
   179   border-bottom: thin solid lightgray;
       
   180 }
       
   181 
       
   182 table#queues td {
       
   183   padding: 2px;
       
   184 }  
       
   185 
       
   186 /* 
       
   187  * PAGE ELEMENTS 
       
   188  */
       
   189 
       
   190 #title {
       
   191   border-top: 1px solid #3366cc;
       
   192   background-color: #e5ecf9;
       
   193   font-size: large;
       
   194   font-weight: bold;
       
   195   margin: 0;
       
   196   padding: 0;
       
   197   padding-top: 1px;
       
   198   padding-bottom: 1px;
       
   199   margin-top: 5px;
       
   200   margin-left: 200px;
       
   201   padding-left: 3px;
       
   202 }
       
   203 
       
   204 #notice {
       
   205   margin-left: 200px;
       
   206   padding: 3px;
       
   207 }
       
   208 
       
   209 #logo {
       
   210   padding-right: 18px;
       
   211   position: absolute;
       
   212   left: 0;
       
   213   top: -5px;
       
   214 }
       
   215 
       
   216 #login {
       
   217   text-align: right;
       
   218 }
       
   219 
       
   220 #badge {
       
   221   clear: both;
       
   222   margin-top: 3.5em;
       
   223   margin-bottom: 1em;
       
   224   height: 53px;
       
   225   font-style: italic;
       
   226 }
       
   227 
       
   228 #body {
       
   229   border-left: 1px dotted silver;
       
   230   margin-left: 200px;
       
   231   margin-right: 25px;
       
   232   padding-left: 18px;
       
   233   padding-bottom: 25px;
       
   234 }
       
   235 
       
   236 #body .buttons {
       
   237   margin-right: 4px;
       
   238   margin-top: 20px;
       
   239 }
       
   240   
       
   241 #body a.button, input[type^="submit"], input[type^="button"] {
       
   242   margin: 0;
       
   243   padding: 2px 5px 2px 5px;
       
   244   font-family: Arial, Sans-serif;
       
   245   font-size: 12px;
       
   246   text-decoration: none;
       
   247   color: #222;
       
   248   cursor: default;
       
   249   background: #ddd url("/soc/content/images/button-background.gif") repeat-x 0 0;
       
   250   border: 1px solid #aaa;
       
   251 }
       
   252 
       
   253 #body a.button:hover, input[type^="submit"]:hover, input[type^="button"]:hover {
       
   254   border-color: #9cf #69e #69e #7af;
       
   255 }
       
   256 
       
   257 #header {
       
   258   height: 50px;
       
   259   margin-bottom: 11px;
       
   260   position: relative;
       
   261 }
       
   262 
       
   263 #footer {
       
   264   clear: both;
       
   265   text-align: center;
       
   266   margin-top: 3.5em;
       
   267   margin-bottom: 1em;
       
   268   background-image: url("http://www.google.com/images/art.gif");
       
   269   height: 53px;
       
   270   background-repeat: no-repeat;
       
   271   background-position: left center;
       
   272 }
       
   273 
       
   274 #footer .text {
       
   275   padding-top: 20px;
       
   276 }
       
   277 
       
   278 #created {
       
   279   font-size: small;
       
   280 }
       
   281 
       
   282 /* SIDEBAR MENU */
       
   283 #side {
       
   284   width: 200px;
       
   285   margin-bottom: 3em;
       
   286   float: left;
       
   287   font-size: small;
       
   288 }
       
   289 
       
   290 #menu ul {
       
   291   margin: 0;
       
   292   padding: 0;
       
   293   list-style-type: none;
       
   294   margin-bottom: 1em;
       
   295   font-size: 95%;
       
   296 }
       
   297 
       
   298 #menu ul ul {
       
   299   margin-left: 10px;
       
   300   margin-bottom: 0;
       
   301 }
       
   302 
       
   303 #menu li {
       
   304   margin-top: 4px;
       
   305   list-style-type: none;
       
   306   list-style-image: none;
       
   307 }
       
   308 
       
   309 #menu img {
       
   310   margin-right: 4px;
       
   311 }
       
   312 
       
   313 #menu li.leaf {
       
   314   padding-left: 14px;
       
   315 }
       
   316 
       
   317 #menu h4 {
       
   318   margin: 0;
       
   319   padding: 0;
       
   320   margin-bottom: 1em;
       
   321 }
       
   322 
       
   323  
       
   324 /* SEARCH FIELD */ 
       
   325 #search {
       
   326   margin-top: 2em;
       
   327 }
       
   328 
       
   329 #search .header {
       
   330   font-weight: bold;
       
   331   font-size: 90%;
       
   332   margin-bottom: 1px;
       
   333 }
       
   334 
       
   335 #search .button {
       
   336   margin-top: 1px;
       
   337 }
       
   338 
       
   339 #search .input input {
       
   340   width: 125px;
       
   341 }
       
   342 
       
   343 /* BLOG FEEDS */
       
   344 .blog {
       
   345   border: 10px solid #e5ecf9;
       
   346   border-top: 1px solid #3366cc;
       
   347 }
       
   348 
       
   349 .blog h2 {
       
   350   margin-top: 0.1em;
       
   351   background-color: #e5ecf9;
       
   352 }
       
   353 
       
   354 .blog h2 a {
       
   355   text-decoration: none;
       
   356   color: black;
       
   357 }
       
   358 
       
   359 .blog h2 a:visited {
       
   360   text-decoration: none;
       
   361   color: black;
       
   362 }
       
   363 
       
   364 
       
   365 .blog .entry {
       
   366   margin-bottom: 1em;
       
   367 }
       
   368 
       
   369 .blog .title {
       
   370    font-size: medium;
       
   371 }
       
   372 
       
   373 .blog .author {
       
   374   color: gray;
       
   375   margin-bottom: 0.5em;
       
   376 }
       
   377 
       
   378 .blog .snippet {
       
   379   background-color: white;
       
   380 }
       
   381 
       
   382 /* LIST */
       
   383 .list {
       
   384   background-color: #E5ECF9;
       
   385   border: 1px solid  #93b7fa;
       
   386   border-bottom: 2px solid #93b7fa;
       
   387   padding: 3px;
       
   388   -moz-border-radius: 5px 5px 0px 0px;
       
   389 }
       
   390 
       
   391 .list .pagination {
       
   392   text-align: right;
       
   393   padding: 3px;
       
   394 }
       
   395 
       
   396 .list table{
       
   397   background-color: white;
       
   398 }
       
   399   
       
   400 .list table th {
       
   401   background-color: #eeeeec;
       
   402   border-right: 1px solid lightgray;
       
   403   border-top: 1px solid lightgray;
       
   404 }
       
   405 
       
   406 .list table tr.on {
       
   407   background-color: #ff9;
       
   408 }
       
   409 
       
   410 .list table tr.off {
       
   411   background-color: #fff;
       
   412 }
       
   413 
       
   414 .list table td.last {
       
   415   border-right: 1px solid lightgray;
       
   416 }
       
   417 
       
   418 .list table .first {
       
   419   border-left: 1px solid lightgray;
       
   420 }
       
   421 
       
   422 /* 
       
   423  * CUSTOM CLASSES 
       
   424  */
       
   425 
       
   426 .todo {
       
   427   color: #cc0000;
       
   428   font-size: 80%;
       
   429 }
       
   430 
       
   431 .newmark {
       
   432   color: red;
       
   433   font-size: 80%;
       
   434   vertical-align: top;
       
   435 }
       
   436 
       
   437 .error {
       
   438   color: red;
       
   439 }
       
   440 
       
   441 .notice { 
       
   442   background:#fad163; 
       
   443   font-size: small;
       
   444   font-weight: bold;
       
   445 }
       
   446 
       
   447 .rounded_ul { background: url(/soc/content/images/ul.gif) no-repeat top left; }
       
   448 .rounded_ur { background: url(/soc/content/images/ur.gif) no-repeat top right; }
       
   449 .rounded_ll { background: url(/soc/content/images/ll.gif) no-repeat bottom left; }
       
   450 .rounded_lr { background: url(/soc/content/images/lr.gif) no-repeat bottom right; }
       
   451 
       
   452 /* Disabled text. */
       
   453 .disabled {
       
   454   color: gray;
       
   455 }
       
   456 
       
   457