docs/mods/_standard/tile_search/TILE.css

   1 body {
   2 font-family:  sans-serif;
   3 padding: 0px;
   4 margin: 0px;
   5 }
   6
   7 a {color: #003366;}
   8 a:active {color: #003366;}
   9 a:visited {color: #003366;}
  10
  11 textarea {
  12 color: #003366;
  13 border-color: #003366;
  14 border-width: 1px;
  15 border-style: solid;
  16 background: #FFFFFF;
  17 margin-top: 0.5em;
  18 margin-bottom: 1px;
  19 padding: 0.1em;
  20 }
  21
  22 .objective {
  23 font-weight: bold;
  24 }
  25
  26 .center {
  27 text-align: center;
  28 }
  29
  30 .left {
  31 text-align: left;
  32 }
  33
  34 .right {
  35 text-align: right;
  36 }
  37
  38 .small {
  39 font-size: small;
  40 }
  41
  42 .larger {
  43 font-size: larger;
  44 }
  45
  46 .xlarge {
  47 font-size: x-large;
  48 }
  49
  50 .bold {
  51 font-weight: bold;
  52 }
  53
  54 .acclipHL, a.acclipHL,
  55 a.acclipHL:link, a.acclipHL:active, a.acclipHL:visited {
  56 background-color: #003366;
  57 color: #ffffff;
  58 }
  59
  60 .excludedItem {
  61 text-decoration: line-through !important;
  62 }
  63
  64 .searchResults {
  65 margin: 0 0.5em;
  66 }
  67
  68 .searchhit {
  69 font-size: larger;
  70 font-weight: bold;
  71 }
  72
  73 .errorbox {
  74 background-color: #ffdddd;
  75 border: 2px solid red;
  76 padding: 0 1em;
  77 }
  78
  79 .error {
  80 color: red;
  81 font-weight: bold;
  82 }
  83
  84 .alert {
  85 font-weight: bold;
  86 }
  87
  88 #TILEImage, #TILEObject {
  89 text-align: center;
  90 }
  91
  92 #TILELink {
  93 font-size: larger;
  94 text-align: center;
  95 }
  96
  97 #TILEHeading {
  98 font-size: x-large;
  99 text-align: center;
 100 font-weight: bold;
 101 }
 102
 103 #TILEBanner {
 104 text-align: center
 105 }
 106
 107 #TILEMenu p {
 108 text-align: center;
 109 }
 110
 111 #TILEOriginalContent, #TILENavigationBottom, #TILEMenu {
 112 padding: 0 1em 0 1em;
 113 }
 114
 115 #TILENavigationTop {
 116 padding: 0.5em 1em 0 1em;
 117 }
 118
 119 .TILENavLink a {
 120   color: #000000;
 121   font-weight: bold;
 122 }
 123
 124 #TILETableOfContentsInner {
 125   padding: 0.5em 0.5em 0.5em 0.75em;
 126   margin: 0;
 127 }
 128
 129 #TILETableOfContentsInner ol {
 130 list-style: none;
 131 border: none;
 132 padding: 0;
 133 margin: 0;
 134 }
 135
 136 #TILETableOfContentsInner li li {
 137 padding: 0 0 0 0.5em;
 138 margin: 0;
 139 }
 140
 141 #TILEMainTableOfContents ol {
 142 list-style: none;
 143 border: none;
 144 margin: 0;
 145 padding: 0;
 146 }
 147
 148 #TILEMainTableOfContents li li {
 149 padding: 0 0 0 1.0em;
 150 margin: 0;
 151 }
 152
 153 #TILEMainTableOfContents ul {
 154 list-style-position: inside;
 155 padding-left: 0;
 156 border-left: 0;
 157 margin-left: 0;
 158 }
 159
 160 .TILETOCHead {
 161 }
 162
 163 #TILEMenu {
 164 text-align: center;
 165 }
 166
 167 #TILEViewItemPalette {
 168 position: absolute;
 169 top: 0;
 170 left: 80%;
 171 width: 20%;
 172 margin: 0;
 173 border-style: solid;
 174 border-width: 0;
 175 border-color: #333333;
 176 background-color: #EEEEEE;
 177 overflow: hidden;
 178 }
 179
 180 #TILEViewItemPaletteInner {
 181 padding: 0.5em 1.0em 1.0em 1.0em;
 182 }
 183
 184 #TILEViewItemPaletteInput {
 185 font-size: small;
 186 }
 187
 188 .TILEAnnotation {
 189 background-color: #ffff80;
 190 color: black;
 191 width: 95%;
 192 }
 193
 194 .TILEToolbarHeading {
 195 font-weight: bold;
 196 }
 197
 198 .TILEViewItemTextInput {
 199 width: 65%;
 200 }
 201
 202 #TILEContent {
 203 padding: 0 1em;
 204 }
 205
 206 .searchField {
 207 font-family: monospace;
 208 }
 209
 210 div.toptabs {
 211     border-bottom-color: #003366;
 212     border-bottom-style: solid;
 213     border-bottom-width: 1px;
 214     padding: 0.5em 0em 0em 1em;
 215 }
 216
 217 div.bottomtabs {
 218     border-top-color: #003366;
 219     border-top-style: solid;
 220     border-top-width: 1px;
 221     padding: 0em 0em 0.5em 1em;
 222 }
 223
 224 div.bottomtabs a {
 225     border-style: none solid solid solid;
 226 }
 227
 228 div.toptabs a {
 229     border-style: solid solid none solid;
 230 }
 231
 232 div.tabs {
 233     /* Navigational Plone Tabs(tm), implemented by customizing the a tag -
 234     they are surprisingly elegant. The power of CSS runs strong in these :) */
 235     background: transparent;
 236     border-collapse: collapse;
 237     text-align: center;
 238     text-transform: lowercase;
 239 }
 240
 241 div.tabs a {
 242     /* The normal, unselected tabs. They are all links */
 243     background: transparent;
 244     border-color: #003366;
 245     border-width: 1px;
 246     color: #003366;
 247     font-weight: normal;
 248     height: 1.2em;
 249     margin-right: 0.5em;
 250     padding: 0em 0.5em;
 251     text-decoration: none;
 252 }
 253
 254 div.tabs a.selected {
 255     /* The selected tab. There's only one of this */
 256     background: #CC9900;
 257     border-color: #003366;
 258     border-style: solid;
 259     border-width: 1px;
 260     color: #FFFFFF;
 261     font-weight: normal;
 262 }
 263
 264 div.tabs a:hover {
 265     background: #FFFFFF;
 266     border-color: #003366;
 267     color: #CC9900;
 268 }
 269
 270 div.tabs a.singlebutton {
 271     color: #CC9900;
 272     padding: 0em 2em;
 273 }
 274
 275 div.tabs a.singlebutton:hover {
 276     color: #003366;
 277     padding: 0em 2em;
 278 }
 279
 280 div.uppertabs {
 281     /* Bar with personalized menu (user preferences, favorites etc) */
 282     background: #FFFFFF;
 283     border-top-color: #003366;
 284     border-top-style: solid;
 285     border-top-width: 1px;
 286     padding-top: 1em;
 287     padding-bottom: 1em;
 288     text-align: center;
 289     text-transform: lowercase;
 290 }
 291
 292 div.uppertabs a,
 293 div.uppertabs a:link, div.uppertabs a:active, div.uppertabs a:visited {
 294     background-color: #003366;
 295     color: #FFFFFF;
 296     font-weight: normal;
 297     margin-left: 1em;
 298     margin-right: 1em;
 299     padding: 0.25em 0.5em;
 300     border-color: #003366;
 301     border-style: solid;
 302     border-width: 1px;
 303     text-decoration: none;
 304 }
 305
 306 div.uppertabs a:hover {
 307     background-color: #FFFFFF;
 308     color: #003366;
 309 }
 310
 311 div.uppertabs img {
 312     vertical-align: bottom;
 313 }
 314
 315 .activityTemplate {
 316   border:1px solid #8888aa;
 317   background-color:#f7f8ff;
 318   padding: 5px;
 319 }
 320
 321 dt span.activityTemplate {
 322   padding: 2px;
 323 }
 324
 325 /* Protect TILE controls on the View page against content styles */
 326 .TILEControl {
 327 font-family: sans-serif;
 328 }
 329
 330 /* The summary on the Authoring Tool Publish page */
 331 table.PublishSummary td, table.PublishSummary th {
 332 vertical-align: baseline;
 333 text-align: left;
 334 }
 335
 336 span.formlabel {
 337   float: left;
 338   width: 45%;
 339   text-align: right;
 340 }
 341 span.spaced {
 342   padding: 0 10px 0 0;
 343 }
 344
 345 span.formfield {
 346   float: right;
 347   width: 55%;
 348   text-align: left;
 349 }
 350
 351 .browse-result{
 352 border:thin solid #cccccc;
 353 }