wmfs/style.css

200 lines
4.1 KiB
CSS

/* options -----------------------------------------------------------*/
* { padding:0; margin:0; }
a { color: #ccc; text-decoration: none; }
a:hover { color: #aaa; }
pre { color: #ccc; }
/* body --------------------------------------------------------------*/
body {
font: 12px/18px sans-serif;
color: #aaa;
background-color: #0F0F0F;
}
/* container ---------------------------------------------------------*/
#container {
width: 100%;
height: 100%;
margin: 0px auto;
background-color: #A8A8A8;
overflow: hidden;
}
/* header ------------------------------------------------------------*/
#header {
position: fixed;
top: 0px;
z-index: 10;
width: 100%;
padding: 3px 5px 5px 2px;
background-color: #2B2B2B;
}
#header h1 {
font: 30px sans-serif;
text-align: right;
margin-right: 20px;
}
#header h1 span {
margin-right: 40px;
font-size: 13px;
}
#header h2 {
position: absolute;
font: 18px sans-serif;
left: 20px;
top: 10px;
}
/* links -------------------------------------------------------------*/
#links {
display: block;
margin: 60px auto 5px auto;
width: 100%;
}
.categorie {
padding: 0 10px 15px 25px;
margin: 0 auto 10px auto;
position: relative;
width: 90%;
background-color: #525252;
-webkit-box-shadow: 1px 1px 12px #000;
-moz-box-shadow: 1px 1px 12px #000;
box-shadow: 1px 1px 12px #000;
}
.categorie a { text-decoration: underline ; }
.categorie h2 { padding: 15px 0 5px 10px; }
/* iframe for irc ----------------------------------------------------*/
iframe {
opacity: 0.9;
-moz-opacity : 0.9;
-ms-filter: "alpha(opacity=90)";
margin: 15px auto 0 -10px;
-webkit-box-shadow: 1px 1px 12px #000;
-moz-box-shadow: 1px 1px 12px #000;
box-shadow: 1px 1px 12px #000;
}
/* footer ------------------------------------------------------------*/
#footer {
margin: 20px auto 0px auto;
display: block;
width: 100%;
padding: 0px 5px 0px 5px;
background-color: #2B2B2B;
font-size: 10px;
text-align: center;
-webkit-box-shadow: 1px 1px 12px #000;
-moz-box-shadow: 1px 1px 12px #000;
box-shadow: 1px 1px 12px #000;
}
/* cc BY-NC-SA License :: arpinux :: 2011 :: http://arpinux.org */
/* slideshow */
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/
.theme-default .nivoSlider {
position:relative;
background:#444 url(icons/loading.gif) no-repeat 50% 50%;
margin-bottom:20px;
-webkit-box-shadow: 1px 1px 12px #000;
-moz-box-shadow: 1px 1px 12px #000;
box-shadow: 1px 1px 12px #000;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivo-controlNav {
position:absolute;
left:5%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(icons/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
table {
border-collapse:separate;
border-spacing:0;
}
.theme-default #slider {
margin: 20px auto 20px auto;
width:800px; /* Make sure your images are the same size */
height:345px; /* Make sure your images are the same size */
}
.clear {
clear:both;
}
/*
* jQuery Nivo Slider v2.7.1
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}