Changeset 19855

Show
Ignore:
Timestamp:
16.06.2009 13:46:14 (10 years ago)
Author:
oranfry
Message:

styles for new interface

Location:
greenstone3/trunk/web/interfaces/oran/style
Files:
2 modified

Legend:

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

    r18617 r19855  
    1  
    2  
    3 div.globalwrapper{ 
    4   font-family: sans-serif, arial, helvetica; 
    5   margin: 0 2em 0 4em;  
    6   padding:0; 
    7   
    8 } 
    9  
    10 div#content{ 
    11   font-family: sans-serif, arial, helvetica; 
    12   margin: 0.5em 0 0.5em 0; 
    13   padding: 0;  
    14  
    15 } 
    16  
    17 div.banner{ 
    18  margin:0; 
    19  padding:0; 
    20  
    21 } 
    22  
    23 div.pageinfo{ 
    24   float:right; 
    25   text-align: right; 
    26   padding: 0; 
    27   margin:0 0 3px 0;  
    28   width: 50%; 
    29 } 
    30  
    31 div.basketimage{ 
    32   float:left; 
    33   width: 45%; 
    34   padding:0; 
    35   margin:0; 
    36  
    37 } 
    38  
    39  
    40 div.bannerextra { 
    41    clear: both; 
    42    padding: 0.2em 0 0 0; 
    43 } 
    44  
    45 /* home, help, preferences links */ 
    46 p.bannerlinks { 
    47   font-weight: bold; 
    48   margin:0; 
    49   padding:0; 
    50 } 
    51  
    52  
    53 p.bannertitle { 
    54   font-family: sans-serif, arial, helvetica; 
    55   font-size: 24px; 
    56   font-weight: bold; 
    57   white-space: nowrap; 
    58   margin: 0; 
    59   padding: 0.5em 0 0.5em 0em; 
    60   background: url("../images/tile13.jpeg") 0 0 repeat-y; 
    61   
    62 } 
    63  
    64  
    65 a.navlink{ 
    66   vertical-align: top; 
    67   padding: 0.2em 0.5em 0 0; 
    68   color: black; 
    69   text-decoration: none;  
    70   background-image: url("../images/bg_off.png"); 
    71  } 
    72  
    73 a.navlink:hover { 
    74    background-image: url("../images/bg_on.png"); 
    75  } 
    76  
    77 p.navbar{ 
    78   text-align: center; 
    79    background: url("../images/bg_green.png") 0 0 repeat-x; 
    80    font-weight: bold; 
    81 } 
    82  
    83 span.navlink{ 
    84    margin:0 3em  0 3em; 
    85    padding:0 0.5em 0 0.5em; 
    86    background-image: url("../images/bg_off.png"); 
    87    cursor: pointer; 
    88 } 
    89  
    90 span.navlink:hover { 
    91    background-image: url("../images/bg_on.png"); 
    92  } 
    93  
    94 img#trashbin{ 
    95  float:right; 
    96 } 
    97  
     1#berrybasket { 
     2    min-height: 22px; 
     3    padding: 5px; 
     4    margin: 0 0 1em 0; 
     5    /* background: #E0F0E0 url("../images/berrybasket.png") scroll no-repeat 0 0; */ 
     6    background: transparent url("../images/kete2.png") scroll repeat 0 0; 
     7    z-index:10; 
     8    /*cursor: pointer;*/ 
     9    font-size: 80%; 
     10    min-height: 2em; 
     11} 
     12 
     13#baskethandle { 
     14    cursor: move; 
     15    padding: 0; 
     16    margin: 0; 
     17    height: 30px; 
     18    width: auto; 
     19    background-color: #7f7; 
     20    display: none; 
     21} 
     22 
     23#berries { 
     24    text-align: left; 
     25    height: auto; 
     26    margin: 0; 
     27    padding: 0; 
     28    overflow: hidden;    
     29} 
     30#berries img { 
     31    margin: 3px 2px; 
     32} 
     33 
     34#trashbin { 
     35    float:right; 
     36} 
     37 
     38#berryFullViewLink { 
     39    display:block; 
     40    cursor: pointer; 
     41    text-align: right; 
     42    padding: .5em; 
     43} 
     44 
     45#berryHelpMsg { 
     46    font-size: 90%; 
     47    color: #888; 
     48} 
     49 
     50#doclist { 
     51    margin-bottom:0; 
     52} 
    9853span.berryradio{ 
    9954 cursor: pointer; 
    10055 margin:0 3em  0 3em; 
    10156 font-weight: bold; 
     57} 
     58 
     59.berryOption { 
     60    text-decoration: underline; 
     61    cursor: pointer; 
    10262} 
    10363 
     
    12080} 
    12181 
    122 div#berrybasket { 
    123    float:right; 
    124    font-family:sans-serif; 
    125    height:120px; 
    126    width: 100px; 
    127    padding: 4px 5px 4px 4px; 
    128    background-color:#E0F0E0; 
    129    background: url("../images/berrybasket.png") 0 0 no-repeat; 
    130    margin:0; 
    131    font-size:100%; 
    132    text-align:center; 
    133    #border:1px solid #2E8B57;    
    134    z-index:10; 
    135    cursor: pointer; 
    136  } 
    137  
    138 div#baskethandle { 
    139   padding: 0; 
    140   cursor:move; 
    141   height: 30px; 
    142   width:auto; 
    143   #background-color:#eeeeee; 
    144    background:transparent; 
    145    margin:0 ; 
    146   } 
    147  
    148 div#berries { 
    149   text-align:left; 
    150   height: auto; 
    151   margin: 0; 
    152   padding:0; 
    153   overflow: hidden;    
    154 } 
    155  
    15682 
    15783p#documentberries { 
     
    16793 
    16894 
    169 #doclist{ 
    170   margin: 0; 
    171   
    172 } 
    173  
    17495.content{ 
    17596 font-family:sans-serif; 
     
    201122  
    202123} 
    203  
    204 a.fullview:visited{ 
    205  color:red; 
    206 } 
    207  
    208 a#hideview:visited{ 
    209  color:red; 
    210 } 
    211  
    212 a.fullview{ 
    213   float:left; 
    214   font-size: 90%; 
    215   margin: 0 0 0 20px; 
    216   padding:0; 
    217   cursor: pointer; 
    218   color:red;   
    219   text-decoration:none; 
    220  } 
    221  
    222 a#hideView{ 
    223   float:right; 
    224   font-size: 90%; 
    225   margin:0 20px 0 0; 
    226   padding:0; 
    227   color: red; 
    228   cursor: pointer; 
    229   text-decoration:none; 
    230 } 
    231  
    232124 
    233125.berrydelete{ 
  • greenstone3/trunk/web/interfaces/oran/style/core.css

    r18617 r19855  
    33    padding: 20px; 
    44    margin: 0; 
     5    color: #444; 
    56} 
    67 
    78#container { 
     9    position: relative; 
    810    margin: 0 auto 20px auto; 
    9     max-width: 1000px; 
     11    max-width: 1200px; 
    1012    padding: 0; 
    1113    line-height: 160%; 
     14    background: url('../images/layout/containerLeft.png') scroll repeat-y left top; 
     15} 
     16#container2 { 
     17    background: url('../images/layout/containerRight.png') scroll repeat-y right top; 
     18} 
     19#container3 { 
     20    background: url('../images/layout/containerTop.png') scroll repeat-x left top; 
     21} 
     22#container4 { 
     23    background: url('../images/layout/containerBottom.png') scroll repeat-x left bottom; 
     24    padding: 10px; 
    1225} 
    1326 
     
    2033 
    2134#content { 
    22     border-left: 1px solid #ccc; 
    23     border-right: 1px solid #ccc; 
     35    border-left: 1px solid #cdc; 
     36    border-right: 1px solid #cdc; 
    2437    padding: 1em; 
    25 } 
    26  
     38    min-height: 300px; 
     39    /* background-color: #ff0; */ 
     40} 
     41 
     42#rightSidebar { 
     43    border: 1px solid #cdc; 
     44    padding: 10px; 
     45    width: 25%; 
     46    min-width: 180px; 
     47    float: right; 
     48    margin: 0 0 10px 20px; 
     49    /* background-color: #f0f; */ 
     50} 
    2751 
    2852#quickSearch { 
     
    5175    background: transparent url('../images/gsdlhead.gif') scroll no-repeat left top; 
    5276    margin: 0 auto; 
    53     max-width: 1000px; 
    5477    text-align: center; 
    5578    vertical-align: middle; 
     
    85108    bottom: 0; 
    86109    right: 0; 
    87  
    88110    list-style: none; 
    89  
    90111    margin:0; 
    91112    padding: 0 15px 0 0; 
    92  
    93113    font-size: 14px; 
    94114} 
     
    100120    margin: 0 5px 0 0; 
    101121    padding: 0 8px 0 0; 
    102  
    103122} 
    104123 
     
    119138#nav li:hover a, #nav li.current a { background-position: 0 0; cursor:default; } 
    120139 
     140 
     141/* css to make the page links work (home, help, preference) */ 
     142#bannerLinks { 
     143    width: auto; 
     144    position: absolute; 
     145    list-style: none; 
     146    margin:0; 
     147    top: 15px; 
     148    right: 0; 
     149    padding: 0 15px 0 0; 
     150} 
     151 
     152#bannerLinks li { 
     153    float: right; 
     154    margin: 0; 
     155    background: transparent url('../images/tab-right.gif') no-repeat scroll 100% -50px; 
     156    padding: 0 2px 0 0; 
     157} 
     158 
     159#bannerLinks a { 
     160    display: block; 
     161    float: left; 
     162    display: table-cell; 
     163    min-width: 1em; 
     164    margin:0; 
     165    padding: 5px 5px 3px 10px; 
     166    font-weight: normal; 
     167    text-align: center; 
     168    color: #fff; 
     169    text-decoration: none; 
     170    line-height: 1; 
     171} 
     172 
     173#bannerLinks li.current a { 
     174    cursor: default; 
     175} 
     176 
     177#bannerLinks li:hover, #bannerLinks li.current { background-position: 100% 0; } 
     178 
     179#bannerLinks li.current a { text-decoration: underline; background-position: 0 0;} 
     180#bannerLinks img.spacer { display: table-cell; } 
     181 
     182 
    121183/* css to make the classifier list pretty */ 
    122 #classifierList { 
     184.navList { 
    123185    margin: 0 0 10px 0; 
    124186    padding: 0; 
     
    126188} 
    127189 
    128 #classifierList ul { 
     190.navList ul { 
    129191    margin: 0; 
    130192    padding: 0; 
     
    132194} 
    133195 
    134 #classifierList li { 
     196.navList li { 
    135197    float: left; 
    136198    margin: 0 0 0 20px; 
    137 } 
    138 #classifierList li a { 
     199    cursor: pointer; 
     200    color: #fff; 
     201} 
     202.navList li a, .navList li span { 
    139203    padding: 0 1em; 
    140204    display: block; 
     
    143207} 
    144208 
    145 #classifierList li.current a { 
     209.navList li.current { 
    146210    background-color: #efea6e; 
     211    color: #444; 
     212    cursor: default; 
     213} 
     214 
     215.navList li.current a, .navList li.current span { 
    147216    color: #444; 
    148217    cursor: default; 
     
    182251.corner { 
    183252    position: absolute; 
    184     background: transparent url('../images/whatever.png') scroll no-repeat left top; 
    185     width: 20px; height: 20px; 
    186 } 
    187  
    188 #cornerTopLeft { left: 0; top: 0; background-image: url('../images/corner-top-left.png'); } 
    189 #cornerTopRight { right: 0; top: 0; background-image: url('../images/corner-top-right.png'); } 
    190 #cornerBottomLeft { left: 0; bottom: 0; background-image: url('../images/corner-bottom-left.png'); } 
    191 #cornerBottomRight { right: 0; bottom: 0; background-image: url('../images/corner-bottom-right.png'); } 
     253    background-image: url('../images/layout/corners.png'); 
     254    background-repeat: no-repeat; 
     255    width: 20px; 
     256    height: 20px; 
     257} 
     258 
     259#cornerTopLeft { 
     260    left: 0; top: 0; 
     261    background-position: 0 0; 
     262} 
     263#cornerTopRight { 
     264    right: 0; top: 0; 
     265    background-position: -20px 0; 
     266} 
     267#cornerBottomLeft { 
     268    left: 0; bottom: 0; 
     269    background-position: 0 -20px; 
     270} 
     271#cornerBottomRight { 
     272    right: 0; bottom: 0; 
     273    background-position: -20px -20px; 
     274} 
    192275 
    193276.clear { 
     
    450533 
    451534 
    452 div.documenttext { clear: both; } /* come after any floating divs */ 
    453535 
    454536div#documentheading{ 
     
    507589 
    508590div.documentarrows{ 
    509   clear: both;  
    510591  margin: 0 0 0 0; 
    511592  padding: 1em 0 0 0;    
     
    544625} 
    545626 
     627#coverImage { 
     628    text-align: center; 
     629} 
     630 
     631/* ----- TABLE OF CONTENTS ------ */ 
     632#tableOfContents { 
     633    margin: 0; 
     634    padding: 0; 
     635    font-size: 80%; 
     636} 
     637 
     638#tableOfContents li { 
     639    list-style: none; 
     640    margin: 0; 
     641    padding: 2px; 
     642    background-color: #fff; 
     643} 
     644 
     645#tableOfContents li a { 
     646    color: #444; 
     647} 
     648 
     649#tableOfContents li.current { 
     650    background-color: #090; 
     651} 
     652#tableOfContents li.current a { 
     653    color: #fff; 
     654} 
     655 
     656#tableOfContents li.current li { 
     657    background-color: #fff; 
     658} 
     659 
     660#tableOfContents li.current li a { 
     661    color: #444; 
     662} 
     663 
     664#tableOfContents ul { 
     665    padding: 0 0 0 20px; 
     666} 
     667