Changeset 9814


Ignore:
Timestamp:
03/21/11 22:44:46 (9 years ago)
Author:
plg
Message:

merge admin "default" theme *.css into a single theme.css

Location:
trunk/admin/themes/default
Files:
6 deleted
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/admin/themes/default/theme.css

    r8247 r9814  
    1  
    2 /* template css */ 
    3 @import "content.css"; 
    4 @import "thumbnails.css"; 
    5 @import "default-layout.css"; 
    6 /* Override properties with import local file */ 
    7 @import "local-layout.css"; 
    8  
    9 @import "default-colors.css"; 
     1/* content.css */ 
     2 
     3/* .Content  is on every pages so it is common and it will no longer be a specific css */ 
     4.content { margin-right: 1em; margin-bottom: 1em; } 
     5.content h2 {margin: 0; padding: 5px 0.5em 5px 0.5em; text-align: right; font-size: 120%;} 
     6.content .navigationBar { margin: 10px 0; text-align: center; } 
     7.content form { text-align: left; } 
     8.content dt { margin-bottom: 5px; font-style: italic; 
     9  font-size: 110%; } 
     10.content ul.categoryActions a img, ul.categoryActions a {  
     11border:0; margin-bottom:-5px; }   
     12ul.categoryActions { margin: 0 2px; width: auto; list-style-position:outside; 
     13  padding: 0; text-indent: 0; list-style: none; text-align: center; } 
     14.content div.titrePage ul.categoryActions { float: right; } 
     15.content div.titrePage { padding: 0 0 3px; } 
     16.content ul.categoryActions li { display: inline; } 
     17.content div.comment { margin: 0 0 0.5em 0; padding: 0;  
     18  overflow: hidden; width: 100%;        /* don't ask why. It's a very usefull trick  */ } 
     19.content div.comment a.illustration { 
     20  display: block; float: left; margin: 0.5em 0 0 0.5em; } 
     21.content div.comment p.commentHeader { 
     22  text-align: right; margin: 0.5em 0.5em 0 0; } 
     23.content div.comment ul.actions { text-align: center; margin: 0.2em; } 
     24.content div.comment blockquote { 
     25  margin-right: 0.5em; overflow: visible; /*avoid a very strange margin behaviour (all browsers) */ } 
     26 
     27/* not used but should be */ 
     28#thePopuphelpPage .content { margin: 1em; } 
     29 
     30/* thumbnails.css */ 
     31UL.thumbnails { 
     32  margin: 0; padding: 0; list-style: none; 
     33  text-align: center;   /* to center the whole collection in .content */ 
     34  float: left; 
     35} 
     36UL.thumbnails LI { display: inline } 
     37UL.thumbnails li.rank-of-image {  
     38  float: left; 
     39  background-color: #333; 
     40  color: #666; 
     41  -moz-border-radius: 5px; 
     42  display: block; 
     43  width: 104px; 
     44  height: 104px; 
     45  cursor: move; 
     46  margin: 10px; 
     47} 
     48UL.thumbnails li.rank-of-image img { 
     49  margin: 0 20px; 
     50  padding: 8px 2px; 
     51  float: left; 
     52} 
     53.clipwrapper { 
     54  position:relative; 
     55  width: 96px; 
     56  height: 96px; 
     57} 
     58.clip { 
     59  position:absolute; 
     60} 
     61UL.thumbnails li.rank-of-image input { 
     62} 
     63UL.thumbnails SPAN.wrap1 { 
     64  margin: 0 5px 5px 5px; 
     65  display: table-cell; display: inline-table; 
     66  display: inline-block; /* Why 3 display option ??? */ 
     67  vertical-align: top;          /* OK with Opera and IE6 not Geko */ 
     68  text-align: center;           /* to center the thumbnail and legend in Geko/Opera */ 
     69} 
     70UL.thumbnails SPAN.wrap2 { 
     71  margin: 0;                    /* important reset the margins */ 
     72  display: table-cell;          /* block prevents vertical-align here */ 
     73  vertical-align: middle;       /* Ok with Opera and Geko not IE6 */ 
     74} 
     75UL.thumbnails LABEL { display: block; border-bottom: none; } 
     76UL.thumbnails IMG { 
     77  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/ 
     78} 
     79UL.thumbnails LABEL { position: relative; } 
     80UL.thumbnails INPUT { 
     81  position: relative;   /* <= Opera can handle relative here */ 
     82  top: -20px; 
     83} 
     84:root UL.thumbnails INPUT { /* hide from Opera */ 
     85  position: absolute;   /* <= Opera hide 1 checkbox over 2 !!! */ 
     86  left: 2px; top: 2px; 
     87} 
     88UL.thumbnails .levelIndicatorB { 
     89display:block; position:absolute; z-index:100;padding:0px 0 0 14px; color:black; font-weight:bold; font-size:120%; 
     90} 
     91UL.thumbnails .levelIndicatorF { 
     92display:block; position:absolute; z-index:101;padding:1px 0 0 15px; color:white; font-weight:bold; font-size:120%; 
     93} 
     94 
     95/* default-layout.css */ 
     96 
     97/* History tables */ 
     98TABLE.table2 { 
     99        border: 1px solid #111; 
     100        margin: 1em auto; 
     101        padding: 0; 
     102} 
     103 
     104TABLE.table2 TD, TABLE.table2 TH { 
     105        padding: 0 5px; 
     106} 
     107 
     108TABLE.table2 TR { 
     109        text-align: left; 
     110} 
     111 
     112TABLE.table2 THEAD TD { padding:7px 10px 3px 10px; } 
     113TABLE.table2 TR.throw { text-align: center; } 
     114TABLE.table2 { margin:0pt auto; } 
     115.sort { display:block; padding:8px 5px 0px 1px; clear: right; float:left; } 
     116 
     117 
     118.hour { 
     119        white-space: pre; 
     120} 
     121 
     122.number { 
     123        text-align: right; 
     124} 
     125 
     126TABLE#dailyStats { 
     127        width: 60%; 
     128} 
     129 
     130TABLE#detailedStats { 
     131        width: 99%; 
     132} 
     133 
     134/* Plugins, languages tables */ 
     135TABLE.plugins, 
     136TABLE.languages { 
     137  min-width: 500px; 
     138} 
     139TABLE.plugins A { border: 0; } 
     140TABLE.plugins TR TD { padding: 4px 10px; } 
     141TABLE.languages TR TD { padding: 7px 20px; } 
     142 
     143 
     144/* categoryOrdering */ 
     145FORM#categoryOrdering .orderParams { 
     146  line-height:30px; 
     147  margin-bottom:10px; 
     148} 
     149 
     150SELECT.categoryList { 
     151        width: 100%; 
     152} 
     153  
     154FORM#categoryOrdering { 
     155        padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */ 
     156        padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */ 
     157} 
     158FORM#categoryOrdering p { 
     159        text-align: left; 
     160        margin-top: 1em; 
     161        margin-bottom: 1em; 
     162} 
     163UL.categoryUl { 
     164        list-style: none; 
     165        padding: 0; 
     166        margin: 0; 
     167} 
     168 
     169LI.categoryLi { 
     170        width: 100%; 
     171        border: 1px solid #666; 
     172        padding: 0px 5px; 
     173        margin-bottom: 5px; 
     174} 
     175 
     176FORM#categoryOrdering UL.categoryActions { 
     177        float: right; 
     178        height:45px; 
     179        line-height:45px; 
     180} 
     181/* */ 
     182 
     183/* menuOrdering */ 
     184FORM#menuOrdering { 
     185        padding-left: 1em; 
     186        padding-right: 1em; 
     187} 
     188FORM#menuOrdering p { 
     189        text-align: left; 
     190        margin: 0 10px; 
     191} 
     192FORM#menuOrdering p span { 
     193        float:right; 
     194} 
     195FORM#menuOrdering input { 
     196        vertical-align: middle; 
     197  margin:0 10px; 
     198} 
     199FORM#menuOrdering .menuAuthor { 
     200  margin: 5px 0 0 40px; 
     201} 
     202FORM#menuOrdering .menuSubmit { 
     203  margin: 20px 0; 
     204} 
     205 
     206UL.menuUl { 
     207        list-style: none; 
     208        padding: 0; 
     209        margin: 0; 
     210} 
     211 
     212LI.menuLi { 
     213        width: 100%; 
     214        border: 1px solid #666; 
     215        padding: 12px 0; 
     216        margin-bottom: 5px; 
     217} 
     218/* */ 
     219 
     220FORM#catModify TABLE { width: auto; } 
     221 
     222FIELDSET.elementEdit A { 
     223        display: block; 
     224        float: right; 
     225} 
     226 
     227TABLE.doubleSelect { 
     228        text-align: center; 
     229        margin: 0 auto; 
     230        width: 100%; 
     231} 
     232 
     233TABLE.doubleSelect TD { 
     234        padding: 0 3px; 
     235        width: 50%; 
     236} 
     237 
     238TABLE.doubleSelect SELECT.categoryList { 
     239        width: 100%; max-width: 100%; overflow-x: auto; 
     240} 
     241 
     242FORM#categoryPermissions LI { 
     243        display:inline; 
     244        white-space: nowrap; 
     245} 
     246 
     247FIELDSET#mainConfCheck SPAN.property, 
     248FIELDSET#historyConf SPAN.property, 
     249FIELDSET#commentsConf SPAN.property, 
     250FIELDSET#uploadConf SPAN.property, 
     251FIELDSET#indexDisplayConf SPAN.property, 
     252FIELDSET#pictureDisplayConf SPAN.property, 
     253FIELDSET#pictureInfoConf SPAN.property { 
     254        float: right; 
     255        text-align: left; 
     256} 
     257FIELDSET#mainConfCheck INPUT, 
     258FIELDSET#historyConf INPUT, 
     259FIELDSET#commentsConf INPUT, 
     260FIELDSET#uploadConf INPUT, 
     261FIELDSET#indexDisplayConf INPUT, 
     262FIELDSET#pictureDisplayConf INPUT, 
     263FIELDSET#pictureInfoConf INPUT { 
     264        float: none; 
     265} 
     266 
     267FIELDSET#mainConf SPAN.property { 
     268        width: 25%; 
     269} 
     270FIELDSET#mainConf TEXTAREA.description { 
     271        width: 70%; 
     272} 
     273 
     274FIELDSET#mainConfCheck SPAN.property, 
     275FIELDSET#historyConf SPAN.property, 
     276FIELDSET#indexDisplayConf SPAN.property, 
     277FIELDSET#pictureDisplayConf SPAN.property, 
     278FIELDSET#pictureInfoConf SPAN.property { 
     279        width: 90%; 
     280} 
     281FIELDSET#mainConfCheck INPUT, 
     282FIELDSET#historyConf INPUT, 
     283FIELDSET#commentsConf INPUT, 
     284FIELDSET#indexDisplayConf INPUT, 
     285FIELDSET#pictureDisplayConf INPUT, 
     286FIELDSET#pictureInfoConf INPUT { 
     287        margin-left: 5%; 
     288} 
     289FIELDSET#uploadConf SELECT { 
     290        float: right; 
     291        margin: 2px 10px 0px; 
     292} 
     293FIELDSET#uploadConf INPUT { 
     294        float: right; 
     295        margin: 5px 10px 0px; 
     296} 
     297FIELDSET#uploadConf SPAN.property { 
     298        width: 65%; 
     299} 
     300FIELDSET#commentsConf SPAN.property { 
     301        width: 85%; 
     302} 
     303 
     304.statBar { 
     305        height: 10px; 
     306        background-color: #ff7700; 
     307        border: 1px solid #666; 
     308} 
     309 
     310.over{ 
     311position: relative; 
     312z-index: 0; 
     313} 
     314 
     315.over:hover{ 
     316background-color: transparent; 
     317z-index: 50; 
     318} 
     319 
     320.over SPAN{ /*CSS for enlarged image*/ 
     321position: absolute; 
     322background-color: #222; 
     323padding: 5px; 
     324left: -1000px; 
     325border: 1px solid #ff3363; 
     326visibility: hidden; 
     327color: black; 
     328text-decoration: none; 
     329} 
     330 
     331.over SPAN IMG{ /*CSS for enlarged image*/ 
     332border-width: 0; 
     333padding: 2px; 
     334} 
     335 
     336.over:hover SPAN{ /*CSS for enlarged image on hover*/ 
     337visibility: visible; 
     338top: 0; 
     339left: 60px; /*position where enlarged image should offset horizontally */ 
     340} 
     341 
     342BODY { 
     343        margin: 5px; 
     344        padding: 0; 
     345        font-size: 0.8em; 
     346        font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; 
     347        text-align: center; /* be nice to IE5 */ 
     348} 
     349 
     350H1 { 
     351color:#eee; 
     352letter-spacing:1px; 
     353text-align: left; 
     354font-size: 150%; 
     355font-weight: normal; 
     356font-style:italic; 
     357padding: 8px 0 0 10px; 
     358margin: 0; 
     359float:left; 
     360} 
     361 
     362#pwgHead {color:#aaa;} 
     363#pwgHead A {color:#ccc;} 
     364#pwgHead A:hover {color:#fff;border-bottom:1px solid #fff} 
     365 
     366#headActions {float:right; height:46px; line-height:46px; margin-right:10px;} 
     367 
     368A { 
     369        text-decoration:none; 
     370        border-bottom: 0; 
     371} 
     372A:hover { 
     373        border-bottom: 1px solid #FF3363; 
     374} 
     375A.button, A.button:hover {  
     376        border: 0;  
     377} 
     378IMG { 
     379        border: none; 
     380} 
     381 
     382HR.separation { 
     383        visibility: hidden; 
     384        clear: both; 
     385} 
     386 
     387/** General defaults **/ 
     388INPUT, SELECT { 
     389        margin: 0; 
     390        font-size: 1em; /* <= some browsers don't set it correctly */ 
     391} 
     392UL, DL, OL { text-align: left;} 
     393TABLE { /* horizontaly centered */ 
     394        margin-left: auto; 
     395        margin-right: auto; 
     396} 
     397/* for debugging purpose */ 
     398PRE { text-align:left; } 
     399 
     400/** forms **/ 
     401 
     402FORM { padding: 0em; } 
     403 
     404FORM P { 
     405        text-align: center; 
     406        margin-top: 2em; 
     407        margin-bottom: 2em; 
     408} 
     409 
     410form p.field { 
     411  text-align: left; 
     412} 
     413 
     414FORM FIELDSET P { 
     415        margin-top: 1em; 
     416        margin-bottom: 0; 
     417} 
     418 
     419.small { 
     420        font-size: 80%; 
     421} 
     422 
     423TEXTAREA.description { 
     424        height: 6em; 
     425        width: 40em; 
     426        overflow: auto; 
     427} 
     428 
     429SELECT.categoryList { 
     430        height: 20em; 
     431        width: auto; 
     432} 
     433 
     434DIV.comment BLOCKQUOTE { 
     435        padding: 0.5em; 
     436        overflow: auto; /* no solution for IE6 */ 
     437        min-height: 2.75em;     /* fix a Gecko bug whith scrollbar and 1 line only */ 
     438} 
     439 
     440 
     441/** 
     442 * Filter forms are displayed label by label with the input (or select...) 
     443 * below the label. Use an UL to make a group (radiobox for instance). 
     444 * Use a SPAN to group objects in line 
     445 */ 
     446FIELDSET { 
     447        padding: 1em; 
     448        margin: 1em; 
     449        overflow: hidden; /* <- makes Opera happy */ 
     450} 
     451 
     452FORM.filter FIELDSET UL { 
     453        margin: 0; 
     454} 
     455FORM.filter FIELDSET UL, 
     456FORM.filter FIELDSET LABEL { 
     457        display: block; 
     458        float: left; 
     459        margin-right: 1em; 
     460        padding: 0; 
     461} 
     462 
     463FORM.filter FIELDSET LI { 
     464        list-style: none; 
     465        margin-bottom: 0.5em; 
     466} 
     467 
     468FORM.filter FIELDSET LI LABEL { 
     469        display: inline; 
     470        float: none; 
     471} 
     472 
     473FORM.filter FIELDSET UL.tagSelection LABEL { 
     474        display: inline; 
     475        float: none; 
     476        margin-right:0.5em;/*reduce from above*/ 
     477} 
     478 
     479/* cannot use FIELDSET>LABEL because of IE<=6 */ 
     480FORM.filter FIELDSET LABEL INPUT, 
     481FORM.filter FIELDSET LABEL SELECT, 
     482FORM.filter FIELDSET LABEL SPAN, 
     483FORM.filter FIELDSET LABEL TEXTAREA { 
     484        display: block; 
     485        margin: 0.5em 0; 
     486} 
     487FORM.filter FIELDSET * LABEL INPUT, 
     488FORM.filter FIELDSET * LABEL SELECT, 
     489FORM.filter FIELDSET * LABEL TEXTAREA, 
     490FORM.filter FIELDSET LABEL SPAN INPUT, 
     491FORM.filter FIELDSET LABEL SPAN SELECT, 
     492FORM.filter FIELDSET LABEL SPAN TEXTAREA { 
     493        display: inline; 
     494        vertical-align: top; 
     495        margin: 0 0.5em 0 0; 
     496} 
     497 
     498/* following declaration is important to avoid strange FF behaviour */ 
     499FORM.filter FIELDSET LABEL SPAN SELECT { 
     500        margin: 0; 
     501} 
     502 
     503FORM.filter FIELDSET P 
     504{ 
     505        clear: left; 
     506        display: block; 
     507} 
     508 
     509FORM.filter INPUT[type="submit"] { 
     510        margin-top: 1.8em; 
     511} 
     512 
     513FORM.properties UL, FORM#update UL { 
     514        list-style-type: none; 
     515        margin: 0; 
     516        padding: 0; 
     517} 
     518 
     519FORM.properties LI, FORM#update UL { 
     520        margin-bottom: 0.5em; 
     521        padding: 0; 
     522        line-height: 1.8em; 
     523        clear: left; 
     524} 
     525 
     526FORM.properties SPAN.property { 
     527        font-weight: bold; 
     528        float: left; 
     529        width: 50%; 
     530        text-align: right; 
     531        margin: 0; 
     532        padding: 0 0.5em 0 0; 
     533} 
     534 
     535#theHeader H1 { 
     536        margin-bottom: 0.5em; 
     537} 
     538 
     539/* button tools */ 
     540UL.actions { 
     541        text-indent: 0; 
     542        list-style: none; 
     543} 
     544UL.actions LI { 
     545        display: inline; 
     546} 
     547UL.actions A { 
     548        border: none; 
     549} 
     550 
     551UL.tagSelection { 
     552        width: 99%; 
     553        margin: 1em 0 1em 0; 
     554        padding: 0; 
     555} 
     556 
     557UL.tagSelection LI { 
     558        display:inline-block; 
     559        width:150px!important; 
     560        overflow:hidden; 
     561        white-space: nowrap; 
     562} 
     563 
     564/* jQuery tooltips */ 
     565.cluetip-default #cluetip-outer { 
     566        position: relative; 
     567        border: 1px solid #111111; 
     568        color: #dddddd; 
     569        background-color: #222222; 
     570        text-align: left; 
     571} 
     572.cluetip-default h3#cluetip-title { 
     573        margin: 0 0 5px; 
     574        padding: 8px; 
     575        color: #666666; 
     576        background-color: #d3d3d3; 
     577        font-size: 1.1em; 
     578        font-weight: bold; 
     579} 
     580.cluetip-default #cluetip-inner { 
     581        padding: 10px; 
     582} 
     583 
     584/* jQuery datepicker */ 
     585img.ui-datepicker-trigger { 
     586  cursor : pointer; 
     587  vertical-align: middle;  
     588  margin:-3px 5px 2px 5px; 
     589} 
     590 
     591/* jQuery FCBKcomplete */ 
     592/* TextboxList sample CSS */ 
     593ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; } 
     594*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */ 
     595ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;} 
     596ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; } 
     597ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; } 
     598ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; } 
     599ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */ 
     600ul.holder li.bit-input input.smallinput { width: 20px; } 
     601 
     602/* Facebook demo CSS */       
     603#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; } 
     604form ol li { list-style-type: none; } 
     605form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; } 
     606form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; } 
     607form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; } 
     608form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; } 
     609form ul.holder { width: 500px; } 
     610form ul { margin: 0 !important } 
     611ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;} 
     612#apple-list ul.holder li.bit-input { margin: 0; } 
     613#apple-list ul.holder li.bit-input input.smallinput { width: 5px; } 
     614ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; } 
     615ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; } 
     616ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url(icon/fcbkcomplete_close.gif); } 
     617ul.holder li.bit-box a.closebutton:hover { background-position: 7px; } 
     618ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; } 
     619 
     620/* Autocompleter */ 
     621 
     622.facebook-auto { display: none; position: absolute; width: 512px; background: #eee; } 
     623.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; } 
     624.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999} 
     625.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee } 
     626.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; } 
     627.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; } 
     628.facebook-auto ul li.auto-focus em { background: none; } 
     629.deleted { background-color:#4173CC !important; color:#ffffff !important;} 
     630.hidden { display:none;} 
     631 
     632#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; } 
     633.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;} 
     634 
     635/* Add photos, direct mode */ 
     636#uploadBoxes P { 
     637  margin:0; 
     638  margin-bottom:2px; 
     639  padding:0; 
     640} 
     641 
     642#batchLink { 
     643  text-align:center; 
     644} 
     645 
     646.category_selection { 
     647  min-height:65px; 
     648  margin-top:5px; 
     649} 
     650 
     651.category_selection TABLE { 
     652  margin:0; 
     653} 
     654 
     655#photosAddContent FIELDSET { 
     656  width:650px; 
     657  margin:0 auto 20px auto; 
     658} 
     659 
     660#photosAddContent P { 
     661  margin:0; 
     662} 
     663 
     664#photosAddContent TH { 
     665  text-align:right; 
     666  padding-right: 5px; 
     667} 
     668 
     669#uploadFormSettings input[type="text"] { 
     670  text-align:right; 
     671} 
     672 
     673#uploadFormSettings TH { 
     674  width:50%; 
     675} 
     676 
     677#pwgHead { 
     678  background-color:#464646; 
     679  height:46px; 
     680} 
     681 
     682html, body {height:100%; margin:0; padding:0;} 
     683#the_page {min-height:100%; position:absolute; width:100%; padding:0;margin:0;} 
     684#pwgMain {padding:10px;padding-bottom:60px;} 
     685 
     686#footer { 
     687  position:absolute; 
     688  bottom:0; 
     689  width:100%; 
     690  height:46px; 
     691  background: url(images/logo.png) no-repeat 7px 8px; 
     692  background-color:#464646; 
     693  color:#aaa; 
     694  line-height:46px; 
     695} 
     696 
     697#footer A {color:#ccc;} 
     698#footer A:hover {color:#fff;border-bottom:1px solid #fff;} 
     699 
     700#adminHome { 
     701  text-align:center; 
     702  margin-bottom:15px; 
     703  line-height:30px; 
     704  width:200px; 
     705  margin-left:5px; 
     706  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
     707} 
     708 
     709#adminHome A {display:block; font-size:1.1em; font-weight:bold;} 
     710#adminHome A {border:none;} 
     711 
     712#piwigoInfos {float:left; margin-left:140px;} 
     713#pageInfos {float:right; margin-right:10px;} 
     714 
     715/* TipTip CSS - Version 1.2 */ 
     716 
     717#tiptip_holder { 
     718        display: none; 
     719        position: absolute; 
     720        top: 0; 
     721        left: 0; 
     722        z-index: 99999; 
     723} 
     724 
     725#tiptip_holder.tip_top { 
     726        padding-bottom: 5px; 
     727} 
     728 
     729#tiptip_holder.tip_bottom { 
     730        padding-top: 5px; 
     731} 
     732 
     733#tiptip_holder.tip_right { 
     734        padding-left: 5px; 
     735} 
     736 
     737#tiptip_holder.tip_left { 
     738        padding-right: 5px; 
     739} 
     740 
     741#tiptip_content { 
     742        font-size: 11px; 
     743        color: #fff; 
     744        text-shadow: 0 0 2px #000; 
     745        padding: 4px 8px; 
     746        border: 1px solid rgba(255,255,255,0.25); 
     747        background-color: rgb(25,25,25); 
     748        background-color: rgba(25,25,25,0.92); 
     749        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); 
     750        border-radius: 3px; 
     751        -webkit-border-radius: 3px; 
     752        -moz-border-radius: 3px; 
     753        box-shadow: 0 0 3px #555; 
     754        -webkit-box-shadow: 0 0 3px #555; 
     755        -moz-box-shadow: 0 0 3px #555; 
     756} 
     757 
     758#tiptip_arrow, #tiptip_arrow_inner { 
     759        position: absolute; 
     760        border-color: transparent; 
     761        border-style: solid; 
     762        border-width: 6px; 
     763        height: 0; 
     764        width: 0; 
     765} 
     766 
     767#tiptip_holder.tip_top #tiptip_arrow { 
     768        border-top-color: #fff; 
     769        border-top-color: rgba(255,255,255,0.35); 
     770} 
     771 
     772#tiptip_holder.tip_bottom #tiptip_arrow { 
     773        border-bottom-color: #fff; 
     774        border-bottom-color: rgba(255,255,255,0.35); 
     775} 
     776 
     777#tiptip_holder.tip_right #tiptip_arrow { 
     778        border-right-color: #fff; 
     779        border-right-color: rgba(255,255,255,0.35); 
     780} 
     781 
     782#tiptip_holder.tip_left #tiptip_arrow { 
     783        border-left-color: #fff; 
     784        border-left-color: rgba(255,255,255,0.35); 
     785} 
     786 
     787#tiptip_holder.tip_top #tiptip_arrow_inner { 
     788        margin-top: -7px; 
     789        margin-left: -6px; 
     790        border-top-color: rgb(25,25,25); 
     791        border-top-color: rgba(25,25,25,0.92); 
     792} 
     793 
     794#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
     795        margin-top: -5px; 
     796        margin-left: -6px; 
     797        border-bottom-color: rgb(25,25,25); 
     798        border-bottom-color: rgba(25,25,25,0.92); 
     799} 
     800 
     801#tiptip_holder.tip_right #tiptip_arrow_inner { 
     802        margin-top: -6px; 
     803        margin-left: -5px; 
     804        border-right-color: rgb(25,25,25); 
     805        border-right-color: rgba(25,25,25,0.92); 
     806} 
     807 
     808#tiptip_holder.tip_left #tiptip_arrow_inner { 
     809        margin-top: -6px; 
     810        margin-left: -7px; 
     811        border-left-color: rgb(25,25,25); 
     812        border-left-color: rgba(25,25,25,0.92); 
     813} 
     814 
     815/* Webkit Hacks  */ 
     816@media screen and (-webkit-min-device-pixel-ratio:0) {   
     817        #tiptip_content { 
     818                padding: 4px 8px 5px 8px; 
     819                background-color: rgba(45,45,45,0.88); 
     820        } 
     821        #tiptip_holder.tip_bottom #tiptip_arrow_inner {  
     822                border-bottom-color: rgba(45,45,45,0.88); 
     823        } 
     824        #tiptip_holder.tip_top #tiptip_arrow_inner {  
     825                border-top-color: rgba(20,20,20,0.92); 
     826        } 
     827} 
     828 
     829/* Set the width of the menubar for the galery */ 
     830#menubar { 
     831  width: 18em; 
     832  margin: 10px 0 50px 10px !important; 
     833} 
     834.content { 
     835  margin-left: 20em;  /* = #menubar width + 2em */ 
     836} 
     837/* Set minimum width of the page before getting a scrollbar */ 
     838/* IE5 and IE6 don't get that */ 
     839BODY { 
     840  min-width: 60em;  /* ~ 3* #menubar width */ 
     841} 
     842#thePopuphelpPage { 
     843  min-width: 0; 
     844} 
     845 
     846#thePopuphelpPage #pwgHead {display:none} 
     847#thePopuphelpPage #footer  {display:none} 
     848 
     849/* Set some sizes according to your maximum thumbnail width and height */ 
     850UL.thumbnails SPAN, 
     851UL.thumbnails SPAN.wrap2 A, 
     852UL.thumbnails LABEL, 
     853.content DIV.thumbnailCategory DIV.illustration { 
     854  width: 140px;      /* max thumbnail width + 2px */ 
     855} 
     856UL.thumbnails SPAN.wrap2, 
     857.content DIV.thumbnailCategory DIV.description { 
     858  height: 140px;    /* max thumbnail height + 2px */ 
     859} 
     860 
     861 
     862/* Category thumbnails on main page */ 
     863.content UL.thumbnailCategories LI { 
     864  width: 49.7%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/ 
     865} 
     866 
     867/* Set defaults for thumbnails legend */ 
     868UL.thumbnails SPAN.thumbLegend { 
     869  display: block;  /* display: none; if you don't want legend */ 
     870  height: 4em;    /* legend height (don't set auto to be Gecko friendly)*/ 
     871} 
     872 
     873.themeBox {display:inline-table; text-align:center; height:192px; background-color:#eee; margin:5px; -moz-border-radius:5px; overflow:hidden; } 
     874 
     875.themeBox IMG {border:1px solid white; margin:0 15px;} 
     876.themeName {font-size:1.1em; margin:5px 0;} 
     877.themeActions {display: table-row; font-size:12px; height: 43px; } 
     878.themeActions DIV {display: table-cell; vertical-align: middle; line-height:18px; } 
     879.themeActions A {} 
     880 
     881#themesContent .themeBox IMG {width:150px; height:120px;} 
     882#themesContent H3 {font-size:16px; text-align:left; border-bottom:1px solid #444; letter-spacing:1px; margin:5px;} 
     883.themeBoxes {min-height:0;text-align:left;} 
     884 
     885h2 { letter-spacing:2px; font-weight:bold;} 
     886h2:lang(en) { text-transform:capitalize; } 
     887 
     888#pluginsMenuSeparator {width:80%; margin:5px auto;} 
     889 
     890#helpContent P {text-align:left; margin-left:10px;} 
     891#helpContent LI, #ftpPage LI {margin-top:10px;} 
     892#helpContent P.nextStepLink {text-align:center; font-weight:bold; margin-bottom:20px;} 
     893 
     894#configContent FIELDSET, #availablePlugins FIELDSET  {border:none;} 
     895 
     896/** 
     897 * Informations box in administration 
     898 */ 
     899.infos, .errors, .warnings { 
     900  text-align: left; 
     901  margin: 5px; 
     902  padding: 10px 50px 10px 10px; 
     903  font-weight:bold; 
     904  background-repeat: no-repeat; 
     905  background-position: 5px 5px; 
     906  padding:5px 70px 0pt 53px; 
     907  min-height: 54px; 
     908} 
     909 
     910.infos { 
     911  color: #0a0; 
     912  background-color:#c2f5c2; 
     913  background-image: url(icon/infos.png); 
     914} 
     915 
     916.errors { 
     917  color: #f22; 
     918  background-color: #ffd5dc; 
     919  background-image: url(icon/errors.png); 
     920} 
     921 
     922.warnings { 
     923  color: #ee8800; 
     924  background-color:#ffdd99; 
     925  background-image: url(icon/warnings.png); 
     926} 
     927 
     928.infos li, .errors li, .warnings li { list-style-type:square; } 
     929.infos .submit {margin-left:30px;} 
     930 
     931.checkActions {text-align:left;padding:0;margin:0;} 
     932.comment A:hover {border:none;} 
     933 
     934.pluginBox {margin-bottom:10px;-moz-border-radius:5px;} 
     935.pluginBox table {width:99%} 
     936.pluginBox td {text-align:left;} 
     937.pluginBox td.pluginDesc {cursor:pointer;} 
     938.pluginBox td.pluginDesc img{vertical-align:middle;} 
     939.pluginBox td em{float:right;} 
     940.pluginBoxNameCell {width:150px; vertical-align:top;} 
     941 
     942.languageBoxes {min-height:0;text-align:left;} 
     943.languageBox {display:inline-table; text-align:center; width:200px; height:40px; margin:5px; -moz-border-radius:5px; overflow:hidden; } 
     944.languageName {font-size:1.1em; margin:5px 0;} 
     945.languageActions {display: table-row; font-size:12px; } 
     946.languageActions DIV {display: table-cell; vertical-align: middle; line-height:18px; } 
     947 
     948#ui-datepicker-div {-moz-border-radius:5px;} 
     949#ui-datepicker-div .ui-icon-circle-triangle-w, #ui-datepicker-div .ui-icon-circle-triangle-e {color:transparent;} 
     950#ui-datepicker-div A.ui-datepicker-prev, #ui-datepicker-div A.ui-datepicker-next {background-color:transparent;} 
     951#ui-datepicker-div A.ui-datepicker-prev:hover, #ui-datepicker-div A.ui-datepicker-next:hover {-moz-border-radius:5px;} 
     952 
     953.HelpActions { 
     954  float:right; 
     955  margin:0; 
     956  padding:0; 
     957  padding-top:2px; 
     958  padding-left:3px; 
     959} 
     960 
     961.HelpActions a { border:0; margin:0; } 
     962.HelpActions a:hover {border:0;} 
     963.HelpActions li {list-style-image:none; list-style-position:outside; list-style-type:none; text-align:center; text-indent:0pt; } 
     964 
     965legend {text-align:left;} 
     966 
     967/* local-layout */ 
     968/* You can modify this file */ 
     969 
     970/* default-colors */ 
     971/* So that non-links are slightly greyed out */ 
     972.content .navigationBar { 
     973        color: #999; 
     974} 
     975 
     976/* Tables & forms */ 
     977 
     978INPUT.text, INPUT.password, INPUT.button, 
     979INPUT.submit, INPUT.reset, INPUT.file, 
     980SELECT, TEXTAREA { 
     981  color:#999; 
     982  background-color: #666;        
     983} 
     984 
     985INPUT:focus, SELECT:focus, TEXTAREA:focus, INPUT.focus, FORM .focus { 
     986  background-color: #444;       /* whitesmoke */ 
     987} 
     988 
     989/* some theme set a border on INPUT  which is not pretty for radio/checkbox */ 
     990INPUT[type="radio"], INPUT[type="checkbox"] { 
     991  border: none; /* <= Opera needs this */ 
     992} 
     993 
     994INPUT.radio, INPUT.checkbox { 
     995  border: none; /* <= IE6 needs this */ 
     996} 
     997 
     998 
     999/** 
     1000 * Header message like upgrade 
     1001 */ 
     1002.header_msgs { 
     1003  text-align:center; 
     1004  font-weight: bold; 
     1005  color:#333; 
     1006  background-color: transparent; 
     1007  margin: 1px; 
     1008  padding: 1px; 
     1009} 
     1010 
     1011/** 
     1012 * Header notes box in public/administration 
     1013 */ 
     1014.header_notes { 
     1015  border: 1px solid #666; 
     1016  background: transparent url(icon/note.png) no-repeat right top; 
     1017  font-weight: bold; 
     1018  margin: 14px 24px 14px 14px; 
     1019  padding: 5px 0 0 0; 
     1020  top: 90px;  
     1021  position: absolute; 
     1022  text-align: right; 
     1023} 
     1024 
     1025LEGEND { 
     1026  font-weight: bold; 
     1027  letter-spacing: 1px; 
     1028  padding: 0 10px; 
     1029} 
Note: See TracChangeset for help on using the changeset viewer.