Changeset 19855 for greenstone3/trunk/web/interfaces
- Timestamp:
- 2009-06-16T13:46:14+12:00 (15 years ago)
- 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 } 98 53 span.berryradio{ 99 54 cursor: pointer; 100 55 margin:0 3em 0 3em; 101 56 font-weight: bold; 57 } 58 59 .berryOption { 60 text-decoration: underline; 61 cursor: pointer; 102 62 } 103 63 … … 120 80 } 121 81 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 156 82 157 83 p#documentberries { … … 167 93 168 94 169 #doclist{170 margin: 0;171 172 }173 174 95 .content{ 175 96 font-family:sans-serif; … … 201 122 202 123 } 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 232 124 233 125 .berrydelete{ -
greenstone3/trunk/web/interfaces/oran/style/core.css
r18617 r19855 3 3 padding: 20px; 4 4 margin: 0; 5 color: #444; 5 6 } 6 7 7 8 #container { 9 position: relative; 8 10 margin: 0 auto 20px auto; 9 max-width: 1 000px;11 max-width: 1200px; 10 12 padding: 0; 11 13 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; 12 25 } 13 26 … … 20 33 21 34 #content { 22 border-left: 1px solid #c cc;23 border-right: 1px solid #c cc;35 border-left: 1px solid #cdc; 36 border-right: 1px solid #cdc; 24 37 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 } 27 51 28 52 #quickSearch { … … 51 75 background: transparent url('../images/gsdlhead.gif') scroll no-repeat left top; 52 76 margin: 0 auto; 53 max-width: 1000px;54 77 text-align: center; 55 78 vertical-align: middle; … … 85 108 bottom: 0; 86 109 right: 0; 87 88 110 list-style: none; 89 90 111 margin:0; 91 112 padding: 0 15px 0 0; 92 93 113 font-size: 14px; 94 114 } … … 100 120 margin: 0 5px 0 0; 101 121 padding: 0 8px 0 0; 102 103 122 } 104 123 … … 119 138 #nav li:hover a, #nav li.current a { background-position: 0 0; cursor:default; } 120 139 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 121 183 /* css to make the classifier list pretty */ 122 #classifierList {184 .navList { 123 185 margin: 0 0 10px 0; 124 186 padding: 0; … … 126 188 } 127 189 128 #classifierList ul {190 .navList ul { 129 191 margin: 0; 130 192 padding: 0; … … 132 194 } 133 195 134 #classifierList li {196 .navList li { 135 197 float: left; 136 198 margin: 0 0 0 20px; 137 } 138 #classifierList li a { 199 cursor: pointer; 200 color: #fff; 201 } 202 .navList li a, .navList li span { 139 203 padding: 0 1em; 140 204 display: block; … … 143 207 } 144 208 145 #classifierList li.current a{209 .navList li.current { 146 210 background-color: #efea6e; 211 color: #444; 212 cursor: default; 213 } 214 215 .navList li.current a, .navList li.current span { 147 216 color: #444; 148 217 cursor: default; … … 182 251 .corner { 183 252 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 } 192 275 193 276 .clear { … … 450 533 451 534 452 div.documenttext { clear: both; } /* come after any floating divs */453 535 454 536 div#documentheading{ … … 507 589 508 590 div.documentarrows{ 509 clear: both;510 591 margin: 0 0 0 0; 511 592 padding: 1em 0 0 0; … … 544 625 } 545 626 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.