git.zarb.org Git - booh/blob - data/booh/themes/gradient/root/booh.css

   1 body {
   2     background-color: #597aa3;
   3     background-image: -webkit-gradient(linear, left top, left bottom, from(#365378), to(#597aa3), color-stop(0.5, #597aa3));
   4     background-repeat: no-repeat;
   5     color: #d6d6d6;
   6     font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
   7     font-size: 16px;
   8 }
   9
  10 a         { text-decoration: none; }
  11 a:hover   { text-decoration: underline; }
  12 a:link    { color: #d6d6d6; }
  13 a:visited { color: #bacbdc; }
  14
  15 img {
  16     border: 0;
  17 }
  18
  19 #logo {
  20     padding: 10px;
  21     position: fixed;
  22     bottom: 0;
  23     right: 0;
  24     font-size: 10px;
  25 }
  26
  27 #navtop {
  28     border-bottom: 1px solid rgba(173,190,211,0.3);
  29     margin-bottom: 20px;
  30     padding: 4px;
  31     height: 30px;
  32 }
  33
  34 #contenttop {
  35     margin-bottom: 40px;
  36 }
  37
  38 #navlinks {
  39         float: right;
  40         padding-top: 4px;
  41 }
  42
  43 #navigation {
  44     float:left;
  45     border-spacing: 0px;
  46     border-collapse: collapse;
  47 }
  48
  49 #navigation td {
  50     height: 26px;
  51     background-image: url("bread_blue.png");
  52     background-position: 100% 0%;
  53     background-repeat: repeat-x;
  54     padding-right: 24px;
  55     padding-left: 5px;
  56    font-size: 15px;
  57 }
  58
  59 #navigation td:last-child {
  60     background-image: url("bread_selected_blue.png");
  61     font-weight: bold;
  62 }
  63
  64 #navigation td:first-child {
  65         padding-left: 10px;
  66 }
  67
  68 #tools {
  69     margin: 10px;
  70     text-align: center;
  71 }
  72
  73 #thumbnails {
  74         margin-top: 50px;
  75 }
  76
  77 #thumbnails td {
  78         padding: 10px;
  79 }
  80
  81
  82 td {
  83         color: #eeeeee;
  84 }
  85
  86 .image img, .thumbnail_video img, .thumbnail_image img, .fullscreen_image img, .fullscreen_video img {
  87      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
  88     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
  89             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
  90 }
  91
  92 .image img:hover, .thumbnail_video img:hover, .thumbnail_image img:hover {
  93      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
  94     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
  95             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
  96 }
  97
  98 .disabled {
  99         font-style: italic;
 100 }
 101 .disabled:hover {
 102         background-color: #DEDAD6;
 103 }
 104
 105 #titletext, #main_text {
 106     font-size: 3.3em;
 107     text-shadow: 2px 2px 4px black;
 108     color: #adbed3;
 109     text-align: center;
 110     font-weight: bold;
 111 }
 112 #main_text { font-size: 1.3em; }
 113
 114 table.index {
 115         width: 100%;
 116         padding: 10px;
 117         border: 0px solid black;
 118 }
 119
 120 table.index tr td.image {
 121         width: 50%;
 122         text-align: right;
 123         vertical-align: top;
 124 }
 125
 126 table.index tr td.caption {
 127         width: 50%;
 128         text-align: left;
 129 }
 130
 131
 132 table.imgnav tr td.sizes {
 133     text-align: center;
 134 }
 135 table.imgnav tr td.sizes a {
 136     text-decoration:underline;
 137 }
 138
 139
 140 table.image {
 141         width: 100%
 142 }
 143
 144 table.image tr td {
 145         text-align: center;
 146 }
 147
 148 a.fullscreenvideolink {
 149         margin-left:auto;
 150         margin-right:auto;
 151 }