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