Changeset 689


Ignore:
Timestamp:
Jan 13, 2005, 3:09:06 PM (19 years ago)
Author:
gweltas
Message:
  • update of picture.tpl for a specific Opera bug
  • Comments included in default.css to help admin to enhanced their gallery
Location:
trunk/template/default
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/template/default/default.css

    r623 r689  
    11/* BACKGROUND */
    22
    3 body { background-color:#000000;}
    4 .main, .throw, .admin { background-color:#3F3F3F;}
    5 .row1,input,select,textarea, .table1, .home { background-color:#5F5F5F;}
    6 .table2, .commentTitle { background-color: #797979;}
    7 .errors { background-color:red;}
    8 
    9 .titreMenu,.titrePage,.imgMenu a:hover { background-image: url(theme/tableh1_bg.gif);}
    10 .bouton, .imgMenu a, #imgBarMenu { background-image: url(theme/button_bg.gif);}
     3body { background-color:#000000;} /*General background color*/
     4.main, .throw, .admin { background-color:#3F3F3F;} /*Main background color*/
     5.row1,input,select,textarea, .table1, .home { background-color:#5F5F5F;} /* Tables & forms */
     6.table2, .commentTitle { background-color: #797979;} /* Alternate table & comments  */
     7.errors { background-color:red;} /* Errors display */
     8.titreMenu,.titrePage,.imgMenu a:hover { background-image: url(theme/tableh1_bg.gif);} /* Titles background image  */
     9.bouton, .imgMenu a, #imgBarMenu { background-image: url(theme/button_bg.gif);} /* Buttons background image */
    1110
    1211/* FONT COLORS */
    1312
    14 .titreMenu, .titreMenu a, .info, .admin{ color:#FFF48E;}
    15 .titrePage, .titreMenu a:hover { color:#E0E0E0;}
    16 .comment{ color:#C6B78E;}
    17 .commentDate { color:#999999;}
    18 input,select,textarea { color:#FFFFCC;}
     13body { color:#E0E0E0;} /* General font color */
     14input,select,textarea { color:#FFFFCC;} /* Forms font color */
     15.titreMenu, .titreMenu a, .info, .admin{ color:#FFF48E;} /* Menu & sections titles */
     16.titrePage, .titreMenu a:hover { color:#E0E0E0;} /* Page title */
     17.comment{ color:#C6B78E;} /* Comments */
     18.commentDate { color:#999999;} /* Comments date */
     19.throw { color:#FFFFCC;} /* First line of tables */
     20.bouton, .errors { color:#FFFFFF;} /* Buttons & errors */
     21.update_summary_new { color:#9cb4ce;} /* Update results (admin side only) */
     22.update_summary_del { color:#ffe1e1;} /* Update results (admin side only) */
    1923
    2024/* ANCHORS */
    … …  
    2630a.thumbLink:hover { text-decoration:none;}
    2731
     32/* FONT STYLES */
     33
     34body /* Main font style */
     35{
     36  font-family: Verdana, Geneva, Arial, sans-serif;
     37  font-size:12px;
     38  margin:5px;
     39}
     40
     41h1 /* H1 tag style (admin side only) */
     42{
     43        font-family: 'Trebuchet MS', Verdana, sans-serif;
     44        text-decoration:none;
     45        line-height:    120%;
     46        font-size:18px;
     47        font-weight: bold;
     48}
     49
     50h2 /* H2 tag style (admin side only) */
     51{
     52        font-family: Arial, Helvetica, sans-serif;
     53        text-decoration:none;
     54        line-height:    120%;
     55        font-size:12px;
     56        font-weight: bold;
     57}
     58
     59.titreMenu /* Menu titles */
     60{
     61  font-size:12px;
     62  font-weight:600;
     63}
     64
     65.titrePage /* Page titles */
     66{
     67  font-family: 'Trebuchet MS', Verdana, sans-serif;
     68  font-weight:600;
     69  font-size:16px;
     70}
     71
     72.commentTitle /* Comments title */
     73{
     74  font-family: Arial, Helvetica, sans-serif;
     75  font-size:12px;
     76  font-weight:bold;
     77}
     78
     79.menu .thumbnail, .totalImages { font-size:11px;}
     80.small{ font-size:10px;}
     81.menuCategorySelected, .throw, .admin, .errors { font-weight:bold;}
     82.menuCategoryNotSelected, .dateSelected, .pageNumberSelected, .thumb_picture, .thumb_category  { font-weight:normal;}
     83.commentDate, .bouton  { font-weight:lighter;}
     84.commentImage { font-style:italic; font-size:16px;}
     85.nameImage { font-size:20px;}
     86.info { font-size:16px;}
     87.copyright { font-size:10px; text-align:center; letter-spacing:-1px;}
     88div.information {  font-size:14px; font-weight:bold;}
     89
     90/*----------------------------------------------*/
     91/* Under this point, do not modify the values   */
     92/* unless you are aware of what you are doing!  */
     93/*----------------------------------------------*/
     94
    2895/* POSITION */
     96
    2997#gauche,#droite
    3098{
    … …  
    45113#right{float:right; }
    46114
    47 /* MAIN STYLES */
    48 
    49 body {
    50   font-family: Verdana, Geneva, Arial, sans-serif;
    51   font-size:12px;
    52   color:#E0E0E0;
    53   margin:5px;
    54 }
    55 
    56 h1 {
    57         font:                   bold 18pt 'Trebuchet MS', Verdana, sans-serif;
    58         text-decoration:none;
    59         line-height:    120%;
    60 }
    61 
    62 h2 {
    63         font:                   bold 12pt Arial, Helvetica, sans-serif;
    64         text-decoration:none;
    65         line-height:    120%;
    66 }
    67 
    68 
    69 
    70 /* LAYOUT STYLE */
    71 
    72 .main {
     115/* GENERAL LAYOUT STYLES */
     116
     117.main
     118{
    73119        border: 1px solid #E0E0E0;
    74120        width:100%;
    … …  
    78124}
    79125
    80 /* Navigation styles */
    81 
    82 .small{
    83   font-size:10px;
    84 }
     126.home
     127{
     128  border: 1px solid #000000;
     129  display:block;
     130  text-align:center;
     131  width:100%;
     132}
     133
     134.navigationBar
     135{
     136  text-align:center;
     137  margin-top:10px;
     138  margin-bottom:10px;
     139}
     140
     141.info
     142{
     143  margin:5px 0px 5px 0px;
     144  white-space:nowrap;
     145  text-align:center;
     146}
     147
     148.errors
     149{
     150  text-align:left;
     151  margin-top:5px;
     152  margin-bottom:5px;
     153  border:1px solid black;
     154}
     155
     156div.information {
     157  text-align:left;
     158  margin:10px;
     159  padding:5px;
     160}
     161
     162span.dateSelected, span.pageNumberSelected {
     163  text-decoration:underline;
     164}
     165/* MENU LAYOUT STYLES */
    85166
    86167.titreMenu,.titrePage
    … …  
    92173  height: 25px;
    93174  line-height: 25px;
    94   font-size:12px;
    95   font-weight:600;
    96   text-align:center;
    97 }
    98 
    99 .titrePage
    100 {
    101   font-family: 'Trebuchet MS', Verdana, sans-serif;
    102   text-align:left;
    103   font-size:16px;
    104 }
    105 
    106 .menu {
     175  text-align:center;
     176}
     177.titrePage {text-align:left;}
     178
     179.menu
     180{
    107181  margin:10px 5px 10px 5px;
    108182  white-space:nowrap;
    109   font-size:11px;
    110   text-align:left;
    111 }
    112 
    113 ul.menu {
     183  text-align:left;
     184}
     185
     186ul.menu
     187{
    114188  text-align:left;
    115189  list-style-type: square ;
    … …  
    118192}
    119193
    120 .menuCategorySelected {
    121   font-weight:bold;
    122 }
    123 
    124 .menuCategoryNotSelected {
    125   font-weight:normal;
    126 }
    127 
    128 .navigationBar {
    129   text-align:center;
    130   margin-top:10px;
    131   margin-bottom:10px;
    132 }
    133 
    134  /* Image related styles */
     194.totalImages {
     195  text-align:center;
     196  margin-top:5px;
     197}
     198
     199 /* IMAGE LAYOUT STYLES */
    135200 
    136 .image {
     201.image
     202{
    137203        border : 3px solid #FFFFFF;
    138204        margin : 10px 4px 10px 4px;
    … …  
    179245.commentImage {
    180246  text-align:justify;
    181   font-style:italic;
    182   font-size:16px;
    183247  margin-top: 10px;
    184248  margin-bottom: 10px;
    185249}
    186250
    187 .nameImage {
    188   text-align:center;
    189   font-size:20px;
    190 }
    191 /* Table styles */
    192 
    193 .table1, .home
     251/* TABLE LAYOUT STYLES */
     252
     253.table1
    194254{
    195255  border: 1px solid #000000;
    196256  display:block;
    197 }
    198 
    199 .home
    200 {
    201   text-align:center;
    202   width:100%;
    203257}
    204258 
    … …  
    221275
    222276.throw {
    223   color:#FFFFCC;
    224   text-align:center;
    225   font-weight:bold;
     277  text-align:center;
    226278  border-top: 1px solid #000000;
    227279  border-bottom: 1px solid #000000;
    … …  
    233285  width:auto;
    234286}
    235 /* Thumbnails styles */
     287
     288/* THUMBNAILS LAYOUT STYLES */
    236289
    237290.thumbnail {
    238         font-size:11px;
    239291        text-align:center;
    240292        vertical-align: baseline;
    … …  
    254306}
    255307
    256 /* Comment styles */
    257 .commentTitle {
    258   font-family: Arial, Helvetica, sans-serif;
    259   font-size:12px;
    260   font-weight:bold;
    261   padding: 15px 5px 10px 5px;
    262 }
    263 
     308/* COMMENTS LAYOUT STYLES */
     309
     310.commentTitle {  padding: 15px 5px 10px 5px; }
    264311.commentDate {
    265   font-weight:lighter;
    266312  text-align:right;
    267313  border-top: 1px solid #000000;
    … …  
    269315}
    270316
    271 /* Form styles */
    272 
    273 form{
     317/* FORM LAYOUT STYLES */
     318
     319form
     320{
    274321  text-align:left;
    275322  padding:10px;
    276323}
    277324
    278 .bouton {
     325.bouton
     326{
    279327  border: 1px solid #404750;
    280   color:#FFFFFF;
    281328  padding-left: 3px;
    282329  padding-right: 3px;
    283   font-weight:500;
    284330  background-position : bottom;
    285331  margin-top:10px;
    286332}
    287333
    288 input,select,textarea {
     334input,select,textarea
     335{
    289336 text-indent:2px;
    290337 border: 1px solid #797979;
    … …  
    292339}
    293340
    294 .radio{
    295   border:0;
    296 }
    297 /* Admin styles */
    298 
    299 .adminMenu {
     341.radio{  border:0;}
     342
     343/* ADMIN LAYOUT STYLES */
     344
     345.adminMenu
     346{
    300347  text-align:center;
    301348  font-size:12px;
    302349}
    303350
    304 div.adminMenu{
    305 margin:10px 50px 10px 50px;
    306 }
    307 
    308 .admin {
    309 font-weight:bold;
     351div.adminMenu{ margin:10px 50px 10px 50px; }
     352
     353.admin
     354{
    310355margin:0px 0px 12px 0px;
    311356text-align: center;
    … …  
    313358}
    314359
    315 /* Other styles */
    316 .info {
    317   margin:5px 0px 5px 0px;
    318   white-space:nowrap;
    319   text-align:center;
    320   font-size:16px;
    321 }
    322 
    323 .totalImages {
    324   text-align:center;
    325   margin-top:5px;
    326   font-family:sans-serif;
    327   font-size:11px;
    328 }
    329 
    330 .copyright {
    331   font-size:10px;
    332   text-align:center;
    333   letter-spacing:-1px;
    334 }
    335 
    336 .errors {
    337   text-align:left;
    338   margin-top:5px;
    339   margin-bottom:5px;
    340   font-weight:bold;
    341   border:1px solid black;
    342   color:white;
    343 }
    344 
    345 div.information {
    346   text-align:left;
    347   font-size:14px;
    348   font-weight:bold;
    349   margin:10px;
    350   padding:5px;
    351 }
    352 
    353 span.dateSelected, span.pageNumberSelected {
    354   text-decoration:underline;
    355 }
    356 
    357 /**
    358  * in calendar category, year or month currently focused
    359  */
    360 span.dateSelected {
    361 }
    362 
    363 /**
    364  * in navigation bar, page number currently focused
    365  */
    366 span.pageNumberSelected {
    367 }
    368 
    369 span.thumb_picture {
    370   font-weight:normal;
    371 }
    372 
    373 span.thumb_category {
    374   font-weight:normal;
    375 }
    376 
    377 span.update_error_element, span.update_category_error {
    378   color:orange;
    379 }
    380 
    381 .update_summary_new {
    382   color:#9cb4ce;
    383 }
    384 
    385 .update_summary_del {
    386   color:#ffe1e1;
    387 }
    388 
    389360div.remoteOutput, div.remoteLocal {
    390   background-color:#444444;
    391361  border:1px solid black;
    392362  margin:10px;
    … …  
    395365}
    396366
    397 li.remoteInfo {
    398   color:gray;
    399 }
    400 
    401 li.remoteWarning {
    402   color:#ffe1e1;
    403 }
    404 
    405 li.remoteError {
    406   color:orange;
    407 }
    408 
    409367div.remoteLocal {
    410368  text-align:center;
    … …  
    412370
    413371/* for debugging purpose */
    414 pre {
    415   text-align:left;
    416 }
     372pre { text-align:left; }

  • trunk/template/default/picture.tpl

    r670 r689  
    6363</div>
    6464<!-- END stop_slideshow -->
    65 
     65<div style="clear:both;"></div>
    6666<div id="gauche">
    6767&nbsp;
    … …  
    9292  &nbsp;
    9393</div>
    94 <div style="clear:both"></div>
     94<div style="clear:both;"></div>
    9595         <!-- BEGIN metadata -->
    96           <table class="metadata">
     96          <table class="tablecompact">
    9797            <!-- BEGIN headline -->
    9898            <tr>
Note: See TracChangeset for help on using the changeset viewer.