Team:SYSU-China/css/main1.css

From 2014.igem.org

(Difference between revisions)
(Created page with "@charset "utf-8"; /* CSS Document */ - →body: body{ background-color:#f1f0ed; padding: 0; margin: 0; } .single-item img{ height:100%; width:100%; padding:0; margin:0;...")
Line 9: Line 9:
.single-item  img{
.single-item  img{
-
height:100%;
+
position: absolute;
-
width:100%;
+
left: 50%;
-
padding:0;
+
margin: 0 0 0 -672px;
-
margin:0;
+
width: 1345px;
 +
height: 206px;
}
}
Line 31: Line 32:
font-weight:bold;
font-weight:bold;
width:150px;
width:150px;
-
margin-left: 40px;
+
position: absolute;
-
margin-top: 40px;
+
left: 50%;
-
position: relative;
+
margin: 0 0 0 -630px;
-
float: left;
+
top: 300px;
line-height: 34px;
line-height: 34px;
}
}
Line 79: Line 80:
.navibar {
.navibar {
-
margin-top: -2px;
+
position: absolute;
-
position: relative;
+
left: 50%;
-
z-index: 1000;
+
top: 204px;
-
width: 100%;
+
margin: 0 0 0 -672px;
 +
width: 1345px;
height: 60px;
height: 60px;
 +
z-index: 1000;
background-color: rgb(37, 37, 37);
background-color: rgb(37, 37, 37);
color: white;
color: white;
 +
}
}
Line 137: Line 141:
.content {
.content {
position: absolute;
position: absolute;
 +
top: 300px;
 +
left: 50%;
 +
margin: 0 0 0 -400px;
height: 2000px;
height: 2000px;
-
width: 900px;
+
width: 800px;
-
margin-left: 60px;
+
-
margin-top: 40px;
+
background-color: rgb(200,200,200);
background-color: rgb(200,200,200);
padding: 30px;
padding: 30px;

Revision as of 15:48, 10 October 2014

@charset "utf-8"; /* CSS Document */ /* body */ body{ background-color:#f1f0ed; padding: 0; margin: 0; }

.single-item img{ position: absolute; left: 50%; margin: 0 0 0 -672px; width: 1345px; height: 206px; }

/* sidenav */ ul{ list-style-type: none; display:block; 

   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   text-decoration:none;

}

.sidebar { color:#FFFFFF; 

   background-color:#98bf21;

padding:16px; font-size: 18px; font-weight:bold; width:150px; position: absolute; left: 50%; margin: 0 0 0 -630px; top: 300px; line-height: 34px; }

.subsidebar{ padding:0 7px; margin: 0; font-size:14px; font-weight:normal; width:100px; line-height: 30px; }


a:link,a:visited { display:block; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#98bf21; text-align:left; padding:4px; text-decoration:none; }

a:hover,a:active { background-color:#7A991A; }

.sidebar em:link, .sidebar em:visited { display:block; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#98bf21; /*rgb(152, 191, 33);*/ text-align:left; padding:6px; text-decoration:none; }

.sidebar em:hover, .sidebar em:active { cursor: pointer; background-color:#7A991A; }

.navibar { position: absolute; left: 50%; top: 204px; margin: 0 0 0 -672px; width: 1345px; height: 60px; z-index: 1000; background-color: rgb(37, 37, 37); color: white;

}

.navibar span { position: relative; top: 10px; margin: 0 0 0px 50px; color: white; font-size: 30px; }

.navibar img { position: absolute; width: 50px; height: auto; top:9%; } /* .navibar img:hover { position: absolute; width: 52px; height: auto; top:7%; cursor: pointer; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

  • /
  1. icon1 {

left: 64%; }

  1. icon2 {

left: 71%; }

  1. icon3 {

left: 78%; }

  1. icon4 {

left: 85%; }

  1. icon5 {

left: 92%; }

.content { position: absolute; top: 300px; left: 50%; margin: 0 0 0 -400px; height: 2000px; width: 800px; background-color: rgb(200,200,200); padding: 30px; }

  1. route {

margin: 0 0 0 40px; }

  1. route a:hover{

background-color: rgb(50,50,50); cursor:pointer; }

  1. top {

position: fixed; bottom: 3%; width: 80px; height: auto; left: 85%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

  1. top:hover {

filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

  1. project {

background-color: rgb(181, 201, 15); /*rgb(152, 191, 33);*/ /*-29 -10 -18*/ }

  1. project {

background-color: rgb(181, 201, 15); }

  1. judging {

background-color: rgb(237, 143, 107); }

  1. judging em:hover {

background-color: rgb(178, 123, 79); }

  1. humanpractice {

background-color: rgb(122, 165, 158); }

  1. humanpractice em:hover {

background-color: rgb(100, 155, 144); }

  1. notebook {

background-color: rgb(183, 178, 156); }

  1. notebook em:hover {

background-color: rgb(153, 170, 156); }

  1. team {

background-color: rgb(237, 157, 96); }

  1. team em:hover {

background-color: rgb(205, 137, 75); }

  1. tip em:hover {

cursor: pointer; }

  1. tipImg {

position: absolute; padding: 20px 20px 20px 20px; width: 200px; /*the size of tip.png*/ z-index: 1000; white-space:normal; word-break:break-all; overflow:hidden; 

  	background-image:url(../images/tip.png);
  	
  	filter:alpha(opacity=50);

-moz-opacity:0.5; opacity:0.5; 

  	background-repeat: no-repeat; 
	-moz-background-size:contain;
   -webkit-background-size:contain;
   -o-background-size:contain;
   background-size:contain;

}

Retrieved from "http://2014.igem.org/Team:SYSU-China/css/main1.css"