Team:CBNU-Korea/Team

From 2012.igem.org

(Difference between revisions)
Line 73: Line 73:
             font-family: 'Droid Sans', sans-serif;
             font-family: 'Droid Sans', sans-serif;
             background-color: white; /*per Page*/
             background-color: white; /*per Page*/
-
        }
 
-
 
-
 
-
        /* iPhone, etc portrait ---- */
 
-
        @media all and (min-width : 320px) and (max-width : 767px) {
 
-
            body {
 
-
                font-family: 'Droid Sans', sans-serif;
 
-
                background-color: blue;
 
-
            }
 
-
 
-
            #menubar {
 
-
                display: none;
 
-
            }
 
-
        }
 
-
 
-
        /* iPad, tablets etc portrait ---- */
 
-
        @media all and (min-width : 768px) {
 
-
            body {
 
-
                font-family: 'Droid Sans', sans-serif;
 
-
                background-color: black;
 
-
            }
 
-
 
-
            #menubar {
 
-
                display: block;
 
-
            }
 
-
        }
 
-
 
-
        /* Laptops, Desktops, etc ---- */
 
-
        @media all and (min-width: 1024px) {
 
-
            body {
 
-
                font-family: 'Droid Sans', sans-serif;
 
-
                background-color: green;
 
-
            }
 
-
 
-
            #menubar {
 
-
                display: block;
 
-
            }
 
-
        }
 
-
 
-
        /* large Desktops */
 
-
        @media all and (min-width: 1200px) {
 
-
            body {
 
-
                font-family: 'Droid Sans', sans-serif;
 
-
                background-color: white;
 
-
            }
 
-
 
-
            #menubar {
 
-
                display: block;
 
-
            }
 
         }
         }
Line 185: Line 136:
         #CB_top {
         #CB_top {
-
            height: 150px;
 
             background-color: #24BED3;
             background-color: #24BED3;
             font-family: 'Francois One', sans-serif;
             font-family: 'Francois One', sans-serif;
 +
            overflow: auto;
         }
         }
Line 331: Line 282:
             background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent);
             background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent);
             background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent);
             background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25), transparent);
 +
        }
 +
       
 +
       
 +
       
 +
       
 +
        /* ----------------responsive---------------- */
 +
 +
 +
        /* iPhone, etc portrait ---- */
 +
        @media all and (min-width : 320px) and (max-width : 767px) {
 +
            body {
 +
                font-family: 'Droid Sans', sans-serif;
 +
                background-color: blue;
 +
            }
 +
 +
            #menubar {
 +
                display: none;
 +
            }
 +
        }
 +
 +
        /* iPad, tablets etc portrait ---- */
 +
        @media all and (min-width : 768px) and (max-width : 1021px ) {
 +
            body {
 +
                font-family: 'Droid Sans', sans-serif;
 +
                background-color: yellow;
 +
            }
 +
 +
            #menubar {
 +
                display: block;
 +
            }
 +
           
 +
            #CB_top_CBNU_logo {
 +
            width: 100%;
 +
            margin: 0 auto;
 +
            color: white;
 +
            font-size: 30px;
 +
            padding-top: 45px;
 +
            text-align: center;
 +
        }
 +
 +
        #CB_top_MENU {
 +
            width: 100%;
 +
            text-align: center;
 +
            padding-top: 20px;
 +
        }
 +
 +
            #CB_top_MENU ul {
 +
                margin: 0;
 +
                padding: 0;
 +
                font-size: 15px;
 +
                padding-bottom: 10px;
 +
            }
 +
 +
            #CB_top_MENU li {
 +
                display: inline-block;
 +
                *display: inline;
 +
                border-bottom: 5px solid #221B1B;
 +
                height: 20px;
 +
                padding: 0 15px;
 +
                margin: 0 4px;
 +
            }
 +
 +
            .HOME{
 +
                border-bottom-color: white !important;
 +
            }
 +
 +
                #CB_top_MENU li:hover {
 +
                    background: white;
 +
                    border-bottom: 5px solid white;
 +
                }
 +
 +
                    #CB_top_MENU li:hover a {
 +
                        color: #24BED3;
 +
                    }
 +
 +
            #CB_top_MENU a {
 +
                color: #0E0B0B;
 +
            }
 +
           
 +
           
 +
        }
 +
 +
        /* Laptops, Desktops, etc ---- */
 +
        /*@media all and (min-width: 1024px) {
 +
            body {
 +
                font-family: 'Droid Sans', sans-serif;
 +
                background-color: green;
 +
            }
 +
 +
            #menubar {
 +
                display: block;
 +
            }
 +
        }*/
 +
 +
        /* large Desktops */
 +
        @media all and (min-width: 1200px) {
 +
            body {
 +
                font-family: 'Droid Sans', sans-serif;
 +
                background-color: white;
 +
            }
 +
 +
            #menubar {
 +
                display: block;
 +
            }
         }
         }
     </style>
     </style>

Revision as of 02:49, 21 September 2012