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 #addthis {
  28     position: absolute;
  29     right: 0;
  30     padding-right: 10px;
  31     opacity: 0.5;
  32 }
  33 #addthis:hover {
  34     opacity: 1;
  35 }
  36
  37 #navtop {
  38     border-bottom: 1px solid rgba(173,190,211,0.3);
  39     margin-bottom: 10px;
  40     padding: 4px;
  41     height: 30px;
  42 }
  43
  44 #contenttop {
  45     margin-bottom: 40px;
  46 }
  47
  48 #navlinks {
  49         float: right;
  50         padding-top: 4px;
  51 }
  52
  53 #navigation {
  54     float:left;
  55     border-spacing: 0px;
  56     border-collapse: collapse;
  57 }
  58
  59 #navigation td {
  60     height: 26px;
  61     background-image: url("bread_blue.png");
  62     background-position: 100% 0%;
  63     background-repeat: repeat-x;
  64     padding-right: 24px;
  65     padding-left: 5px;
  66    font-size: 15px;
  67 }
  68
  69 #navigation td:last-child {
  70     background-image: url("bread_selected_blue.png");
  71     font-weight: bold;
  72 }
  73
  74 #navigation td:first-child {
  75         padding-left: 10px;
  76 }
  77
  78 #tools {
  79     margin: 10px;
  80     text-align: center;
  81 }
  82
  83 #thumbnails {
  84         margin-top: 50px;
  85 }
  86
  87 #thumbnails td {
  88         padding: 10px;
  89 }
  90
  91
  92 td {
  93         color: #eeeeee;
  94 }
  95
  96 .image img, .thumbnail_video img, .thumbnail_image img, .fullscreen_image img, .fullscreen_video img {
  97        -moz-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
  98     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
  99             box-shadow: 0px 16px 60px rgba(0,0,0,0.25);
 100     -webkit-transition: all 0.25s linear;
 101             transition: all 0.25s linear;
 102 }
 103
 104 .image img:hover, .thumbnail_video img:hover, .thumbnail_image img:hover {
 105        -moz-box-shadow: 0px 16px 60px rgba(0,0,0,0.2);
 106     -webkit-box-shadow: 0px 16px 60px rgba(0,0,0,0.2);
 107             box-shadow: 0px 16px 60px rgba(0,0,0,0.2);
 108      -webkit-transform: scale(1.02);
 109              transform: scale(1.02);
 110 }
 111
 112 #titletext, #main_text {
 113     font-size: 3.0em;
 114     text-shadow: 2px 2px 4px black;
 115     color: #adbed3;
 116     text-align: center;
 117     font-weight: bold;
 118 }
 119 #main_text { font-size: 1.3em; }
 120
 121 table.index {
 122         width: 100%;
 123         padding: 10px;
 124         border: 0px solid black;
 125 }
 126
 127 table.index tr td.image {
 128         width: 50%;
 129         text-align: right;
 130         vertical-align: top;
 131 }
 132
 133 table.index tr td.caption {
 134         width: 50%;
 135         text-align: left;
 136         padding-left: 10px;
 137 }
 138
 139
 140 #sizes {
 141     text-align: center;
 142 }
 143 #sizes a {
 144     text-decoration:underline;
 145 }
 146
 147
 148 table.image {
 149         width: 100%
 150 }
 151
 152 table.image tr td {
 153         text-align: center;
 154 }
 155
 156 a.fullscreenvideolink {
 157         margin-left:auto;
 158         margin-right:auto;
 159 }
 160
 161 .disabled {
 162     opacity: 0.3;
 163 }