Changeset 9814


Ignore:
Timestamp:
Mar 21, 2011, 10:44:46 PM (14 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.