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
  13 a:link {
  14     color: #d6d6d6;
  15 }
  16
  17 a:visited {
  18     color: #bacbdc;
  19 }
  20
  21
  22 img {
  23     border: 0;
  24 }
  25
  26 #logo {
  27     padding: 10px;
  28     position: fixed;
  29     bottom: 0;
  30     right: 0;
  31     font-size: 10px;
  32 }
  33
  34 #navtop {
  35     border-bottom: 1px solid rgba(173,190,211,0.3);
  36     margin-bottom: 20px;
  37     padding: 4px;
  38     height: 30px;
  39 }
  40
  41 #contenttop {
  42     margin-bottom: 40px;
  43 }
  44
  45 #navlinks {
  46         float: right;
  47         padding-top: 4px;
  48 }
  49
  50 #navigation {
  51     float:left;
  52     border-spacing: 0px;
  53     border-collapse: collapse;
  54 }
  55
  56 #navigation td {
  57     height: 26px;
  58     background-image: url("bread_blue.png");
  59     background-position: 100% 0%;
  60     background-repeat: repeat-x;
  61     padding-right: 24px;
  62     padding-left: 5px;
  63    font-size: 15px;
  64 }
  65
  66 #navigation td:last-child {
  67     background-image: url("bread_selected_blue.png");
  68     font-weight: bold;
  69 }
  70
  71 #navigation td:first-child {
  72         padding-left: 10px;
  73 }
  74
  75 #tools {
  76     margin: 10px;
  77     text-align: center;
  78 }
  79
  80 #thumbnails {
  81         margin-top: 50px;
  82 }
  83
  84 #thumbnails td {
  85         padding: 10px;
  86 }
  87
  88
  89 td {
  90         color: #eeeeee;
  91 }
  92
  93 .thumbnail_image img {
  94      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
  95     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
  96             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
  97 }
  98 .thumbnail_image img:hover {
  99      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
 100     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
 101             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
 102 }
 103 .image img {
 104      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
 105     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
 106             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
 107 }
 108 .image img:hover {
 109      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.35);
 110     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
 111             box-shadow: 0px 16px 60px rgba(0,0,0,0.35);
 112 }
 113
 114
 115 .thumbnail_video {
 116         background-color: #122;
 117 }
 118 .thumbnail_video img {
 119         border: 1px solid #a9a9a9;
 120         margin: -3px 3px 3px -3px;
 121         padding: 3px;
 122 }
 123
 124 .fullscreen_image img {
 125      -moz-box-shadow:   0px 16px 60px rgba(0,0,0,0.25);
 126     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
 127             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
 128 }
 129 .fullscreen_video {
 130         float: left;
 131         background-color: #122;
 132 }
 133 .fullscreen_video img {
 134         background-color: #fff;
 135         border: 1px solid #a9a9a9;
 136         margin: -10px 10px 10px -10px;
 137         padding: 9px;
 138 }
 139
 140 .disabled {
 141         font-style: italic;
 142 }
 143 .disabled:hover {
 144         background-color: #DEDAD6;
 145 }
 146
 147 #titletext {
 148     font-size: 3.3em;
 149     text-shadow: 2px 2px 4px black;
 150     color: #adbed3;
 151     text-align: center;
 152     font-weight: bold;
 153 }
 154
 155 table.index {
 156         width: 100%;
 157         padding: 10px;
 158         border: 0px solid black;
 159 }
 160
 161 table.index tr td.image {
 162         width: 50%;
 163         text-align: right;
 164         vertical-align: top;
 165 }
 166
 167 table.index tr td.caption {
 168         width: 50%;
 169         text-align: left;
 170 }
 171
 172
 173 .left {
 174         text-align: left;
 175 }
 176
 177 .right {
 178         text-align: right;
 179 }
 180
 181 table.imgnav tr td.sizes {
 182         text-align: center;
 183 }
 184
 185 table.image {
 186         width: 100%
 187 }
 188
 189 table.image tr td {
 190         text-align: center;
 191 }
 192
 193 a.fullscreenvideolink {
 194         margin-left:auto;
 195         margin-right:auto;
 196 }