Ignore:
Timestamp:
Jun 11, 2011, 4:33:07 AM (13 years ago)
Author:
tearran
Message:

Changed The menu to a horizontal placement in the header.tpl
added some css id's for the menu.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • extensions/PaysonsPlaces/theme.css

    r11305 r11309  
    1 
    2 /* text color */
    3 BODY, H1, H2, H3, DT,
    4 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
    5         color:#696969;  /* dimgray */
    6 }
    7 
    8 /* backgrounds */
    9 BODY, H3 {
    10         background-color: #ffffff;      /* white */
    11 }
    12 
    13 H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover {
    14         background-color: #d3d3d3;
    15 }
    16 
    17 #menubar DL, .content, #imageToolBar, .header_notes {
    18   background-color: #eeeeee;
    19 }
    20 
    21 /* borders */
    22 #menubar DL, .content, #imageToolBar {
    23   border: 1px solid #d3d3d3;
    24 }
    25 
    26 #theImage IMG {
    27   border: 3px solid #d3d3d3;
    28 }
    29 
    30 /*I think this rule is never used*/
    31 .content UL.thumbnail IMG {
    32     border: 1px solid #a0a0a0;
    33 }
    34 
    35 FIELDSET, INPUT, SELECT, TEXTAREA,
    36 .content .thumbnailCategory {
    37   border: 1px solid gray;
    38 }
    39 
    40 .thumbnails .wrap2 {
    41   border: 1px solid #aaaaaa;    /* thumbnails border color and style */
    42 }
    43 
    44 .thumbnails .wrap2:hover,
    45 .content .thumbnailCategories .thumbnailCategory:hover,
    46 .content .thumbnailCategories .thumbnailCategory:hover A {
    47   background-color: #faebd7;
    48   border-color: yellow;         /* thumbnails border color when mouse cursor is over it */
    49   color: black;
    50 }
    51 
    52 /* links */
    53 A, INPUT.rateButton {
    54         color: #005e89;
    55         background: transparent;
    56         border-bottom: 1px dotted #005e89;
    57 }
    58 
    59 A:hover, INPUT.rateButton:hover {
    60     color: #808060;
    61 }
    62 
    63 A.pwg-state-default {
    64         border: 0;
    65 }
    66 
    67 A.navThumb, A.navThumb:hover {
    68     border-bottom: none;
    69 }
    70 
    71 /*calendar elements*/
    72 .calItem, .calItemEmpty
    73 {
    74   border: 1px solid silver;
    75 }
    76 
    77 #qsearchInput { color: #005e89; }
    78 
    79 .pwg-icon {
    80         background-image: url(../default/s26/outline_005e89.png);
    81 }
    82 
    83 A:hover .pwg-icon {
    84         background-image: url(../default/s26/outline_808060.png);
     1#navigation-1 {
     2        background-color: #666666;
     3        padding:1px 0;
     4        margin:0px;
     5        list-style:none;
     6        width:100%;
     7        height:21px;
     8        border-top:1px solid #FFFFFF;
     9        border-bottom:1px solid #FFFFFF;
     10        font:normal 8pt verdana, arial, helvetica;
     11}
     12
     13#navigation-1 li {
     14        margin:0;
     15        padding:0;
     16        display:block;
     17        float:left;
     18        position:relative;
     19        color: #FFFFFF; /*width:148px;*/
     20}
     21
     22#navigation-1 li a:link, #navigation-1 li a:visited {
     23        padding:4px 0;
     24        display:block;
     25        text-align:center;
     26        text-decoration:none;
     27        color:#ffffff;
     28        width:148px;
     29        height:13px;
     30        background-color: #666666;
     31}
     32
     33#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
     34        padding:4px 0;
     35        display:block;
     36        text-align:center;
     37        text-decoration:none;
     38        color:#ffffff;
     39        width:146px;
     40        height:13px;
     41        border-left:1px solid #ffffff;
     42        border-right:1px solid #ffffff;
     43        background-color: #999999;
     44}
     45
     46#navigation-1 li ul.navigation-2 {
     47        margin:0;
     48        padding:1px 1px 0;
     49        list-style:none;
     50        display:none;
     51        width:146px;
     52        position:absolute;
     53        top:21px;
     54        left:-1px;
     55        border:1px solid #000000;
     56        border-top:none;
     57        background-color: #FFFFFF;
     58}
     59
     60#navigation-1 li:hover ul.navigation-2 {
     61        display:block;
     62}
     63
     64#navigation-1 li ul.navigation-2 li {
     65        width:146px;
     66        clear:left;
     67        width:146px;
     68}
     69
     70#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
     71        clear:left;
     72        padding:4px 0;
     73        width:146px;
     74        border:none;
     75        border-bottom:1px solid #ffffff;
     76        position:relative;
     77        z-index:1000;
     78        background-color: #666666;
     79}
     80
     81#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
     82        clear:left;
     83        padding:4px 0;
     84        width:146px;
     85        border:none;
     86        border-bottom:1px solid #ffffff;
     87        position:relative;
     88        z-index:1000;
     89        background-color: #666666;
     90}
     91
     92#navigation-1 li ul.navigation-2 li ul.navigation-3 {
     93        display:none;
     94        margin:0;
     95        padding:0;
     96        list-style:none;
     97        position:absolute;
     98        left:145px;
     99        top:-2px;
     100        padding:1px 1px 0 1px;
     101        border:1px solid #000000;
     102        border-left:1px solid #000000;
     103        z-index:900;
     104        background-color: #FFFFFF;
     105}
     106
     107#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
     108        display:block;
     109}
     110
     111#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
     112        background-color: #666666;
     113}
     114
     115#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
     116        background-color: #666666;
     117}
     118
     119#navigation-1 li ul.navigation-2 li a span {
     120        position:absolute;
     121        top:0;
     122        left:132px;
     123        font-size:12pt;
     124        color:#999999;
     125}
     126
     127#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
     128        position:absolute;
     129        top:0;
     130        left:132px;
     131        font-size:12pt;
     132        color:#ffffff;
    85133}
    86134
    87135/*  */
    88136    #footer {
    89         text-align: center;
    90         padding: 10px;
    91 }
    92 
    93         body {
    94         height: 100%;
    95         width: 100%;
    96         background-attachment: fixed;
    97         background-repeat: no-repeat;
    98         background-image: url(images/bg_c.JPG);
    99         margin: 0px;
    100         padding: 0px;
    101 }
    102         table {
    103         position: relative;
    104         /*height: 100%;*/
    105         width: 100%;
    106         padding-left: 25px;
    107         padding-right: 25px;
    108         padding-bottom: 20px;
    109 }
    110 
    111 
    112         html {
    113 
    114         width: 100%;
    115         height: 100%;
    116 
    117         }
    118        
    119 
    120         #headercontainer {
    121         width: 100%;
     137        padding: 10px;
    122138        -moz-border-radius: 18px;
    123139        border-radius: 8px;
    … …  
    125141        -moz-box-shadow: 1px 1px 2px;
    126142        box-shadow: 1px 1px 2px;
    127         background-image: url(images/bg_bw.JPG);
    128         background-attachment: fixed;
    129         background-repeat: no-repeat;
    130  }
    131        
    132 
    133        
    134         #shadow {
     143        background-image: url(images/bg_bw.jpg);
     144        background-attachment: fixed;
     145        background-repeat: no-repeat;
     146        padding: 10px;
     147}
     148
     149        body {
     150        width: 100%;
     151        background-attachment: fixed;
     152        background-repeat: no-repeat;
     153        margin: 0px;
     154        padding: 0px;
     155        background-image: url(images/bg_c.JPG);
     156}
     157   html,body{
     158      margin:0;
     159      padding:0;
     160      height:100%;
     161      border:none
     162   }
     163        table {
     164        position: relative;
     165        width: 100%;
     166        padding-left: 25px;
     167        padding-right: 25px;
     168        padding-bottom: 20px;
     169       
     170        }
     171       
     172        #fullheight{
     173        height: 100%;
     174       
     175        }
     176       
     177        html {
     178
     179        width: 100%;
     180        height: 100%;
     181
     182        }
     183        #banner    {
     184        text-align: center;
     185        padding: 5px;
     186        width: 100%;
    135187        -moz-border-radius: 18px;
    136188        border-radius: 8px;
    … …  
    138190        -moz-box-shadow: 1px 1px 2px;
    139191        box-shadow: 1px 1px 2px;
    140         background-image: url(images/bg_bw.JPG);
    141         background-attachment: fixed;
    142         background-repeat: no-repeat;
     192        background-image: url(images/bg.gif);
     193        background-attachment: fixed;
     194        background-repeat: no-repeat;
     195        padding: 10px;
     196        padding-left: 0px;
     197        padding-right: 0px;
     198 }
     199
     200       
     201
     202       
     203        #main_box {
     204        text-align: center;
     205        padding: 5px;
     206        width: 100%;
     207        -moz-border-radius: 18px;
     208        border-radius: 8px;
     209        -webkit-box-shadow: 1px 1px 2px;
     210        -moz-box-shadow: 1px 1px 2px;
     211        box-shadow: 1px 1px 2px;
     212        background-image: url(images/bg.gif);
     213        background-attachment: fixed;
     214        background-repeat: no-repeat;
     215        padding: 10px;
     216        padding-left: 0px;
     217        padding-right: 0px;
    143218        height: 100%;
    144 }
    145         #banner    {
    146         text-align: center;
    147 }
    148 
    149 H2 {
    150        
    151 }
     219        vertical-align: top;
     220
     221}
     222#search_box {
     223        left: 10px;
     224}
Note: See TracChangeset for help on using the changeset viewer.