examples/htdocs/tpl_files/digital-collections.css

   1 @charset "utf-8";\r
   2 #tempHeader { background: url(../DC-staticpages/temp-images/fake-tpl-header-bg.png) top repeat-x scroll; min-height: 145px; margin: 0 auto;}\r
   3 #tempHeader2 { background: url(../DC-staticpages/temp-images/fake-tpl-header-bg.png) top repeat-x scroll; min-height: 120px; margin: 0 auto;}\r
   4 #tempSearch { min-height: 91px; margin: -3px auto 0 auto; }\r
   5 \r
   6 #dcImageDetail {} /*Specific fixes for Image Detail Page*/\r
   7 \r
   8 #dcImageDetail h1 /*{ line-height: 1.1em; } Could be added into standard H1 style, left external to allow no alterations into the main CSS files*/\r
   9 \r
  10 #dcImageDetail a.subject {font-weight:normal;}\r
  11 #dcImageDetail a { font-weight: bold;}\r
  12 \r
  13 /*Image container and options*/\r
  14 #dcImageDetail .image-container { max-height: 700px; text-align: center; }\r
  15 #dcImageDetail .image-container img { max-height: 700px; max-width:700px}\r
  16 \r
  17 #dcImageDetail .opt-containers { border-top: 1px solid #efeeed; padding: 15px 5px; }\r
  18 #dcImageDetail .opt-containers .left, #dcImageDetail .opt-containers .right { padding: 0;}\r
  19 #dcImageDetail .opt-containers img { margin: -2px 7px 0 0; }\r
  20 \r
  21 /*Main Detail Information*/\r
  22 #dcImageDetail .author { padding-bottom: 5px;}\r
  23 #dcImageDetail .author.last { padding-bottom: 10px;}\r
  24 #dcImageDetail .related-subjects {  \r
  25         /*border-top: 1px solid #efeeed;*/ \r
  26         padding: 5px 0px; }\r
  27 #dcImageDetail .label, #dcImageDetail .addInfo table .title { font-weight: bold; color: #525252;}\r
  28 \r
  29 /*Detail List typographic Tweaks*/\r
  30 #dcImageDetail .related-subjects ul {}\r
  31 #dcImageDetail .related-subjects li { padding: 0 0 8px 0; margin: 0; line-height: 1.1em; }\r
  32 \r
  33 /*Additional Information Tables*/\r
  34 #dcImageDetail .addInfo { border-top: 1px solid #efeeed; padding: 5px 0 20px 5px;}\r
  35 \r
  36 #dcImageDetail .addInfo table { margin: 0; width: 580px;}\r
  37 #dcImageDetail .addInfo table th{ background: transparent; padding-bottom: 5px;}\r
  38 .addInfo table .title {width: 230px; vertical-align: top; }\r
  39 #dcImageDetail .addInfo table td { padding-top: 12px;}\r
  40 #dcImageDetail .addInfo table td a { text-decoration: underline; font-weight: normal;} /*Same style as standard p a (just no p), left external to allow no alterations into the main CSS files*/\r
  41 \r
  42 \r
  43 #branch-holdings { width: auto; }\r
  44 \r
  45 #dcImageDetail .socialLinks /*{margin-top: -48px;}*/\r
  46 #page-actions-horizontal li.first { padding-left: 0;}\r
  47 \r
  48 /*New Grey Button*/\r
  49 .grey-btn,.grey-btn:visited {\r
  50         background: #efeeed url(../images/greyBTN.png) scroll repeat-x;\r
  51         border-color: #adca9d #b7b7b7 #b7b7b7 #adca9d;\r
  52         border-width: 1px;\r
  53         text-align: center;\r
  54         display: block;\r
  55         margin: 3px 0;\r
  56         padding: 5px 0;\r
  57         max-height: 25px;\r
  58         overflow: hidden;\r
  59 }\r
  60 div.ellipsis {display: inline;}\r
  61 \r
  62 .dc-sideContainer\r
  63 {\r
  64         margin-top:0;\r
  65 }\r
  66  .grey-button {\r
  67             -moz-border-radius: 4px 4px 4px 4px;\r
  68     background-color: #F7F6F5;\r
  69     border: 1px solid #E5E5E5;\r
  70     float: left;\r
  71     margin-top: 0.8em;\r
  72     padding: 0.5em;\r
  73     position: relative;\r
  74     width: 14em;\r
  75     font-weight: bold;\r
  76     font-size: 0.9em;\r
  77     margin-top:10px;\r
  78 }\r
  79 .dc-book-button {\r
  80         margin-top:10px;\r
  81     margin-left:2.2em;\r
  82 }\r
  83 /*div.ellipsis {display: inline; word-wrap:break-word;}*/\r
  84 .grey-btn .hold { font-size: .8em; font-weight:bold;}\r
  85 \r
  86 \r
  87 .grey-btn:hover {\r
  88         text-decoration: none;\r
  89         color: #000;\r
  90 }\r
  91 \r
  92 /*Grid View*/\r
  93 #gridSearch {}\r
  94 \r
  95 #gridSearch .search-bar h1 { margin-bottom: 10px;}\r
  96 \r
  97 .search-bar .searchView {\r
  98         /*float: left;*/\r
  99         text-align: left;       \r
 100         display:inline;\r
 101         display:block;\r
 102         }\r
 103 \r
 104 .searchView h3 { /*Merge in with .sort h4*/\r
 105         display: inline;\r
 106         font-weight: normal;\r
 107         float: left;\r
 108         padding: 0;\r
 109         border: 0;\r
 110         margin: 4px 2px 0 0;\r
 111 }\r
 112         \r
 113 .searchView .sort-selected { /*Merge in with .sort .sort-selected */\r
 114         /*border: 1px solid #4C4C4C;\r
 115         font-weight: bold;\r
 116         padding: 1px 5px;\r
 117         display: block;\r
 118         padding: 4px;*/\r
 119 }\r
 120 \r
 121 .searchView .sort-option {\r
 122         /*display:block;\r
 123         padding-top:4px; */\r
 124 }\r
 125 \r
 126 #grid-search-bar-bottom {  /*Replacement for non-grid #search-bar-bottom*/\r
 127         border-top: 1px solid #DDD;\r
 128         padding-top: 10px;\r
 129         padding-bottom: 0px;\r
 130 }\r
 131 \r
 132 .searchRow {\r
 133         border-top: 1px solid #eeeeee;\r
 134         padding: 15px 0 20px 0;\r
 135 }\r
 136 \r
 137 .searchRow .block {\r
 138         min-height: 220px;\r
 139         }\r
 140         \r
 141 /*For Book Covers Thumbnails\r
 142 .searchRow .block .thumb {\r
 143         height: 158px;\r
 144         width: 158px;\r
 145         background-color: #f3f3f3;\r
 146         border: 1px solid #f3f3f3;\r
 147         overflow: hidden;\r
 148         text-align: center;\r
 149         }\r
 150 .searchRow .block .thumb img { max-height: 158px; max-width: 158px}\r
 151 */\r
 152 \r
 153 /*For Book Covers Thumbnails */\r
 154 .thumb {\r
 155         height: 158px;\r
 156         width: 158px;\r
 157         background-color: #f3f3f3;\r
 158         border: 1px solid #f3f3f3;\r
 159         overflow: hidden;\r
 160         text-align: center;\r
 161         }\r
 162 .thumb img { max-height: 158px; max-width: 158px}\r
 163 .carousel {\r
 164         height: 100px;\r
 165         width: 100px;\r
 166         background-color: #f3f3f3;\r
 167         border: 1px solid #f3f3f3;\r
 168         overflow: hidden;\r
 169         text-align: center;\r
 170         }\r
 171 .carousel img {max-height:100px; max-width:100px}\r
 172 /*For Digital Archive Thumbnail*/\r
 173 .block .digitalArchiveIMG {\r
 174         width: 158px; \r
 175         height: 158px; \r
 176         background-color: #f3f3f3;\r
 177         border: 1px solid #f3f3f3;      \r
 178 }\r
 179 \r
 180 /*Generic Row Type Styles*/     \r
 181 .block .details {margin-top: 10px;}\r
 182 .block .details a { font-weight: bold; }\r
 183 .block .details p { margin-top: 5px; font-size: .9em; }\r
 184 .block .details .subtext { font-size: .85em; line-height: 1.1em; margin-top: 5px; }\r
 185 .block .details .baseLink {font-size: .85em; text-decoration: underline; font-weight: normal; display: block; }\r
 186 \r
 187 \r
 188 /******Main Page Styles******/\r
 189 #mainArchive {}\r
 190 \r
 191 /*Main Page Search bar - Try to reuse the one from Hours and locations*/\r
 192 #mainArchive #dcTerms { width: 295px;   margin: 0 10px;}\r
 193 div#dcTerms-container {position: relative; float: left; }\r
 194 #mainArchive label.hint { position: absolute; color: #6e6e6e; top: 3px; left: 205px; }\r
 195 \r
 196 \r
 197 /*Grid objects on Main page*/\r
 198 #mainArchive .searchRow { margin: 20px 0; padding: 0px;}\r
 199 #mainArchive .searchRow h2 { margin: 15px 0 20px 0;}\r
 200 #mainArchive .searchRow h3 { \r
 201         color: #525252; \r
 202         font-size: 1.25em; \r
 203         font-weight: bold;\r
 204     line-height: 1.2em;\r
 205     margin-bottom: 0.4em;\r
 206     margin-top: 0.8em;\r
 207     padding: 0.4em 0 0;}\r
 208 \r
 209 #mainArchive .searchRow .block { min-height: 175px;     }\r
 210 \r
 211 /*For Main Page Digital Archive Thumbnails*/\r
 212 #mainArchive .searchRow .block .digitalArchiveIMG {     width: 100px; height: 100px; }\r
 213 \r
 214 /* Large content Widget Add-ons*/\r
 215 .widget#teal-title h4 { /*Add to Widgets.css*/\r
 216         border-top: 4px solid #008194;\r
 217         border-bottom: 1px solid #008194;\r
 218 }\r
 219 \r
 220 #mainArchive .more_link { margin: .5em 0 1.5em 0; padding: .5em 0 0 .8em; font-weight: bold;}\r
 221 \r
 222 /*Browse By Subject list DIV*/\r
 223 #browseSubject {margin: 15px 0;}\r
 224 #browseSubject .browseTitle {padding: 9px 12px 7px 12px; background-color: #E4ECF9;}\r
 225 #browseSubject .browseTitle h3 {color: #525252; padding: 0; margin: 0; font-size: 1.25em;}\r
 226 \r
 227 #browseSubject .browseList {\r
 228         border: 1px solid #E4ECF9;\r
 229         -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px;\r
 230         -moz-border-radius-bottomleft: 7px; border-bottom-left-radius: 7px;\r
 231         }\r
 232         \r
 233 #browseSubject .browseList ul {\r
 234         list-style-type: none;\r
 235         margin: .2em 0 .5em 0; \r
 236         padding: 0;\r
 237         }\r
 238         \r
 239 #browseSubject .browseList li {\r
 240         margin: 0px 12px;\r
 241         padding: 4px 0;\r
 242         border-bottom: 1px solid #EFEEED;\r
 243         line-height: 1.8em;\r
 244         }\r
 245         \r
 246 #browseSubject .browseList .more {font-weight: bold;} \r
 247 \r
 248 \r
 249 /*How to Buy BTN Style*/\r
 250 #buyPrints {\r
 251         background-color: #efeeed;\r
 252         text-align: center;\r
 253         border-color: #adca9d #b7b7b7 #b7b7b7 #adca9d;\r
 254         border-width: 1px;\r
 255         text-align: center;\r
 256         display: block;\r
 257         max-height: 25px;\r
 258         overflow: hidden;\r
 259         padding: 10px;\r
 260         margin:0 0 20px;\r
 261         border-radius: 7px;     -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px;\r
 262         -moz-box-shadow: 1px 1px 1px #666; -webkit-box-shadow: 1px 1px 1px #666; box-shadow: 1px 1px 1px #666;\r
 263         font-weight: bold;\r
 264         font-size: 1.25em; \r
 265         font-family: Arial, Verdana, sans-serif;\r
 266         color: #293869;\r
 267 }\r
 268 \r
 269 /****Digital Archive Spotlight - Uses Grid styles*****/\r
 270 #archiveSpotlight { padding: 10px 10px 3px 10px;}\r
 271 #archiveSpotlight .block {\r
 272         padding: 10px 14px;\r
 273         margin-bottom: 10px;\r
 274         background-color: #FBFBFB;\r
 275         border: 1px solid #DEDEDE;\r
 276         border-radius: 7px;     -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px;\r
 277         }\r
 278 #archiveSpotlight .digitalArchiveIMG {  width: 170px;  height: 170px;}\r
 279 \r
 280 /*** .DAthumb {max-width: 170px; max-width:170px; }***/