Team:UniSalento Lecce/css/common.css

From 2013.igem.org

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 1: Line 1:
-
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
+
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, meter, nav, output, progress, section, source, video {
-
display:block;
+
display: block;
-
}
+
-
html {
+
-
min-width:1000px;
+
}
}
html, body {
html, body {
-
height:100%;
 
-
}
 
-
body {
 
width: 100%;
width: 100%;
 +
height: 100%;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
}
}
-
p {
+
html {
-
font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
+
min-width: 1351px;
-
font-size:10pt;
+
-
        margin: 0px;
+
-
padding: 0px;
+
}
}
-
/******************************** Header *********************************/
+
body{
 +
background-image: url(https://static.igem.org/mediawiki/2013/f/fa/Unisalento_bg.png);
 +
background-repeat: repeat;
 +
        font-size:14px;
 +
        min-width: 1351px;
 +
}
 +
a{
 +
        color: #8ac101;
 +
}
 +
/****************************** IGEM pre ********************************/
 +
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     display:none;
     display:none;
Line 41: Line 43:
     padding: 0px;
     padding: 0px;
     border: none;
     border: none;
-
     background-image: url([[File:Bg.png]]);
+
     background-image: url(https://static.igem.org/mediawiki/2013/f/fa/Unisalento_bg.png);
     background-repeat: repeat;
     background-repeat: repeat;
}
}
Line 47: Line 49:
     margin: 0px;
     margin: 0px;
     padding: 0px;
     padding: 0px;
 +
}
 +
#bodyContent h1, h2, h3, h4, h5, h6 {
 +
font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 20px auto 20px auto;
 +
color:#666666;
 +
        border: none;
 +
}
 +
 +
#bodyContent h1, h2 {
 +
font-size:20pt;
 +
}
 +
#bodyContent h3, h4 {
 +
font-size:14pt;
}
}
#top-section {
#top-section {
Line 77: Line 93:
#banner_p article { background: url("../images/img/logo.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
#banner_p article { background: url("../images/img/logo.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
-
#navigation_wrap{
+
/********************************** Header ***********************************/
 +
 
 +
header{
width: 100%;
width: 100%;
-
text-align: center;
+
height: 230px;
-
margin: 0px auto 0px auto;
+
overflow: hidden;
 +
background-image: url(https://static.igem.org/mediawiki/2013/b/ba/Unisalento_header.jpg);
 +
        text-align:center
}
}
-
#nav{
+
 
 +
/******************************* Social Links *********************************/
 +
 
 +
#social_facebook{
 +
top: -4px;
 +
right: 142px;
 +
position: absolute;
 +
background: transparent;
 +
border: none;
 +
}
 +
#social_twitter{
 +
top: -4px;
 +
right: 91px;
 +
position: absolute;
 +
background: transparent;
 +
border: none;
 +
}
 +
#social_gmail{
 +
top: -4px;
 +
right: 39px;
 +
position: absolute;
 +
background: transparent;
 +
border: none;
 +
}
 +
#social_facebook:hover{
 +
top: 0px;
 +
}
 +
#social_twitter:hover{
 +
top: 0px;
 +
}
 +
#social_gmail:hover{
 +
top: 0px;
 +
}
 +
 
 +
/******************************** Navigation bar *********************************/
 +
 
 +
nav{
position: absolute;
position: absolute;
top: 230px;
top: 230px;
width: 100%;
width: 100%;
-
float: left;
+
        min-width: 1351px;
 +
height: 52px;
text-align: center;
text-align: center;
z-index: 3000;
z-index: 3000;
-
height: 52px;
 
background-color: rgba(1, 1, 1, 0.9);
background-color: rgba(1, 1, 1, 0.9);
box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6);
box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6);
Line 96: Line 152:
}
}
ul#css3menu1,ul#css3menu1 ul{
ul#css3menu1,ul#css3menu1 ul{
-
margin:0;
+
margin: 0;
-
list-style:none;
+
padding: 0;
-
padding:0;
+
list-style: none;
}
}
ul#css3menu1,ul#css3menu1 .submenu{
ul#css3menu1,ul#css3menu1 .submenu{
-
background-color:transparent;
+
background-color: transparent;
}
}
ul#css3menu1 .submenu{
ul#css3menu1 .submenu{
Line 132: Line 188:
display:block;
display:block;
white-space:nowrap;
white-space:nowrap;
-
font-size:0;
+
font-size:0px;
float:left;
float:left;
}
}
Line 150: Line 206:
}
}
ul#css3menu1{
ul#css3menu1{
-
font-size:0;
+
font-size:0px;
z-index:999;
z-index:999;
position:relative;
position:relative;
Line 178: Line 234:
text-align:left;
text-align:left;
text-decoration:none;
text-decoration:none;
-
font:12px Lucida Sans Unicode, sans-serif;
+
font:14px Lucida Sans Unicode, sans-serif;
color:#C0C0BA;
color:#C0C0BA;
cursor:pointer;
cursor:pointer;
Line 201: Line 257:
-webkit-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-o-transition:all 0.5s;
-
font:12px Lucida Sans Unicode,
+
font:14px Lucida Sans Unicode,
sans-serif;color:#C0C0BA;
sans-serif;color:#C0C0BA;
text-decoration:none;
text-decoration:none;
Line 224: Line 280:
}
}
ul#css3menu1 ul span{
ul#css3menu1 ul span{
 +
background-image: url(https://static.igem.org/mediawiki/2013/c/c4/Unisalento_next.png);
padding-right:9px;
padding-right:9px;
}
}
Line 265: Line 322:
border-color:#434343;
border-color:#434343;
}
}
-
/******************************** Main *********************************/
+
 
 +
/******************************** Main Content *********************************/
 +
 
#main{
#main{
width: 100%;
width: 100%;
text-align: center;
text-align: center;
 +
margin-top: 72px;
 +
margin-bottom: 42px;
}
}
#main_wrap{
#main_wrap{
width: 1000px;
width: 1000px;
-
margin:0px auto 0px auto;
+
margin: 0px auto 0px auto;
}
}
-
#container{
+
#container{  
-
background-color:white;
+
margin: 0px auto 40px auto;
-
border:1px solid #d5d5d5;
+
background-color: white;
-
margin-top: 30px;
+
border: 1px solid #d5d5d5;
-
margin-bottom: 20px;
+
float: left;
float: left;
text-align: left;
text-align: left;
-
padding-top: 10px;
+
padding-top: 40px;
-
padding-left: 55px;
+
padding-left: 65px;
-
padding-right: 55px;
+
padding-right: 65px;
-
padding-bottom: 10px;
+
padding-bottom: 50px;
 +
border-radius: 7px;
}
}
-
/* Columns */
+
#by {
 +
font-size:12px;
 +
float:left;
 +
background-color:#d4d4d4;
 +
color:#fff;
 +
padding:0 5px 0 4px;
 +
margin:0 0 0 3px;
 +
border-radius:4px;
 +
float: none;
 +
}
 +
table{
 +
    border-collapse: collapse; /* 'cellspacing' equivalent */
 +
    font-size:13px;
 +
color:#707070;
 +
}
 +
table td, table th{
 +
    padding-left: 10px; /* 'cellpadding' equivalent */
 +
    padding-right: 10px;
 +
    text-align: left;
 +
}
 +
 
 +
/**************** Columns ***************/
 +
 
.nosplit{
.nosplit{
width:100%;
width:100%;
float:left;
float:left;
text-align:left;
text-align:left;
-
color:#999;
+
color:#666666;
-
padding:10px 0px;
+
/*padding:10px 0px;*/
}
}
-
.split3{
+
.split1_3l{
-
width:30.1%;
+
width:30%;
-
padding:10px 2% 10px 1%;
+
/*padding:10px 2% 10px 1%;*/
float:left;
float:left;
text-align:left;
text-align:left;
-
color:#7E7E7E;
+
color:#666666;
 +
}
 +
.split2l{
 +
width:50%;
 +
/*padding:10px 2% 10px 1%;*/
 +
float:left;
 +
text-align:left;
 +
color:#666666;
 +
}
 +
.split2r{
 +
width:50%;
 +
/*padding:10px 2% 10px 1%;*/
 +
float:right;
 +
text-align:left;
 +
color:#666666;
 +
}
 +
.split2_3r{
 +
width:63%;
 +
/*padding:10px 3% 10px 2%;*/
 +
float:right;
 +
text-align:left;
 +
color:#666666;
 +
}
 +
.split1_3r{
 +
width:30%;
 +
/*padding:10px 2% 10px 1%;*/
 +
float:right;
 +
text-align:left;
 +
color:#666666;
}
}
-
.split23{
+
.split2_3l{
-
width:61%;
+
width:63%;
-
padding:10px 3% 10px 2%;
+
/*padding:10px 3% 10px 2%;*/
float:left;
float:left;
text-align:left;
text-align:left;
-
color:#7E7E7E;
+
color:#666666;
 +
}
 +
.fixsidebar{
 +
top:365px;
 +
position:absolute;
 +
width:264px;
 +
/*padding:10px 2% 10px 1%;*/
 +
float:left;
 +
text-align:left;
 +
}
 +
table{
 +
    border-collapse: collapse; /* 'cellspacing' equivalent */
 +
    font-size:13px;
 +
color:#666666;
 +
}
 +
table td, table th{
 +
    padding-left: 10px; /* 'cellpadding' equivalent */
 +
    padding-right: 10px;
 +
    text-align: left;
}
}
.clear{
.clear{
clear:both !important;
clear:both !important;
}
}
-
/*
+
.teaml{
-
Back to top button
+
margin: 30px 12px 30px 12px;
-
*/
+
border-radius: 8px;
 +
}
 +
.teaml:hover{
 +
-webkit-transform: rotate(10deg);
 +
-moz-transform: rotate(10deg);
 +
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 +
    -o-transform:rotate(10deg);
 +
    -ms-transform:rotate(10deg);
 +
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
 +
}
 +
.teamr{
 +
margin: 30px 12px 30px 12px;
 +
border-radius: 8px;
 +
}
 +
.teamr:hover{
 +
-webkit-transform: rotate(-10deg);
 +
-moz-transform: rotate(-10deg);
 +
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 +
    -o-transform:rotate(-10deg);
 +
    -ms-transform:rotate(-10deg);
 +
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
 +
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
 +
}
 +
 
 +
/*************** Image slider *****************/
 +
 
 +
#hp_slider{
 +
display:block;
 +
width:866px;
 +
height:446px;
 +
color:#999999;
 +
background-color:#FAFAFA;
 +
border:1px solid #D8D9DE;
 +
border-bottom-color:#FAFAFA;
 +
overflow:hidden;
 +
}
 +
 
 +
#hp_slider div.item{
 +
position:relative;
 +
display:block;
 +
width:850px;
 +
height:100%;
 +
margin:9px;
 +
}
 +
#fsn{
 +
display:block;
 +
position:relative;
 +
width:866px;
 +
height:18px;
 +
margin:0 0 25px 0;
 +
text-align:center;
 +
z-index:1000;
 +
color:#999999;
 +
background-color:#FAFAFA;
 +
border:1px solid #D8D9DE;
 +
border-top-color:#FAFAFA;
 +
}
 +
 
 +
#fsn ul{
 +
display:block;
 +
position:relative;
 +
width:100px;
 +
height:10px;
 +
margin:0 auto;
 +
padding:0;
 +
overflow:hidden;
 +
list-style:none;
 +
}
 +
 
 +
#fsn ul li, #fsn ul li a{
 +
display:block;
 +
float:left;
 +
width:10px;
 +
height:10px;
 +
margin:0 10px 0 0;
 +
padding:0;
 +
}
 +
 
 +
#fsn ul li a{
 +
float:none;
 +
border:none;
 +
margin:0;
 +
outline:none;
 +
text-indent:-5000px;
 +
text-decoration:none;
 +
background:url("https://static.igem.org/mediawiki/2013/1/1f/Unisalento_slide_point.png") 50% 50% no-repeat;
 +
}
 +
 
 +
#fsn .activeSlide{
 +
background:url("https://static.igem.org/mediawiki/2013/1/1f/Unisalento_slide_point.png") 0% 50% no-repeat;
 +
}
 +
 
 +
/*************** Back-to-top Button *********************/
 +
 
#back-top {
#back-top {
position: fixed;
position: fixed;
Line 328: Line 551:
text-decoration: none;
text-decoration: none;
color: #bbb;
color: #bbb;
-
/* background color transition */
 
-webkit-transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-moz-transition: 1s;
Line 341: Line 563:
display: block;
display: block;
margin-bottom: 7px;
margin-bottom: 7px;
-
background: #ddd url(../images/img/arrow_up.png) no-repeat center center;
+
background: #ddd url(https://static.igem.org/mediawiki/2013/4/46/Arrow_up.png) no-repeat center center;
-
/* rounded corners */
+
-webkit-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-radius: 15px;
-
/* background color transition */
 
-webkit-transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-moz-transition: 1s;
Line 354: Line 574:
background-color: #777;
background-color: #777;
}
}
 +
/******************************** Footer *********************************/
/******************************** Footer *********************************/
 +
 +
footer{
 +
height: 255px;
 +
background-color: rgba(1, 1, 1, 0.9);
 +
box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6);
 +
-moz-box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6);
 +
    -webkit-box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6);
 +
}

Latest revision as of 13:48, 4 October 2013

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, meter, nav, output, progress, section, source, video { display: block; } html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; } html { min-width: 1351px; } body{ background-image: url(Unisalento_bg.png); background-repeat: repeat; 

       font-size:14px;
       min-width: 1351px;

} a{ 

       color: #8ac101;

} /****************************** IGEM pre ********************************/

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;

}

  1. globalWrapper { 
   width: 100%;
   margin: 0px;
   padding: 0px;  
   border: none;  
   font-size: 100%;

}

  1. content { 
   width:  100%;
   margin: 0px;
   padding: 0px;
   border: none;

}

  1. bodyContent { 
   width:  100%;
   margin: 0px;
   padding: 0px;
   border: none;
   background-image: url(Unisalento_bg.png);
   background-repeat: repeat;

}

  1. bodyContent p { 
   margin: 0px;
   padding: 0px;

}

  1. bodyContent h1, h2, h3, h4, h5, h6 {

font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif; padding: 0px; margin: 20px auto 20px auto; color:#666666; 

       border: none;

}

  1. bodyContent h1, h2 {

font-size:20pt; }

  1. bodyContent h3, h4 {

font-size:14pt; }

  1. top-section { 
   width: 965px;
   height: 0px;
   margin: 0px auto;
   padding: 0px;
   border: none;

} header { height:282px; }

  1. banner{

width: 100%; height: 230px; text-align: center; overflow: hidden; /*background-color: #171716;*/ background-color: rgba(1, 1, 1, 0.9); }

  1. banner_p{

background: url(../images/img/home.jpg) 50% 0 no-repeat fixed; height: 230px; margin: 0 auto; 

   width: 100%; 
   max-width: 1920px; 
   position: relative; 
   box-shadow: 0 0 50px rgba(0,0,0,0.8);

}

  1. banner_p article { background: url("../images/img/logo.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }

/********************************** Header ***********************************/

header{ width: 100%; height: 230px; overflow: hidden; background-image: url(Unisalento_header.jpg); 

       text-align:center

}

/******************************* Social Links *********************************/

  1. social_facebook{

top: -4px; right: 142px; position: absolute; background: transparent; border: none; }

  1. social_twitter{

top: -4px; right: 91px; position: absolute; background: transparent; border: none; }

  1. social_gmail{

top: -4px; right: 39px; position: absolute; background: transparent; border: none; }

  1. social_facebook:hover{

top: 0px; }

  1. social_twitter:hover{

top: 0px; }

  1. social_gmail:hover{

top: 0px; }

/******************************** Navigation bar *********************************/

nav{ position: absolute; top: 230px; width: 100%; 

       min-width: 1351px;

height: 52px; text-align: center; z-index: 3000; background-color: rgba(1, 1, 1, 0.9); box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6); -moz-box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6); 

   -webkit-box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6);

} ul#css3menu1,ul#css3menu1 ul{ margin: 0; padding: 0; list-style: none; } ul#css3menu1,ul#css3menu1 .submenu{ background-color: transparent; } ul#css3menu1 .submenu{ visibility:hidden; position:absolute; left:0; top:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:0; -moz-transition:all 0.5s; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s; float:left; background-color:#0A0A0A; border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; padding:0 3px 3px; filter:alpha(opacity=80) } ul#css3menu1 li:hover>.submenu{ visibility:visible; opacity:1; } ul#css3menu1 li{ position:relative; display:block; white-space:nowrap; font-size:0px; float:left; } ul#css3menu1 li:hover{ z-index:1; } ul#css3menu1 ul .submenu{ position:absolute; left:100%; top:0; border-width:0px; border-style:solid; border-color:#101010; } ul#css3menu1>li:hover>.submenu{ opacity:0.8; } ul#css3menu1{ font-size:0px; z-index:999; position:relative; display:inline-block; zoom:1; padding:6px 6px 6px 6px; *display:inline; } ul#css3menu1 .column{ float:left; }

  • html ul#css3menu1 li a{

display:inline-block; } ul#css3menu1>li{ margin:0 0 0 6px; } ul#css3menu1 ul>li{ margin:6px 0 0; } ul#css3menu1 a:active, ul#css3menu1 a:focus{ outline-style:none; } ul#css3menu1 a{ display:block; vertical-align:middle; text-align:left; text-decoration:none; font:14px Lucida Sans Unicode, sans-serif; color:#C0C0BA; cursor:pointer; padding:7px 14px; background-color:transparent; background-repeat:repeat; border-width:0px; border-style:none; } ul#css3menu1 ul li{ float:none; margin:3px 0 0; } ul#css3menu1 ul a{ text-align:left; padding:5px; background-color:#0A0A0A; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; font:14px Lucida Sans Unicode, sans-serif;color:#C0C0BA; text-decoration:none; } ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{ background-color:#0A0A0A; border-style:none; color:#FFFFFF; text-decoration:none; } ul#css3menu1 img{ border:none; vertical-align:middle; margin-right:7px; } ul#css3menu1 span{ display:block; overflow:visible; background-position:right center; background-repeat:no-repeat; padding-right:0px; } ul#css3menu1 ul span{ background-image: url(Unisalento_next.png); padding-right:9px; } ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{ background-color:#525252; color:#FFFFFF; text-decoration:none; } ul#css3menu1 li.topmenu>a{ border-width:1px; border-style:solid; border-color:transparent; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.8; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{ border-style:solid; border-color:#434343; } ul#css3menu1 li.toproot>a{ border-width:1px 1px 0 1px; border-style:solid; border-color:transparent; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; opacity:0.8; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } ul#css3menu1 li.toproot:hover>a,ul#css3menu1 li.toproot a.pressed{ border-style:solid; border-color:#434343; }

/******************************** Main Content *********************************/

  1. main{

width: 100%; text-align: center; margin-top: 72px; margin-bottom: 42px; }

  1. main_wrap{

width: 1000px; margin: 0px auto 0px auto; }

  1. container{

margin: 0px auto 40px auto; background-color: white; border: 1px solid #d5d5d5; float: left; text-align: left; padding-top: 40px; padding-left: 65px; padding-right: 65px; padding-bottom: 50px; border-radius: 7px; }

  1. by {

font-size:12px; float:left; background-color:#d4d4d4; color:#fff; padding:0 5px 0 4px; margin:0 0 0 3px; border-radius:4px; float: none; } table{ 

   border-collapse: collapse; /* 'cellspacing' equivalent */
   font-size:13px;

color:#707070; } table td, table th{ 

   padding-left: 10px;	/* 'cellpadding' equivalent */
   padding-right: 10px;
   text-align: left;

}

/**************** Columns ***************/

.nosplit{ width:100%; float:left; text-align:left; color:#666666; /*padding:10px 0px;*/ } .split1_3l{ width:30%; /*padding:10px 2% 10px 1%;*/ float:left; text-align:left; color:#666666; } .split2l{ width:50%; /*padding:10px 2% 10px 1%;*/ float:left; text-align:left; color:#666666; } .split2r{ width:50%; /*padding:10px 2% 10px 1%;*/ float:right; text-align:left; color:#666666; } .split2_3r{ width:63%; /*padding:10px 3% 10px 2%;*/ float:right; text-align:left; color:#666666; } .split1_3r{ width:30%; /*padding:10px 2% 10px 1%;*/ float:right; text-align:left; color:#666666; }

.split2_3l{ width:63%; /*padding:10px 3% 10px 2%;*/ float:left; text-align:left; color:#666666; } .fixsidebar{ top:365px; position:absolute; width:264px; /*padding:10px 2% 10px 1%;*/ float:left; text-align:left; } table{ 

   border-collapse: collapse; /* 'cellspacing' equivalent */
   font-size:13px;

color:#666666; } table td, table th{ 

   padding-left: 10px;	/* 'cellpadding' equivalent */
   padding-right: 10px;
   text-align: left;

} .clear{ clear:both !important; } .teaml{ margin: 30px 12px 30px 12px; border-radius: 8px; } .teaml:hover{ -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

   -o-transform:rotate(10deg);
   -ms-transform:rotate(10deg);
   filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";

} .teamr{ margin: 30px 12px 30px 12px; border-radius: 8px; } .teamr:hover{ -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

   -o-transform:rotate(-10deg);
   -ms-transform:rotate(-10deg);
   filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";

}

/*************** Image slider *****************/

  1. hp_slider{

display:block; width:866px; height:446px; color:#999999; background-color:#FAFAFA; border:1px solid #D8D9DE; border-bottom-color:#FAFAFA; overflow:hidden; }

  1. hp_slider div.item{

position:relative; display:block; width:850px; height:100%; margin:9px; }

  1. fsn{

display:block; position:relative; width:866px; height:18px; margin:0 0 25px 0; text-align:center; z-index:1000; color:#999999; background-color:#FAFAFA; border:1px solid #D8D9DE; border-top-color:#FAFAFA; }

  1. fsn ul{

display:block; position:relative; width:100px; height:10px; margin:0 auto; padding:0; overflow:hidden; list-style:none; }

  1. fsn ul li, #fsn ul li a{

display:block; float:left; width:10px; height:10px; margin:0 10px 0 0; padding:0; }

  1. fsn ul li a{

float:none; border:none; margin:0; outline:none; text-indent:-5000px; text-decoration:none; background:url("Unisalento_slide_point.png") 50% 50% no-repeat; }

  1. fsn .activeSlide{

background:url("Unisalento_slide_point.png") 0% 50% no-repeat; }

/*************** Back-to-top Button *********************/

  1. back-top {

position: fixed; bottom: 20px; right: 110px; }

  1. back-top a {

width: 50px; display: block; text-align: center; font: 7px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }

  1. back-top a:hover {

color: #000; }

  1. back-top span {

width: 50px; height: 50px; display: block; margin-bottom: 7px; background: #ddd url(Arrow_up.png) no-repeat center center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }

  1. back-top a:hover span {

background-color: #777; }

/******************************** Footer *********************************/

footer{ height: 255px; background-color: rgba(1, 1, 1, 0.9); box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6); -moz-box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6); 

   -webkit-box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6);

}

Retrieved from "http://2013.igem.org/Team:UniSalento_Lecce/css/common.css"