app/soc/content/css/soc.css
changeset 423 25665d645fa8
parent 376 ce8b3a9fa0de
child 424 9bc6fae7d904
equal deleted inserted replaced
422:93f9ead45dae 423:25665d645fa8
   135   padding:2px 5px;
   135   padding:2px 5px;
   136   vertical-align: top;
   136   vertical-align: top;
   137   text-align: left;
   137   text-align: left;
   138 }
   138 }
   139 
   139 
   140   /* FORM TABLE FIELDS */ 
   140 /* FORM TABLE FIELDS */ 
   141   td.formfieldrequired {
   141 td.formfieldrequired {
   142     font-style: italic;
   142   font-style: italic;
   143     font-size: small;
   143   font-size: small;
   144   }
   144 }
   145 
   145 
   146   td.formfieldhelptext {
   146 td.formfieldhelptext {
   147     font-style: italic;
   147   font-style: italic;
   148     font-size: small;
   148   font-size: small;
   149   }
   149 }
   150 
   150 
   151   td.formfielderror {
   151 td.formfielderror {
   152     color: #FF0000;
   152   color: #FF0000;
   153     font-size: small;
   153   font-size: small;
   154   }
   154 }
   155 
   155 
   156   td.formfieldheading {
   156 td.formfieldheading {
   157     font-weight: bold;
   157   font-weight: bold;
   158     font-size: small;
   158   font-size: small;
   159   }
   159 }
   160   
   160 
   161   td.formfieldlabel {
   161 td.formfieldlabel {
   162     font-weight: bold;
   162   font-weight: bold;
   163     font-size: small;
   163   font-size: small;
   164   }
   164 }
   165   
   165 
   166   td.formfielderrorlabel {
   166 td.formfielderrorlabel {
   167     font-weight: bold;
   167   font-weight: bold;
   168     color: #FF0000;
   168   color: #FF0000;
   169     font-size: small;
   169   font-size: small;
   170   }
   170 }
   171 
   171 
   172 /* TABLE QUEUES (used with .list) */
   172 /* TABLE QUEUES (used with .list) */
   173 table#queues {
   173 table#queues {
   174   border-collapse: collapse;
   174   border-collapse: collapse;
   175   width: 100%;
   175   width: 100%;
   176 }
   176 }
   177 
   177 
   178   table#queues tr {
   178 table#queues tr {
   179     border-bottom: thin solid lightgray;
   179   border-bottom: thin solid lightgray;
   180   }
   180 }
   181 
   181 
   182   table#queues td {
   182 table#queues td {
   183     padding: 2px;
   183   padding: 2px;
   184   }  
   184 }  
   185 
   185 
   186 /* 
   186 /* 
   187  * PAGE ELEMENTS 
   187  * PAGE ELEMENTS 
   188  */
   188  */
   189 
   189 
   231   margin-right: 25px;
   231   margin-right: 25px;
   232   padding-left: 18px;
   232   padding-left: 18px;
   233   padding-bottom: 25px;
   233   padding-bottom: 25px;
   234 }
   234 }
   235 
   235 
   236   #body .buttons {
   236 #body .buttons {
   237     margin-right: 4px;
   237   margin-right: 4px;
   238     margin-top: 20px;
   238   margin-top: 20px;
   239   }
   239 }
   240     
   240   
   241   #body a.button, input[type^="submit"], input[type^="button"] {
   241 #body a.button, input[type^="submit"], input[type^="button"] {
   242     margin: 0;
   242   margin: 0;
   243     padding: 2px 5px 2px 5px;
   243   padding: 2px 5px 2px 5px;
   244     font-family: Arial, Sans-serif;
   244   font-family: Arial, Sans-serif;
   245     font-size: 12px;
   245   font-size: 12px;
   246     text-decoration: none;
   246   text-decoration: none;
   247     color: #222;
   247   color: #222;
   248     cursor: default;
   248   cursor: default;
   249     background: #ddd url("/soc/content/images/button-background.gif") repeat-x 0 0;
   249   background: #ddd url("/soc/content/images/button-background.gif") repeat-x 0 0;
   250     border: 1px solid #aaa;
   250   border: 1px solid #aaa;
   251   }
   251 }
   252 
   252 
   253   #body a.button:hover, input[type^="submit"]:hover, input[type^="button"]:hover {
   253 #body a.button:hover, input[type^="submit"]:hover, input[type^="button"]:hover {
   254     border-color: #9cf #69e #69e #7af;
   254   border-color: #9cf #69e #69e #7af;
   255   }
   255 }
   256 
   256 
   257 #header {
   257 #header {
   258   height: 50px;
   258   height: 50px;
   259   margin-bottom: 11px;
   259   margin-bottom: 11px;
   260   position: relative;
   260   position: relative;
   269   height: 53px;
   269   height: 53px;
   270   background-repeat: no-repeat;
   270   background-repeat: no-repeat;
   271   background-position: left center;
   271   background-position: left center;
   272 }
   272 }
   273 
   273 
   274   #footer .text {
   274 #footer .text {
   275     padding-top: 20px;
   275   padding-top: 20px;
   276   }
   276 }
   277 
   277 
   278 #lastmodified {
   278 #lastmodified {
   279   text-align: right;
   279   text-align: right;
   280   font-size: small;
   280   font-size: small;
   281 }
   281 }
   304   list-style-type: none;
   304   list-style-type: none;
   305   margin-bottom: 1em;
   305   margin-bottom: 1em;
   306   font-size: 95%;
   306   font-size: 95%;
   307 }
   307 }
   308 
   308 
   309   #menu ul ul {
   309 #menu ul ul {
   310     margin-left: 10px;
   310   margin-left: 10px;
   311     margin-bottom: 0;
   311   margin-bottom: 0;
   312   }
   312 }
   313 
   313 
   314 #menu li {
   314 #menu li {
   315   margin-top: 4px;
   315   margin-top: 4px;
       
   316 }
       
   317 
       
   318 #menu li.leaf {
       
   319   list-style-type: none;
       
   320   list-style-image: none;
       
   321 }
       
   322 
       
   323 #menu li.expandable {
       
   324   list-style-type: disc;
       
   325   list-style-image: url(../images/opentriangle.gif);
       
   326 }
       
   327 
       
   328 #menu li.closed {
       
   329   list-style-image: url(../images/triangle.gif);
   316 }
   330 }
   317 
   331 
   318 #menu h4 {
   332 #menu h4 {
   319   margin: 0;
   333   margin: 0;
   320   padding: 0;
   334   padding: 0;
   325 /* SEARCH FIELD */ 
   339 /* SEARCH FIELD */ 
   326 #search {
   340 #search {
   327   margin-top: 2em;
   341   margin-top: 2em;
   328 }
   342 }
   329 
   343 
   330   #search .header {
   344 #search .header {
   331     font-weight: bold;
   345   font-weight: bold;
   332     font-size: 90%;
   346   font-size: 90%;
   333     margin-bottom: 1px;
   347   margin-bottom: 1px;
   334   }
   348 }
   335 
   349 
   336   #search .button {
   350 #search .button {
   337     margin-top: 1px;
   351   margin-top: 1px;
   338   }
   352 }
   339 
   353 
   340   #search .input input {
   354 #search .input input {
   341     width: 125px;
   355   width: 125px;
   342   }
   356 }
   343 
   357 
   344 /* BLOG FEEDS */
   358 /* BLOG FEEDS */
   345 .blog {
   359 .blog {
   346   border: 10px solid #e5ecf9;
   360   border: 10px solid #e5ecf9;
   347   border-top: 1px solid #3366cc;
   361   border-top: 1px solid #3366cc;
   350 .blog h2 {
   364 .blog h2 {
   351   margin-top: 0.1em;
   365   margin-top: 0.1em;
   352   background-color: #e5ecf9;
   366   background-color: #e5ecf9;
   353 }
   367 }
   354 
   368 
   355   .blog h2 a {
   369 .blog h2 a {
   356     text-decoration: none;
   370   text-decoration: none;
   357     color: black;
   371   color: black;
   358   }
   372 }
   359 
   373 
   360   .blog h2 a:visited {
   374 .blog h2 a:visited {
   361     text-decoration: none;
   375   text-decoration: none;
   362     color: black;
   376   color: black;
   363   }
   377 }
   364 
   378 
   365 
   379 
   366 .blog .entry {
   380 .blog .entry {
   367   margin-bottom: 1em;
   381   margin-bottom: 1em;
   368 }
   382 }
   387   border-bottom: 2px solid #93b7fa;
   401   border-bottom: 2px solid #93b7fa;
   388   padding: 3px;
   402   padding: 3px;
   389   -moz-border-radius: 5px 5px 0px 0px;
   403   -moz-border-radius: 5px 5px 0px 0px;
   390 }
   404 }
   391 
   405 
   392   .list .pagination {
   406 .list .pagination {
   393     text-align: right;
   407   text-align: right;
   394     padding: 3px;
   408   padding: 3px;
   395   }
   409 }
       
   410 
       
   411 .list table{
       
   412   background-color: white;
       
   413 }
   396   
   414   
   397   .list table{
   415 .list table th {
   398     background-color: white;
   416   background-color: #eeeeec;
   399   }
   417   border-right: 1px solid lightgray;
   400   
   418   border-top: 1px solid lightgray;
   401     .list table th {
   419 }
   402       background-color: #eeeeec;
   420 
   403       border-right: 1px solid lightgray;
   421 .list table tr.on {
   404       border-top: 1px solid lightgray;
   422   background-color: #ff9;
   405     }
   423 }
   406 
   424 
   407     .list table tr.on {
   425 .list table tr.off {
   408       background-color: #ff9;
   426   background-color: #fff;
   409     }
   427 }
   410 
   428 
   411     .list table tr.off {
   429 .list table td.last {
   412       background-color: #fff;
   430   border-right: 1px solid lightgray;
   413     }
   431 }
   414 
   432 
   415     .list table td.last {
   433 .list table .first {
   416       border-right: 1px solid lightgray;
   434   border-left: 1px solid lightgray;
   417     }
   435 }
   418 
       
   419     .list table .first {
       
   420       border-left: 1px solid lightgray;
       
   421     }
       
   422 
   436 
   423 /* 
   437 /* 
   424  * CUSTOM CLASSES 
   438  * CUSTOM CLASSES 
   425  */
   439  */
   426 
   440 
   453 /* Disabled text. */
   467 /* Disabled text. */
   454 .disabled {
   468 .disabled {
   455   color: gray;
   469   color: gray;
   456 }
   470 }
   457 
   471 
       
   472