Old stuff/old_sites/ids/style.css
(Deskargatu)
body
{
font-family:Verdana,Arial, sans-serif;
font-size:10px;
background:black url("images/body.jpeg");
text-align:center;
}
h3 { color:#333; }
a { color:white; text-decoration:none; }
div.page
{
position:relative;
border:1px solid #222;
background:#333 url("images/page.jpeg");
background-position:top right;
background-repeat:no-repeat;
text-align:left;
margin:5% auto;
width:630px;
background-color:#333;
}
h1
{
background:#333 url("images/h1.jpeg");
background-repeat:no-repeat;
background-position:top left;
font-size:0px;
width:203px;
height:48px;
}
h2
{
background:#333 url("images/h2.jpeg");
background-repeat:no-repeat;
background-position:top center;
font-size:0px;
height:174px;
}
h2.contact { background:#333 url("images/h2_contact.jpeg"); background-repeat:no-repeat; background-position:top center; }
h2.about { background:#333 url("images/h2_about.jpeg"); background-repeat:no-repeat; background-position:top center; }
h2.portfolio { background:#333 url("images/h2_portfolio.jpeg"); background-repeat:no-repeat; background-position:top center; }
div.menu li a { color:#a6a6a6; text-decoration:none;}
div.menu li
{
font-size:12px;
font-weight:bold;
position:relative;
top:-220px;
left:270px;
text-transform: uppercase;
list-style:none;
padding:1px 7px;
float:left;
}
div.sites h3
{
margin:0px 20px;
background:#333 url("images/missions.jpeg");
background-repeat:no-repeat;
background-position:top left;
font-size:0px;
width:144px;
height:30px;
float:left;
}
div.sites h4
{
margin:0px 0px 0px 200px;
padding:5px 10px 0px 10px;
text-align:center;
color:#b0b0b0;
background:#333 url("images/h4_1.jpeg");
background-repeat:no-repeat;
background-position:top left;
font-size:10px;
width:389px;
height:27px;
}
div.sites ul { margin:0px; padding:0px; }
div.sites li {
width:190px;
padding:9px;
float:left;
list-style:none;
}
div.sites img
{
display:block;
margin:0px 0px 0px 10px;
padding:0px;
width:180px;
height:146px;
}
div.sites a { padding:0px 2px; color:#333; text-decoration:none; }
div.sites p
{
font-size:10px;
text-transform:uppercase;
font-weight:bold;
color:#191919;
height:14px;
width:190px;
margin:0px;
padding:0px;
background-color:#ccc;
background:#ccc url("images/plus.jpeg");
background-repeat:no-repeat;
background-position:top right;
}
div.footer
{
clear:both;
margin-top:10px;
font-size:12px;
text-align:center;
background-color:#282828;
color:black;
}
div.news
{
margin:20px 20px 20px 20px;
padding:30px 0 0 0;
width:380px;
height:350px;
}
div.news h3
{
background:#333 url("images/news.jpeg");
background-repeat:no-repeat;
background-position:top left;
font-size:0px;
width:130px;
height:30px;
float:left;
}
div.news h4
{
margin:0px 0px 0px 140px;
padding:5px 10px 0px 10px;
text-align:center;
color:#b0b0b0;
background:#333 url("images/h4_2.jpeg");
background-repeat:no-repeat;
background-position:top left;
font-size:10px;
width:221px;
height:27px;
}
div.news h6 { font-size:9px; }
div.news h5 { font-size:11px; }
div.news div
{
color:#eee;
font-size:9px;
-moz-border-radius:20px 20px 20px 20px;
margin:10px 0 0 0;
height:300px;
width:368px;
overflow:auto;
background-color:#1a1a1a;
}
div.news div div
{
width:auto;
height:auto;
margin:10px;
}
div.login
{
background-color:#c8c8c8;
position:absolute;
top:530px;
left:410px;
width:210px;
padding:0px;
}
div.login h3
{
margin:0px;
padding:0px;
background:#333 url("images/login.jpeg");
background-repeat:no-repeat;
font-size:0px;
height:22px;
}
div.login input { margin:0px; padding:0px 2px; border:1px solid black; font-size:9px;}
div.login input:focus { background-color:#eee; border:1px solid white;}
div.login dl,div.login dt,div.login dd
{
color:white;
margin:10px 0px ;
padding:0px;
font-size:9px;
}
div.login div.pseudo
{
margin:-10px 0 0 10px;
float:left;
padding:0px 0px 5px 0px;
}
div.login div.pass {
margin:0 0 0 110px;
padding:0px 0px 5px 0px;
}
div.login h4
{
background:#333 url("images/forget.jpeg");
background-repeat:no-repeat;
background-position:bottom center;
height:15px;
text-align:center;
font-size:10px;
padding:30px 0 0 0;
margin:0px;
color:#323232;
}
div.contact { margin:10px; color:#ccc}
div.contact h3
{
height:41px;
width:147px;
font-size:0px;
background:#333 url("images/contact.jpeg");
background-repeat:no-repeat;
background-position:bottom center;
}
div.contact a { color:#ccc; }
div.contact h6,div.contact p { font-size:9px; }
div.contact div
{
width:500px;
margin-left:50px;
}
div.contact dl { font-size:9px; }
div.contact dd
{
position:relative;
top:-16px;
left:50px;
}
div.contact dl { margin:30px 0 0 0 ; }
div.contact dt { font-weight:bold; }
div.contact input {
padding:0px 2px;
color:#ccc;
border:none; background-color:#333;
border-bottom:1px solid white;
}
div.contact textarea {
padding:2px;
border:1px solid white;
background-color:#333;
color:#ccc;
}
div.contact dt.button { display:none; }
div.contact dd.button input
{
margin:10px 0 0 110px;
border:1px solid #ff6600;
background:black url("images/body.jpeg");
}
div.about { margin:10px; }
div.about h3.about
{
height:41px;
width:147px;
font-size:0px;
background:#333 url("images/about.jpeg");
background-repeat:no-repeat;
background-position:bottom left;
}
div.about h3.ref
{
height:31px;
width:191px;
font-size:0px;
background:#333 url("images/references.jpeg");
background-repeat:no-repeat;
background-position:bottom left;
}
div.about a { color:#ccc; }
div.about ul
{
margin:0px;
padding:0px;
height:290px;
background:#333 url("images/bras.jpeg");
background-repeat:no-repeat;
background-position:center right;
}
div.about li
{
border-bottom:1px solid white;
width:400px;
color:white;
list-style:disc inside;
margin:50px 10px;
font-size:15px;
}
div.about .lit { color:#a6a6a6; font-size:10px; }
div.about h4
{
margin:30px 0 0 0;
float:left;
height:36px;
width:51px;
background:#333 url("images/nrj.jpeg");
font-size:0px;
background-repeat:no-repeat;
background-position:center right;
border-right:1px solid black;
border-bottom:1px solid black;
}
div.about div
{
margin:66px 0 0 51px;
border-left:1px solid black;
border-top:1px solid black;
}
div.about p {
font-size:11px;
padding:5px;
color:#ccc;
font-weight:bold;
}
p.suite
{
width:300px;
margin-left:200px;
padding:0px; 10px;
text-align:right;
}
p.suite a
{
color:#cc9900;
font-weight:bold;
padding:0px 5px;
}
div.portfolio ol,div.portfolio li { margin:0px; padding:0px;}
div.portfolio div.gauche
{
font-size:0px;
float:left;
}
div.gauche li
{
width:49px;
}
li.multimedia
{
height:131px;
background:#333 url("images/multimedia.png");
background-repeat:no-repeat;
background-position:bottom left;
}
li.print
{
height:80px;
background:#333 url("images/print.png");
background-repeat:no-repeat;
background-position:bottom left;
}
li.identity
{
height:101px;
background:#333 url("images/identity.png");
background-repeat:no-repeat;
background-position:bottom left;
}
li.webdesign
{
height:120px;
background:#333 url("images/multimedia.png");
background-repeat:no-repeat;
background-position:bottom left;
}
div.portfolio {
margin:0px;
height:551px;
background:#333 url("images/portfolio.jpeg");
background-repeat:no-repeat;
background-position:bottom left;
}
div.portfolio h3
{
height:30px;
width:141px;
font-size:0px;
background:#333 url("images/work.jpeg");
background-repeat:no-repeat;
background-position:bottom left;
}
div.portfolio div
{
margin:40px 0 0 80px; font-size:9px;
}
div.portfolio div.element
{
height:180px;
}
div.portfolio div div { margin:40px 10px 10px 10px; }
div.portfolio div.image
{
margin:0px 30px 0px 0px;
float:left;
}
div.portfolio div.image img
{
position:relative;
width:200px;
height:120px;
border:1px solid white;
}
div.portfolio div.desc {
color:white;
margin:0 0 0 220px;
}
div.portfolio div.desc dt{ padding:3px 0px;float:left; font-weight:bold; color:#ff9900; }
div.portfolio div.desc dd { padding:3px 30px; }
div.portfolio div.desc dd.res { position:relative; left:0px; margin:0px; padding:0px; }
div.portfolio p.visit
{
text-align:center;
padding:1px 2px;
margin:0px 0px 0 150px;
border:1px solid #fe9900;
width:130px;
font-weight:bold;
text-transform:uppercase;
}
div.portfolio p.visit a { font-weight:bold; }
.important { font-weight:bold; }
.color { color:#996619; }
.spacer { clear:both; }
.hide { display:none; width:0px; height:0px;}
Tfe