git.m6w6.name Git - m6w6/gitweb-theme/blob - css/style.css

   1 body {
   2   background-color: #F5F5F5;
   3   color: #545454;
   4   font-family: Helvetica, Arial, FreeSans, san-serif;
   5   margin-top: 1.0em;
   6 }
   7 /* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 2, 2011 */
   8 @font-face {
   9   font-family: 'GraublauWebBold';
  10   src: url('fonts/graublauwebbold-webfont.eot');
  11   src: url('fonts/graublauwebbold-webfont.eot?iefix') format('eot'),
  12        url('fonts/graublauwebbold-webfont.woff') format('woff'),
  13        url('fonts/graublauwebbold-webfont.ttf') format('truetype'),
  14        url('fonts/graublauwebbold-webfont.svg#webfontWSMTDf0G') format('svg');
  15   font-weight: normal;
  16   font-style: normal;
  17 }
  18 #container {
  19   margin: 0 auto;
  20   width: 700px;
  21 }
  22 h1 {
  23   color: #535353;
  24   font-size: 3.8em;
  25   margin-bottom: 3px;
  26   font-family: 'GraublauWebBold', Helvetica, Arial, FreeSans, san-serif;
  27 }
  28 h1 .small {
  29   clear: both;
  30   font-size: 0.4em;
  31 }
  32 h1 a {
  33   text-decoration: none
  34 }
  35 h2 {
  36   clear: both;
  37   color: #545454;
  38   font-size: 1.5em;
  39   font-family: 'GraublauWebBold', Helvetica, Arial, FreeSans, san-serif;
  40 }
  41 a {
  42   color: #4083c4;
  43 }
  44 ul {
  45   padding-left: 0;
  46 }
  47 li {
  48   margin-bottom: 0.25em;
  49 }
  50 #screenshots img {
  51   border: 1px solid #D8D8D8;
  52   float: left;
  53   margin: 0 10px 10px 0;
  54 }
  55 #screenshots {
  56   float: left;
  57   margin-bottom: 20px;
  58 }
  59 .description {
  60   color: #A8A8A8;
  61   font-size: 1.2em;
  62   font-style: italic;
  63   margin-bottom: 30px;
  64   margin-top: 30px;
  65 }
  66 .download {
  67   float: right;
  68 }
  69 pre {
  70   background: #000;
  71   color: #fff;
  72   padding: 15px;
  73 }
  74 hr {
  75   border-bottom: 1px solid #aaa;
  76   border: 0;
  77   width: 80%;
  78 }
  79 .footer {
  80   font-style: italic;
  81   padding-top: 30px;
  82   text-align:center;
  83 }
  84
  85 /* PLUGINS
  86 -------------------------------------------------------------------------- */
  87
  88   .image-overlay { list-style: none; text-align: left; }
  89   .image-overlay li { display: inline; }
  90   .image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
  91   .image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }
  92   .image-overlay a {
  93     margin: 0 15px 15px 0;
  94     border: 1px solid #000;
  95     float: left;
  96     overflow: hidden;
  97     position: relative;
  98     box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  99     -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
 100     -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
 101     -khtml-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
 102     -o-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
 103 }
 104 .image-overlay img {
 105   position: absolute;
 106   top: 0;
 107   left: 0;
 108   border: 0;
 109 }
 110 .image-overlay .caption {
 111   float: left;
 112   position: absolute;
 113   background-color: #5e710c;
 114   height: 30px;
 115   line-height: 30px;
 116   width: 100%;
 117   cursor: pointer;
 118   opacity: .8;
 119   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 5-7 */
 120   -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* For IE 8 */
 121 }
 122 .image-overlay .caption p {
 123   margin: 0;
 124   padding: 0 8px;
 125   color: #fff;
 126 }
 127
 128 /* Fancybox */
 129 #fancybox-loading {
 130   position: fixed;
 131   top: 50%;
 132   left: 50%;
 133   height: 40px;
 134   width: 40px;
 135   margin-top: -20px;
 136   margin-left: -20px;
 137   cursor: pointer;
 138   overflow: hidden;
 139   z-index: 1104;
 140   display: none;
 141 }
 142 * html #fancybox-loading {  /* IE6 */
 143   position: absolute;
 144   margin-top: 0;
 145 }
 146 #fancybox-loading div {
 147   position: absolute;
 148   top: 0;
 149   left: 0;
 150   width: 40px;
 151   height: 480px;
 152   background-image: url('img/fancybox/fancybox.png');
 153 }
 154 #fancybox-overlay {
 155   position: fixed;
 156   top: 0;
 157   left: 0;
 158   bottom: 0;
 159   right: 0;
 160   background: #000;
 161   z-index: 1100;
 162   display: none;
 163 }
 164 * html #fancybox-overlay {  /* IE6 */
 165   position: absolute;
 166   width: 100%;
 167 }
 168 #fancybox-tmp {
 169   padding: 0;
 170   margin: 0;
 171   border: 0;
 172   overflow: auto;
 173   display: none;
 174 }
 175 #fancybox-wrap {
 176   position: absolute;
 177   top: 0;
 178   left: 0;
 179   margin: 0;
 180   padding: 20px;
 181   z-index: 1101;
 182   display: none;
 183 }
 184 #fancybox-outer {
 185   position: relative;
 186   width: 100%;
 187   height: 100%;
 188   background: #FFF;
 189 }
 190 #fancybox-inner {
 191   position: absolute;
 192   top: 0;
 193   left: 0;
 194   width: 1px;
 195   height: 1px;
 196   padding: 0;
 197   margin: 0;
 198   outline: none;
 199   overflow: hidden;
 200 }
 201 #fancybox-hide-sel-frame {
 202   position: absolute;
 203   top: 0;
 204   left: 0;
 205   width: 100%;
 206   height: 100%;
 207   background: transparent;
 208 }
 209 #fancybox-close {
 210   position: absolute;
 211   top: -15px;
 212   right: -15px;
 213   width: 30px;
 214   height: 30px;
 215   background-image: url('img/fancybox/fancybox.png');
 216   background-position: -40px 0px;
 217   cursor: pointer;
 218   z-index: 1103;
 219   display: none;
 220 }
 221 #fancybox_error {
 222   color: #444;
 223   font: normal 12px/20px Arial;
 224   padding: 7px;
 225   margin: 0;
 226 }
 227 #fancybox-content {
 228   height: auto;
 229   width: auto;
 230   padding: 0;
 231   margin: 0;
 232 }
 233 #fancybox-img {
 234   width: 100%;
 235   height: 100%;
 236   padding: 0;
 237   margin: 0;
 238   border: none;
 239   outline: none;
 240   line-height: 0;
 241   vertical-align: top;
 242   -ms-interpolation-mode: bicubic;
 243 }
 244 #fancybox-frame {
 245   position: relative;
 246   width: 100%;
 247   height: 100%;
 248   border: none;
 249   display: block;
 250 }
 251 #fancybox-title {
 252   position: absolute;
 253   bottom: 0;
 254   left: 0;
 255   font-family: Arial;
 256   font-size: 12px;
 257   z-index: 1102;
 258 }
 259 .fancybox-title-inside {
 260   padding: 10px 0;
 261   text-align: center;
 262   color: #333;
 263 }
 264 .fancybox-title-outside {
 265   padding-top: 5px;
 266   color: #FFF;
 267   text-align: center;
 268   font-weight: bold;
 269 }
 270 .fancybox-title-over {
 271   color: #FFF;
 272   text-align: left;
 273 }
 274 #fancybox-title-over {
 275   padding: 10px;
 276   background-image: url('img/fancybox/fancy_title_over.png');
 277   display: block;
 278 }
 279 #fancybox-title-wrap {
 280   display: inline-block;
 281 }
 282 #fancybox-title-wrap span {
 283   height: 32px;
 284   float: left;
 285 }
 286 #fancybox-title-left {
 287   padding-left: 15px;
 288   background-image: url('img/fancybox/fancybox.png');
 289   background-position: -40px -90px;
 290   background-repeat: no-repeat;
 291 }
 292 #fancybox-title-main {
 293   font-weight: bold;
 294   line-height: 29px;
 295   background-image: url('img/fancybox/fancybox-x.png');
 296   background-position: 0px -40px;
 297   color: #FFF;
 298 }
 299 #fancybox-title-right {
 300   padding-left: 15px;
 301   background-image: url('img/fancybox/fancybox.png');
 302   background-position: -55px -90px;
 303   background-repeat: no-repeat;
 304 }
 305 #fancybox-left, #fancybox-right {
 306   position: absolute;
 307   bottom: 0px;
 308   height: 100%;
 309   width: 35%;
 310   cursor: pointer;
 311   outline: none;
 312   background-image: url('img/fancybox/blank.gif');
 313   z-index: 1102;
 314   display: none;
 315 }
 316 #fancybox-left {
 317   left: 0px;
 318 }
 319 #fancybox-right {
 320   right: 0px;
 321 }
 322 #fancybox-left-ico, #fancybox-right-ico {
 323   position: absolute;
 324   top: 50%;
 325   left: -9999px;
 326   width: 30px;
 327   height: 30px;
 328   margin-top: -15px;
 329   cursor: pointer;
 330   z-index: 1102;
 331   display: block;
 332 }
 333 #fancybox-left-ico {
 334   background-image: url('img/fancybox/fancybox.png');
 335   background-position: -40px -30px;
 336 }
 337 #fancybox-right-ico {
 338   background-image: url('img/fancybox/fancybox.png');
 339   background-position: -40px -60px;
 340 }
 341 #fancybox-left:hover, #fancybox-right:hover {
 342   visibility: visible;    /* IE6 */
 343 }
 344 #fancybox-left:hover span {
 345   left: 20px;
 346 }
 347 #fancybox-right:hover span {
 348   left: auto;
 349   right: 20px;
 350 }
 351 .fancy-bg {
 352   position: absolute;
 353   padding: 0;
 354   margin: 0;
 355   border: 0;
 356   width: 20px;
 357   height: 20px;
 358   z-index: 1001;
 359 }
 360 #fancy-bg-n {
 361   top: -20px;
 362   left: 0;
 363   width: 100%;
 364   background-image: url('img/fancybox/fancybox-x.png');
 365 }
 366 #fancy-bg-ne {
 367   top: -20px;
 368   right: -20px;
 369   background-image: url('img/fancybox/fancybox.png');
 370   background-position: -40px -162px;
 371 }
 372 #fancy-bg-e {
 373   top: 0;
 374   right: -20px;
 375   height: 100%;
 376   background-image: url('img/fancybox/fancybox-y.png');
 377   background-position: -20px 0px;
 378 }
 379 #fancy-bg-se {
 380   bottom: -20px;
 381   right: -20px;
 382   background-image: url('img/fancybox/fancybox.png');
 383   background-position: -40px -182px;
 384 }
 385 #fancy-bg-s {
 386   bottom: -20px;
 387   left: 0;
 388   width: 100%;
 389   background-image: url('img/fancybox/fancybox-x.png');
 390   background-position: 0px -20px;
 391 }
 392 #fancy-bg-sw {
 393   bottom: -20px;
 394   left: -20px;
 395   background-image: url('img/fancybox/fancybox.png');
 396   background-position: -40px -142px;
 397 }
 398 #fancy-bg-w {
 399   top: 0;
 400   left: -20px;
 401   height: 100%;
 402   background-image: url('img/fancybox/fancybox-y.png');
 403 }
 404 #fancy-bg-nw {
 405   top: -20px;
 406   left: -20px;
 407   background-image: url('img/fancybox/fancybox.png');
 408   background-position: -40px -122px;
 409 }
 410
 411 /* IE */
 412
 413 #fancybox-loading.fancybox-ie div   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_loading.png', sizingMethod='scale'); }
 414 .fancybox-ie #fancybox-close        { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_close.png', sizingMethod='scale'); }
 415 .fancybox-ie #fancybox-title-over   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
 416 .fancybox-ie #fancybox-title-left   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
 417 .fancybox-ie #fancybox-title-main   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
 418 .fancybox-ie #fancybox-title-right  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_title_right.png', sizingMethod='scale'); }
 419 .fancybox-ie #fancybox-left-ico     { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
 420 .fancybox-ie #fancybox-right-ico    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
 421 .fancybox-ie .fancy-bg { background: transparent !important; }
 422 .fancybox-ie #fancy-bg-n    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
 423 .fancybox-ie #fancy-bg-ne   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
 424 .fancybox-ie #fancy-bg-e    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
 425 .fancybox-ie #fancy-bg-se   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
 426 .fancybox-ie #fancy-bg-s    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
 427 .fancybox-ie #fancy-bg-sw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
 428 .fancybox-ie #fancy-bg-w    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
 429 .fancybox-ie #fancy-bg-nw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }