Team:USTC-Software/notes

From 2012.igem.org

(Difference between revisions)
(Created page with "{{Template:Team:USTC-Software/Header-c}} <html> <head> <style> - →the begin of notes styles css: .notes { margin: 100px auto 0; width: 880px; margin-bottom:30p...")
 
(2 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<head>    
+
<head>
 +
<link href='http://fonts.googleapis.com/css?family=Bonbon' rel='stylesheet' type='text/css'> 
 +
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> 
  <style>
  <style>
 +
 +
/*the begin of shadow of header menu css*/
 +
a.note_li{
 +
  text-decoration:none;
 +
color:#010101;
 +
text-shadow: 0 1px 0px #333333;
 +
}
 +
 +
#gn-note {
 +
border-top:1px solid #333;
 +
border-right:1px solid #000;
 +
border-left:1px solid #333;
 +
border-bottom:1px solid #000;
 +
}
 +
#gn-note .note_li:after,#gn-note .note_li:before {
 +
-moz-transition:width 0.5s ease 0s;
 +
height: 0px;
 +
    width: 0px;
 +
    position: absolute;
 +
    content: ' ';
 +
    display: block;
 +
    opacity:0;
 +
box-shadow: 0px 0px 5px #00c6ff;
 +
background: -moz-linear-gradient(left, #0ad, #08b);
 +
    top: 32px;
 +
    width: 51%;
 +
height: 1px;
 +
    opacity:1;
 +
        }
 +
#gn-note .note_li:after {
 +
left: 10px;
 +
      }
 +
#gn-note .note_li:before {
 +
right:2px;
 +
    } /*the end of shadow of header menu css*/
 +
 +
 +
/* the begin of notes styles css*/
/* the begin of notes styles css*/
-
.notes {
+
#wrap_of_note{
-
     margin: 100px auto 0;
+
    position:relative;
-
     width: 880px;
+
     margin: 40px auto 0;
-
margin-bottom:30px;
+
    margin-bottom:30px;
 +
     width: 980px;
 +
height:730px;
 +
    padding-top:20px;
 +
background:#202020;
/*border:green 1px solid;*/
/*border:green 1px solid;*/
 +
}
 +
#text_wall{
 +
width:380px;
 +
height:45px;
 +
margin:25PX auto;
 +
text-align:center;
 +
font-size:35px;
 +
                font-family: 'Tangerine', USTC;
 +
font-family:Verdana, Geneva, sans-serif;
 +
font-family: 'Bonbon', cursive;
 +
                text-shadow: 4px 4px 4px #aaa;
 +
color:#737373;
 +
color:black;
 +
/*border:green 1px solid;*/
 +
}
 +
 +
.notes {
 +
    margin: 45px auto 0;
 +
    width: 860px;
}
}
.notes a {
.notes a {
Line 147: Line 210:
      
      
         <!------the begin of notes show div------>
         <!------the begin of notes show div------>
 +
 +
    <div id="wrap_of_note">
 +
      <div id="text_wall">THE  NOTES  WALL</div>
 +
         <div class="notes">
         <div class="notes">
             <a tabindex="1"><img src="https://static.igem.org/mediawiki/2012/8/87/Note2.jpg"></a>
             <a tabindex="1"><img src="https://static.igem.org/mediawiki/2012/8/87/Note2.jpg"></a>
Line 162: Line 229:
         </div> <!------the end of notes show div------>
         </div> <!------the end of notes show div------>
          
          
-
       
+
      </div>
 +
 
          
          
     </body>
     </body>
</html>
</html>

Latest revision as of 12:12, 9 August 2012

USTC-Header-c

TOP

THE NOTES WALL

Retrieved from "http://2012.igem.org/Team:USTC-Software/notes"