CSS/gifu/tab

From 2014.igem.org

(Difference between revisions)
 
(66 intermediate revisions not shown)
Line 11: Line 11:
#tab{
#tab{
clear:both;
clear:both;
-
text-align:left;
+
margin-left:auto;   
-
font-size:14px;
+
margin-right:auto; 
-
font-family:Century Gothic;
+
text-align:left;    
 +
 
 +
    width:70%; 
 +
font-size:16px;
 +
font-family:Calibri;
  }
  }
-
.tab-white
+
 
-
{background-image:url(https://static.igem.org/mediawiki/2014/c/c4/Tab_white.jpg);
+
 
 +
.tab-white:link
 +
{color:#000000;
 +
background-image:url(https://static.igem.org/mediawiki/2014/a/ab/Tab_white.png);
background-repeat:no-repeat ;
background-repeat:no-repeat ;
background-position:center;
background-position:center;
-
color: #000000;
+
text-decoration:none;
text-align: center;
text-align: center;
vertical-align:100%;
vertical-align:100%;
 +
width:180px;
 +
height:50px;
 +
padding:15px 15px 15px 15px;
 +
display:inline;
 +
overflow:auto;
 +
}
 +
 +
 +
.tab-white:hover
 +
{color:#000000;
 +
background-image:url(https://static.igem.org/mediawiki/2014/a/ab/Tab_white.png);
 +
background-repeat:no-repeat;
 +
background-position:center;
text-decoration:none;
text-decoration:none;
-
width:130px;
+
text-align:center;
 +
vertical-align:100%;
 +
width:180px;
height:50px;
height:50px;
-
_height:60px;
+
padding:15px 15px 15px 15px;
-
padding-top: 15px;
+
display:inline;
-
padding-bottom: 15px;
+
overflow:auto;
-
padding-right:20px;
+
-
padding-left:20px;
+
}
}
-
.tab-gray
+
.tab-gray:link
-
{background-image:url(https://static.igem.org/mediawiki/2014/a/ae/Tab_gray.jpg) ;
+
{color:#ffffff;
 +
background-image:url(https://static.igem.org/mediawiki/2014/8/8a/Tab_gray1.png) ;
background-repeat:no-repeat;
background-repeat:no-repeat;
-
background-position:50% 0%;
+
background-position:center;
-
color: #ffffff;
+
text-decoration:none;
text-align: center;
text-align: center;
vertical-align:100%;
vertical-align:100%;
-
text-decoration:none;
+
width:180px;
-
width:130px;
+
height:50px;
height:50px;
-
_height:60px;
+
padding:15px 15px 15px 15px;
-
padding-top: 15px;
+
display:inline;
-
padding-bottom: 15px;
+
overflow:auto;
-
padding-right:20px;
+
-
padding-left:20px;
+
}
}
.tab-gray:hover
.tab-gray:hover
-
{background-image: url(https://static.igem.org/mediawiki/2014/a/ab/Tab_gray.png);  
+
{color: #000000;
 +
background-image: url(https://static.igem.org/mediawiki/2014/3/3b/Tab_gray2.png);  
background-repeat:no-repeat;
background-repeat:no-repeat;
-
background-position:50% 100%;
+
background-position:center;
-
color: #000000;
+
text-decoration:none;
text-decoration:none;
-
width:130px;
+
text-align:center;
 +
vertical-align:100%;
 +
width:180px;
height:50px;
height:50px;
-
 
+
padding:15px 15px 15px 15px;
 +
display:inline;
 +
overflow:auto;
}
}
-
 
+
p.tab
 +
{float:left;}

Latest revision as of 09:55, 17 October 2014

Retrieved from "http://2014.igem.org/CSS/gifu/tab"