Changeset 25006

Show
Ignore:
Timestamp:
26.01.2012 14:23:14 (8 years ago)
Author:
sjm84
Message:

Some major changes to the page styling to be compatible with the new visual themes

Files:
1 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/greenstone3/web/interfaces/oran/style/core.css

    r24772 r25006  
    55body { 
    66    font-family: sans-serif; 
    7     padding: 20px; 
    87    margin: 0; 
    9     color: #444; 
    108    background-color: #eae4d9; 
    119} 
     
    8078    cursor:pointer; 
    8179    padding:2px; 
     80    border:0px; 
    8281} 
    8382 
     
    132131    line-height: 120%; 
    133132    background-color: #fff; 
    134     border: 1px solid #c8c3b9; 
     133    border-top-width: 0px; 
     134} 
     135 
     136#topArea { 
     137    border-bottom-width: 0px; 
     138    max-width: 998px; 
     139    margin: 20px auto 0; 
     140} 
     141 
     142#topArea table { 
     143    width: 100%; 
     144} 
     145 
     146#topArea td { 
     147    width: 50%; 
    135148} 
    136149 
    137150#gs_banner { 
    138     /*background: transparent url('../images/gsdlhead.gif') scroll no-repeat left top;*/ 
    139     background-color: #008800; 
    140     padding: 10px 20px 30px 20px; 
    141     min-height: 80px; 
     151    padding:0px; 
     152    height:100px; 
    142153    position: relative; 
    143154} 
    144155 
    145156#gs_content { 
    146     padding: 1em; 
    147     padding-right: 2em; 
     157    margin-top:-10px; 
     158    padding: 20px 20px 10px; 
    148159    min-height: 300px; 
    149160    /* background-color: #ff0; */ 
     161} 
     162 
     163#gs_footer { 
     164    position: relative; 
     165    display: block; 
     166    /*background: transparent url('../images/gsdlhead.gif') scroll no-repeat left top;*/ 
     167    margin: -1px auto; 
     168    text-align: center; 
     169    vertical-align: middle; 
     170    font-size: 70%; 
     171    padding-top:5px; 
     172    padding-bottom:5px; 
     173} 
     174 
     175#gs_footer a { 
     176    /*color:#FFF;*/ 
    150177} 
    151178 
     
    165192.viewOptions { 
    166193    width: 100%; 
    167     background:#008800; 
    168194} 
    169195 
     
    172198} 
    173199 
     200.tableOfContentsTitle{ 
     201    font-weight:bold; 
     202    text-align:left; 
     203} 
     204 
    174205.viewOptions a:link, .viewOptions a:hover, .viewOptions a:active, .viewOptions a:visited { 
    175     color:white; 
    176206    text-decoration:none; 
    177207} 
     
    179209#rightSidebar { 
    180210    border: 1px solid #cdc; 
    181     width: 25%; 
    182     min-width: 180px; 
    183     float: right; 
     211    width: 30%; 
     212    min-width:180px; 
     213    float:right; 
    184214    margin: 0 0 10px 20px; 
    185     /* background-color: #f0f; */ 
     215    background-color: #FFFFFF; 
    186216} 
    187217 
     
    189219    padding:10px; 
    190220} 
    191  
    192 #quickSearch { 
    193 } 
    194  
    195221 
    196222#collectionLinks { 
     
    213239} 
    214240 
    215 #gs_footer { 
    216     position: relative; 
    217     display: block; 
    218     background: transparent url('../images/gsdlhead.gif') scroll no-repeat left top; 
    219     margin: 0 auto; 
    220     text-align: center; 
    221     vertical-align: middle; 
    222     font-size: 70%; 
    223     color: #fff; 
    224     padding-top:5px; 
    225     padding-bottom:5px; 
    226 } 
    227  
    228 #gs_footer a { 
    229     color:#FFF; 
    230 } 
    231  
    232  
    233  
    234241/* some text should not be rendered as it is just there for search engines */ 
    235242#collectionLinks a b { 
     
    239246/* make sure h1s and h2s are readable on the green banner */ 
    240247#breadcrumbs, #gs_banner h2, #breadcrumbs a, #gs_banner h2 a { 
    241     color: #fff; 
     248    /*color: #fff;*/ 
    242249} 
    243250body.dAction #gs_banner h2 { 
     
    247254 
    248255#titlearea { 
    249     padding-left: 1em; 
    250     padding-right: 1em; 
    251     height:60px; 
    252     background-color: #007200; 
     256    padding-left: 20px; 
    253257    width:40%; 
    254258} 
    255259 
    256 #titlesearchcontainer { 
    257     width:100%; 
    258     margin: 5px 0 5px; 
     260#titlesearchcontainer {  
     261    height: 70px; 
     262    width: 100%; 
     263} 
     264 
     265#titlesearchcontainer h2 {   
     266    padding-left: 0px; 
     267} 
     268 
     269#titlesearchcontainer, #titlesearchcontainer form, #titlesearchcontainer h2{ 
     270    padding-top: 0px; 
     271    padding-bottom: 0px; 
     272    margin-top: 0px; 
     273    margin-bottom: 0px; 
    259274} 
    260275 
    261276#quicksearcharea { 
    262     width:60%; 
    263     text-align:right; 
    264     padding: 0.4em; 
    265     color:white; 
    266     background-color:#007200; 
    267 } 
    268  
    269 #quicksearcharea table{ 
    270     font-size:70%;  
    271     margin:0;  
    272     float: right; 
     277    width: 60%; 
     278    text-align: right; 
     279    padding-right: 20px; 
     280    padding-top: 10px; 
     281} 
     282 
     283#quicksearcharea ul{ 
     284    margin:0; 
     285} 
     286 
     287#quicksearcharea li{ 
     288    display:inline; 
     289    list-style:none; 
     290    margin-left:5px;  
     291    padding: 2px 3px 2px 5px; 
     292    font-size: 10px; 
    273293} 
    274294 
    275295#quicksearcharea a{ 
    276     color:white;  
    277296    text-transform:lowercase; 
    278     padding-left:10px;  
    279297} 
    280298 
    281299#breadcrumbs { 
    282     /*margin: 0 0 10px 0;*/ 
    283     height: 25px; 
    284     line-height: 15px; 
    285 } 
    286  
    287 /* css to make the tabs work */ 
    288 #nav { 
    289     position:absolute; 
    290     width: auto; 
    291     bottom: 0; 
    292     left: 0; 
    293     list-style: none; 
    294     margin:0; 
    295     padding: 0 0 0 20px; 
    296     font-size: 14px; 
    297 } 
    298  
    299 #nav li { 
    300     float: left; 
    301     color: #fff; 
    302     background: transparent url('../images/tab-right.png') scroll no-repeat 100% -100px; 
    303     margin: 0 5px 0 0; 
    304     padding: 0 8px 0 0; 
    305     text-transform: capitalize; 
    306 } 
    307  
    308 #nav a{ 
    309  
    310     display: block; 
    311     float:left; 
    312     background: transparent url('../images/tab-left.png') no-repeat scroll 0 -100px; 
    313     margin:0; 
    314     padding: 5px 4px 3px 10px; 
    315     font-weight: bold; 
    316     color: #fff; 
    317     text-decoration: none; 
    318     line-height: 1; 
    319 } 
    320  
    321 #nav li:hover, #nav li.current { background-position: 100% 0; } 
    322 #nav li:hover a, #nav li.current a { background-position: 0 0; cursor:default; } 
     300    margin-left: 20px; 
     301} 
     302 
     303#breadcrumbs a{ 
     304    text-decoration:underline; 
     305} 
    323306 
    324307 
    325308/* css to make the page links work (home, help, preference) */ 
    326309#bannerLinks { 
    327     width: auto; 
    328     position: absolute; 
     310    text-align: right; 
    329311    list-style: none; 
    330     margin:0; 
    331     top: 7px; 
    332     right: 0; 
    333     padding: 0 15px 0 0; 
    334     text-transform: lowercase; 
     312    margin: 0 20px; 
     313    text-transform: capitalize; 
     314    font-size: 14px; 
    335315} 
    336316 
    337317#bannerLinks li { 
    338     float: right; 
    339     margin: 0; 
    340     padding: 0 2px 0 0; 
    341 } 
    342  
    343 #bannerLinks a { 
    344     display: block; 
    345     float: left; 
    346     display: table-cell; 
    347     min-width: 1em; 
    348     margin:0; 
    349     padding: 5px 5px 3px 10px; 
    350     font-weight: normal; 
    351     text-align: center; 
    352     color: #fff; 
    353     text-decoration: none; 
    354     line-height: 1; 
     318    /*display: inline;*/ 
     319    float:right; 
     320    margin-left: 5px; 
     321    padding: 1px 4px 1px 0px; 
     322} 
     323 
     324#bannerLinks ul { 
     325    padding: 0px 3px 0px 0px; 
     326    text-align: right; 
     327    list-style: none; 
    355328} 
    356329 
     
    403376    cursor: default; 
    404377} 
     378 
     379/* css to make the tabs work */ 
     380#nav { 
     381    list-style: none outside none; 
     382    padding: 0px; 
     383    margin: 9px 0 0 20px; 
     384    font-size: 14px; 
     385} 
     386 
     387#nav ul { 
     388    margin:0px; 
     389    padding:0px; 
     390} 
     391 
     392#nav li { 
     393    display: inline; 
     394    margin-right: 5px; 
     395    padding: 3px 5px 4px 7px; 
     396    text-transform: capitalize; 
     397    text-align: center; 
     398    border-bottom: none; 
     399} 
     400 
     401#nav a{ 
     402    margin:0px; 
     403    font-weight: bold; 
     404    text-decoration: none; 
     405} 
     406 
     407#nav li:hover, #nav li.current { background-position: 100% 0; } 
     408#nav li:hover a, #nav li.current a { background-position: 0 0; cursor:default; } 
    405409 
    406410/* style the search and classifier results */ 
     
    466470 
    467471 
    468 a:link, a:hover, a:active, a:visited { color: #050; } 
     472/*a:link, a:hover, a:active, a:visited { color: #050; }*/ 
    469473 
    470474/* bg image set in style macro */ 
     
    666670} 
    667671 
     672/* ------- PAGED IMAGE ------- */ 
     673 
     674.pageSlider { 
     675    width: 250px; 
     676    overflow: auto; 
     677    margin-left: auto; 
     678    margin-right: auto; 
     679    background: #BBFFBB; 
     680    border:2px solid #00AA00; 
     681    padding: 2px; 
     682} 
     683 
     684.pageSliderSpacer { 
     685    width:2px; 
     686} 
     687 
     688.pageSliderCol { 
     689    width:75px; 
     690    height:100px; 
     691    margin: 3px; 
     692    text-align: center; 
     693} 
     694 
     695/* ------- SPATIAL COLLECTIONS ------- */ 
     696 
     697#nearbyDocs td, #nearbyDocs th { 
     698    padding: 5px; 
     699    border: 1px solid black; 
     700} 
     701 
     702#nearbyDocs th { 
     703    font-weight: bold; 
     704} 
     705 
    668706/* 
    669707ul.childrenlist li {