Team:NJU-QIBEBT/Template/CSS RESET

From 2014.igem.org

(Difference between revisions)
(Created page with "HEHE")
 
(One intermediate revision not shown)
Line 1: Line 1:
-
HEHE
+
<html>
 +
<head>
 +
<style type="text/css">
 +
`            font-family:  "Nueva Std","Adobe Caslon Pro";
 +
            font-size: 19px;
 +
            font-style: italic;
 +
        }
 +
        /* reset */
 +
        body {
 +
            font-family: Helvetica,"Comic Sans MS", "Times New Roman", serif;
 +
            background: url("img/wall.jpg") no-repeat ;
 +
        }
 +
        *{
 +
            padding: 0;
 +
            margin: 0;
 +
        }
 +
        table {
 +
            border-collapse: collapse;
 +
            border-spacing: 0;
 +
        }
 +
        fieldset,img {
 +
            border: 0;
 +
        }
 +
        address,caption,cite,code,dfn,em,strong,th,var {
 +
            font-weight: normal;
 +
            font-style: normal;
 +
        }
 +
        ol,ul {
 +
            list-style: none;
 +
        }
 +
        caption,th {
 +
            text-align: left;
 +
        }
 +
        h1,h2,h3,h4,h5,h6 {
 +
            font-weight: normal;
 +
            font-size: 100%;
 +
        }
 +
        abbr,acronym {
 +
            border: 0;
 +
        }
 +
        a{
 +
            text-decoration: none;
 +
        }
 +
        ul{
 +
            text-align: center;
 +
            margin: 0 auto;
 +
        }
 +
        /* header */
 +
        #content{
 +
            width: 960px;
 +
            position: relative;
 +
            margin: 0 auto;
 +
        }
 +
        #header{
 +
            position: absolute;
 +
            width: 100%;
 +
            background-color: #6166cc;
 +
            height: 60px;
 +
            box-shadow:1px 1px 3px rgba(0,0,0,.8);
 +
            top:-60px;
 +
        }
 +
        li{
 +
            float: left;
 +
        }
 +
        #header a{
 +
            text-align: center;
 +
            color: #dddddd;
 +
            height: 60px;
 +
            line-height: 60px;
 +
            width: 100px;
 +
            display: block;
 +
            background-color: #6166cc;
 +
            transition: 0.2s all;
 +
            border-left: 1px dashed rgba(255,255,255,0.3)
 +
        }
 +
        #header a[href="/"]{
 +
            width: 149px;
 +
            background: url("img/2.png");
 +
            transition:0.3s all;
 +
 
 +
        }
 +
        #header a[href='/']:hover{
 +
            background: url("img/3.png");
 +
            transition:0.3s all;
 +
 
 +
        }
 +
        #header a:hover{
 +
            background-color: #CCB761;
 +
            text-shadow: 1px;
 +
            color: #ffffff;
 +
 
 +
        }
 +
        #menu_off{
 +
            margin-left: 930px;
 +
            width: 100px;
 +
 
 +
 
 +
        }
 +
        #menu_off img:hover{
 +
            cursor: pointer;
 +
        }
 +
        /* main */
 +
        #main{
 +
            width: 960px;
 +
            margin: 150px auto 20px auto;
 +
            color: whitesmoke;
 +
            text-shadow: 4px 4px 8px #000000;
 +
            filter: Shadow(Color='green', Direction='135', Strength='6');
 +
            filter: dropshadow(OffX=2, OffY=2, Color='black', Positive='true');
 +
 
 +
 
 +
        }
 +
        #main #main-intro{
 +
            font-size: 40px;
 +
        }
 +
        #main #name:hover{
 +
            color: blue;
 +
            transition: ease-in 0.2s;
 +
        }
 +
        #test{
 +
            position: relative;
 +
            left: -1500px;
 +
            top:30px;
 +
        }
 +
        #main img{
 +
            position: relative;
 +
            right: -1500px;
 +
            top: -120px;
 +
 
 +
        }
 +
        #main img:hover{
 +
            transform:rotate(5deg);
 +
            -ms-transform:rotate(5deg); /* IE 9 */
 +
            -moz-transform:rotate(5deg); /* Firefox */
 +
            -webkit-transform:rotate(5deg); /* Safari 和 Chrome */
 +
            -o-transform:rotate(5deg); /* Opera */
 +
        }
 +
        #detail-intro{
 +
            font-size: 20px;
 +
            position: relative;
 +
            top: 950px;
 +
        }
 +
        #news {
 +
            width: 960px;
 +
            margin: 0 auto;
 +
            background: url("img/news-bac.png") repeat;
 +
            height: 300px;
 +
            border-radius: 10px;
 +
            visibility: visible;
 +
        }
 +
        /* footer */
 +
        #footer {
 +
            background:url("img/footer_bac.png") repeat ;
 +
            height: 80px;
 +
 
 +
        }
 +
        #footer-content {
 +
            width: 960px;
 +
            margin: 0 auto;
 +
            color: #ffffff;
 +
            height: 80px;
 +
        }
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
</html>

Latest revision as of 09:10, 27 August 2014

Retrieved from "http://2014.igem.org/Team:NJU-QIBEBT/Template/CSS_RESET"