CSS/gifu/home

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/*
+
<html>
-
Design by Bryant Smith
+
<head>
-
http://www.bryantsmith.com
+
<meta http-equiv="Content-Script-Type" content="text/javascript">
-
Free use with link
+
<meta http-equiv="Content-Script-Type" content="text/css">
-
*/
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">
 +
</script>
-
body {
+
////// test
-
margin: 0;
+
-
padding: 0;
+
-
text-align: left;
+
-
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
+
-
font-size: 13px;
+
-
color: #000000;
+
-
background: #000000 url(background.png);
+
-
background-repeat:repeat-x;
+
-
}
+
-
*
+
-
{
+
-
  margin: 0 auto 0 auto;
+
-
text-align:left;}
+
-
#page
 
-
{
 
-
  display: block;
 
-
  height:auto;
 
-
  position: relative;
 
-
  overflow: hidden;
 
-
  width: 670px;
 
-
}
 
-
.topNaviagationLink
 
-
{
 
-
text-align:center;
 
-
position:relative;
 
-
margin-top:30px;
 
-
font-size:16px;
 
-
margin-left:-10px;
 
-
width:121px;
 
-
height: 35px;
 
-
line-height: 35px;
 
-
float:left;
 
-
color:#000000;
 
-
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
 
-
}
 
-
.topNaviagationLink a
+
//// test
-
{
+
-
text-decoration:none;
+
-
color:#000000;
+
-
margin-bottom:0px;
+
-
border-bottom:dashed 1px;
+
-
}
+
-
.topNaviagationLink a:hover
 
-
{
 
-
color:#000000;
 
-
display: block;
 
-
width:121px;
 
-
height: 35px;
 
-
line-height: 35px;
 
-
background-image:url(tab.png);
 
-
}
 
-
#mainPicture
 
-
{
 
-
clear:both;
 
-
width:670px;
 
-
height:345px;
 
-
background-color:#FFFFFF;
 
-
}
 
-
#mainPicture .picture
+
 
-
{
+
<style type="text/css">
-
position:relative;
+
 
-
width:650px;
+
/*#home{background:url(https://static.igem.org/mediawiki/2014/f/f6/Circular_rna.png) fixed;
-
height:325px;
+
width:;
-
top:10px;
+
background-position:center 80%;
-
background-image:url(mainImage.jpg);
+
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}
 +
*/
-
#headerTitle
+
#base{
-
{
+
  position:relative;
-
position:relative;
+
  top:130px;
-
top:14px;
+
  margin-left:auto;
-
left:22px;
+
  margin-right:auto;  
-
font-size:27px;
+
  width:500px;  
-
color:#000000;
+
  z-index:100;
-
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
+
}
}
-
#headerSubtext
+
#point{
-
{
+
  position:absolute;
-
position:relative;
+
  top:200px;
-
top:12px;
+
  left:600px;
-
left:22px;
+
  transform: rotate(0 deg);
-
font-size:14px;
+
  z-index:1000;
-
color:#484848;
+
  }
-
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
+
-
}
+
-
.contentBox
+
#menu1 {
-
{
+
  position:absolute;
-
position:relative;
+
  top:10px;
-
width:670px;
+
  left:170px;
-
height:auto;
+
  width:100px;
-
background-color:#FFFFFF;
+
  z-index:10000;
-
height:auto;
+
}
-
}
+
-
.contentBox .innerBox
+
#menu2 {
-
{
+
  display:inline;
-
position:relative;
+
-
width:650px;
+
-
height:auto;
+
-
top:10px;
+
-
background-image:url(contentBack.png);
+
-
background-color:#FFFFFF;
+
-
background-repeat:repeat-x;
+
}
}
-
h1
 
-
{
 
-
font-size:25px;
 
-
margin-bottom:10px;
 
-
padding-top:18px;
 
-
margin-left:15px;
 
-
margin-top:15px;
 
-
color:#1F1603;
 
-
}
 
-
.contentText
+
.tabs {
-
{
+
    position: relative;
-
font-size:13px;
+
    padding: 0;
-
line-height :24px;
+
  margin-left:auto;  
-
margin-left:13px;
+
    margin-right:auto;
-
margin-right:13px;
+
-
}
+
-
#footer {
 
-
text-align:center;
 
-
padding-top:30px;
 
-
font-size:9px;
 
-
font-family:Arial, Helvetica, sans-serif;
 
-
color:#000000;
 
-
margin:0px;
 
}
}
-
 
+
.tabs li {
-
#footer a
+
    list-style: none;
-
{
+
    display: inline-block;
-
text-decoration:none;
+
-
font-size:9px;
+
}
}
-
 
+
.tabs input[type=radio] {
-
a
+
    display: none;
-
{
+
-
color:#000000;
+
-
text-decoration:none;
+
}
}
-
 
+
.tabs label {
-
a:hover
+
    display: block;
-
{
+
    cursor: pointer;
-
color:#000000;
+
    padding: 5px;
-
text-decoration:none;
+
    line-height: 20px;
-
border-bottom:dotted 2px;
+
    background-color: #dcdcdc;
 +
    color: #000000;
 +
margin:0;
 +
}
 +
.tabs label:hover {
 +
    background-color: #e0ffff;
 +
    color: #000000;
 +
}
 +
.tabs input[type=radio]:checked + label {
 +
    background-color: #afeeee;
 +
    color: #000000;
}
}
-
a:visited
+
.tabs .contents {
-
{
+
    display: none;
-
color:#000000;
+
    position: absolute;
 +
    top:30px;
 +
    left: 0;
 +
    padding: 0px;
 +
    background: #f0f8ff;
 +
}
 +
.tabs input[type=radio]:checked + label + .contents{
 +
    display: block;
}
}
 +
</style>
 +
</style>
 +
</head>
-
blockquote {
+
 
-
font-size:12px;
+
</html>
-
text-align:justify;
+
-
width:400px;
+
-
color:#000000;
+
-
padding:15px;
+
-
margin:10px;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
background-image:url(blockquote.png);
+
-
background-repeat:no-repeat;
+
-
border:dashed 1px;
+
-
border-color:#484848;
+
-
}
+

Revision as of 15:29, 1 September 2014

////// test //// test

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