Team:USTC-Software/css/notes style

From 2012.igem.org

(Difference between revisions)
(css file for USTC-Software wiki notes page)
 
(5 intermediate revisions not shown)
Line 4: Line 4:
     font-family:'Oxygen Mono', sans-serif;
     font-family:'Oxygen Mono', sans-serif;
     width:120px;
     width:120px;
-
     background:url('../images/notes_middle.png');
+
     background:url('https://static.igem.org/mediawiki/2012/8/8f/USTC-Software-images-notes_middle.png');
     padding:20px;
     padding:20px;
     position:fixed;
     position:fixed;
Line 26: Line 26:
     margin:50px auto;
     margin:50px auto;
     margin-top:80px;
     margin-top:80px;
-
     background:url('../images/half-black.png');
+
     background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
     padding-top:100px;
     padding-top:100px;
     padding-bottom:110px;
     padding-bottom:110px;
Line 34: Line 34:
         width:800px;
         width:800px;
         margin:20px auto;
         margin:20px auto;
-
         background:url('../images/notes_middle.png');
+
         background:url('https://static.igem.org/mediawiki/2012/8/8f/USTC-Software-images-notes_middle.png');
         position:relative;
         position:relative;
         z-index:10;
         z-index:10;
Line 41: Line 41:
         margin-top:200px;
         margin-top:200px;
     }
     }
-
     #notes_wrapper h1{
+
     #notes_wrapper p.h1{
         display:block;
         display:block;
-
         color:white;
+
         color:#48a3d7;
         font-family: 'Bilbo Swash Caps', cursive;
         font-family: 'Bilbo Swash Caps', cursive;
         font-size:64px;
         font-size:64px;
 +
        line-height:70px;
 +
        margin-bottom:5px;
         position:absolute;
         position:absolute;
         top:-20px;
         top:-20px;
 +
        z-index:1000;
     }
     }
      
      
Line 65: Line 68:
.notes_top{
.notes_top{
     height:73px;
     height:73px;
-
     background:url('../images/notes_top.png');
+
     background:url('https://static.igem.org/mediawiki/2012/7/7a/USTC-Software-images-notes_top.png');
     top:-73px;
     top:-73px;
}
}
Line 71: Line 74:
.notes_bottom{
.notes_bottom{
     height:89px;
     height:89px;
-
     background:url('../images/notes_bottom.png');
+
     background:url('https://static.igem.org/mediawiki/2012/4/49/USTC-Software-images-notes_bottom.png');
     bottom:-89px;
     bottom:-89px;
}
}

Latest revision as of 07:00, 23 September 2012

  1. notes_nav{
   color:black;
   list-style:none;
   font-family:'Oxygen Mono', sans-serif;
   width:120px;
   background:url('https://static.igem.org/mediawiki/2012/8/8f/USTC-Software-images-notes_middle.png');
   padding:20px;
   position:fixed;
   z-index:1;
   left:50px;
   top:270px;
   }
   #notes_nav:hover{
       z-index:999;
   }
   #notes_nav a{
       color:black;
       text-decoration:none;
       }
       #notes_nav a:hover{
           text-decoration:underline;
       }
  1. notes_wrapper{
   width:980px;
   margin:50px auto;
   margin-top:80px;
   background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
   padding-top:100px;
   padding-bottom:110px;
   position:relative;
   }
   #notes_wrapper .notes{
       width:800px;
       margin:20px auto;
       background:url('https://static.igem.org/mediawiki/2012/8/8f/USTC-Software-images-notes_middle.png');
       position:relative;
       z-index:10;
   }
   #notes_wrapper .notes+.notes{
       margin-top:200px;
   }
   #notes_wrapper p.h1{
       display:block;
       color:#48a3d7;
       font-family: 'Bilbo Swash Caps', cursive;
       font-size:64px;
       line-height:70px;
       margin-bottom:5px;
       position:absolute;
       top:-20px;
       z-index:1000;
   }
   

.notes a{

   text-decoration:none;
   color:black;
   }
   .notes a:hover{
       text-decoration:underline;
   }

.notes_top, .notes_bottom{

   width:100%;
   position:absolute;

}

.notes_top{

   height:73px;
   background:url('https://static.igem.org/mediawiki/2012/7/7a/USTC-Software-images-notes_top.png');
   top:-73px;

}

.notes_bottom{

   height:89px;
   background:url('https://static.igem.org/mediawiki/2012/4/49/USTC-Software-images-notes_bottom.png');
   bottom:-89px;

}

.notes p{

   display:block;
   width:700px;
   margin:0 auto;
   line-height:24px;
   font-family: 'Oxygen Mono', sans-serif;
   font-size:18px;

}

.notes .notes_section{

   margin-top:20px;
   padding-left:20px;

}

.notes .notes_header p{

   color:grey;
   font-size:16px;

}