Ignore:
Timestamp:
2009-06-16T13:46:14+12:00 (15 years ago)
Author:
oranfry
Message:

styles for new interface

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

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
Note: See TracChangeset for help on using the changeset viewer.