app/soc/content/css/soc-081111.css
changeset 838 58da949dd64c
parent 837 bc1c951bf3a0
child 839 3e50c012a4a8
equal deleted inserted replaced
837:bc1c951bf3a0 838:58da949dd64c
     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 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, span.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: x-small;
       
   280   color:#C0C0C0;
       
   281   text-align: right;
       
   282 }
       
   283 
       
   284 /* SIDEBAR MENU */
       
   285 #side {
       
   286   width: 200px;
       
   287   margin-bottom: 3em;
       
   288   float: left;
       
   289   font-size: small;
       
   290 }
       
   291 
       
   292 #menu ul {
       
   293   margin: 0;
       
   294   padding: 0;
       
   295   list-style-type: none;
       
   296   margin-bottom: 1em;
       
   297   font-size: 95%;
       
   298 }
       
   299 
       
   300 #menu ul ul {
       
   301   margin-left: 10px;
       
   302   margin-bottom: 0;
       
   303 }
       
   304 
       
   305 #menu li {
       
   306   margin-top: 4px;
       
   307   list-style-type: none;
       
   308   list-style-image: none;
       
   309 }
       
   310 
       
   311 #menu img {
       
   312   margin-right: 4px;
       
   313 }
       
   314 
       
   315 #menu li.leaf {
       
   316   padding-left: 14px;
       
   317 }
       
   318 
       
   319 #menu h4 {
       
   320   margin: 0;
       
   321   padding: 0;
       
   322   margin-bottom: 1em;
       
   323 }
       
   324 
       
   325  
       
   326 /* SEARCH FIELD */ 
       
   327 #search {
       
   328   margin-top: 2em;
       
   329 }
       
   330 
       
   331 #search .header {
       
   332   font-weight: bold;
       
   333   font-size: 90%;
       
   334   margin-bottom: 1px;
       
   335 }
       
   336 
       
   337 #search .button {
       
   338   margin-top: 1px;
       
   339 }
       
   340 
       
   341 #search .input input {
       
   342   width: 125px;
       
   343 }
       
   344 
       
   345 /* BLOG FEEDS */
       
   346 .blog {
       
   347   border: 10px solid #e5ecf9;
       
   348   border-top: 1px solid #3366cc;
       
   349 }
       
   350 
       
   351 .blog h2 {
       
   352   margin-top: 0.1em;
       
   353   background-color: #e5ecf9;
       
   354 }
       
   355 
       
   356 .blog h2 a {
       
   357   text-decoration: none;
       
   358   color: black;
       
   359 }
       
   360 
       
   361 .blog h2 a:visited {
       
   362   text-decoration: none;
       
   363   color: black;
       
   364 }
       
   365 
       
   366 
       
   367 .blog .entry {
       
   368   margin-bottom: 1em;
       
   369 }
       
   370 
       
   371 .blog .title {
       
   372    font-size: medium;
       
   373 }
       
   374 
       
   375 .blog .author {
       
   376   color: gray;
       
   377   margin-bottom: 0.5em;
       
   378 }
       
   379 
       
   380 .blog .snippet {
       
   381   background-color: white;
       
   382 }
       
   383 
       
   384 /* LIST */
       
   385 .list {
       
   386   background-color: #E5ECF9;
       
   387   border: 1px solid  #93b7fa;
       
   388   border-bottom: 2px solid #93b7fa;
       
   389   padding: 3px;
       
   390   -moz-border-radius: 5px 5px 0px 0px;
       
   391 }
       
   392 
       
   393 .list .pagination {
       
   394   text-align: right;
       
   395   padding: 3px;
       
   396 }
       
   397 
       
   398 .list table{
       
   399   background-color: white;
       
   400 }
       
   401   
       
   402 .list table th {
       
   403   background-color: #eeeeec;
       
   404   border-right: 1px solid lightgray;
       
   405   border-top: 1px solid lightgray;
       
   406 }
       
   407 
       
   408 .list table tr.on {
       
   409   background-color: #ff9;
       
   410 }
       
   411 
       
   412 .list table tr.off {
       
   413   background-color: #fff;
       
   414 }
       
   415 
       
   416 .list table td.last {
       
   417   border-right: 1px solid lightgray;
       
   418 }
       
   419 
       
   420 .list table .first {
       
   421   border-left: 1px solid lightgray;
       
   422 }
       
   423 
       
   424 /* 
       
   425  * CUSTOM CLASSES 
       
   426  */
       
   427 
       
   428 .todo {
       
   429   color: #cc0000;
       
   430   font-size: 80%;
       
   431 }
       
   432 
       
   433 .newmark {
       
   434   color: red;
       
   435   font-size: 80%;
       
   436   vertical-align: top;
       
   437 }
       
   438 
       
   439 .error {
       
   440   color: red;
       
   441 }
       
   442 
       
   443 .notice { 
       
   444   background:#fad163; 
       
   445   font-size: small;
       
   446   font-weight: bold;
       
   447 }
       
   448 
       
   449 .rounded_ul { background: url(/soc/content/images/ul.gif) no-repeat top left; }
       
   450 .rounded_ur { background: url(/soc/content/images/ur.gif) no-repeat top right; }
       
   451 .rounded_ll { background: url(/soc/content/images/ll.gif) no-repeat bottom left; }
       
   452 .rounded_lr { background: url(/soc/content/images/lr.gif) no-repeat bottom right; }
       
   453 
       
   454 /* Disabled text. */
       
   455 .disabled {
       
   456   color: gray;
       
   457 }
       
   458 
       
   459