Difference between revisions of "Template:UCSC-Styles"

Line 3: Line 3:
 
<style>
 
<style>
  
−
  /* This styling below was initially from the Team:UCSC/Assets/Test_Style_css stylesheet */
+
/* This styling below is for the UCSC iGEM 2017 Homepage */
 +
 
 +
sideMenu,
 +
    #top_title {
 +
        display: none;
 +
    }
 +
    content {
 +
        padding: 50px;
 +
        width: 100%;
 +
        margin-top: -10px;
 +
        margin-left: 0%;
 +
        , margin-right: 0%
 +
    }
 +
    body {
 +
        background-color: honeydew;
 +
    }
 +
    bodyContent h1,
 +
    #bodyContent h2,
 +
    #bodyContent h3,
 +
    #bodyContent h4,
 +
    #bodyContent h5 {
 +
        margin-bottom: 0px;
 +
        margin-left: 0px;
 +
        margin-right: 0px;
 +
        margin-top: 0px
 +
    }
 +
    #page {
 +
        width: 100%;
 +
        height: max-content;
 +
 
 +
        horizontal-align: middle;
 +
    }
 +
    .layout {
 +
        display: inline-block;
 +
        width: 100%;
 +
        height: 100%;
 +
        z-index: 0;
 +
        vertical-align: middle;
 +
        line-height: 300px;
 +
        text-align: center;
 +
        display: flex;
 +
        justify-content: center;
 +
        align-items: center;
 +
        -webkit-display: flex;
 +
        -webkit-justify-content: center;
 +
        -webkit-align-items: center;
 +
        vertical-align: middle;
 +
    }
 +
    .leadingQuestions {
 +
        /* Projects */
 +
       
 +
        width: 100%;
 +
        height: 300px;
 +
        background-color: yellow;
 +
        float: left;
 +
    }
 +
    <!-- .boxAll {
 +
        clear: both;
 +
        width: 100% height: 10px;
 +
    }
 +
    .headerbox {
 +
        /* Main */
 +
       
 +
        float: center;
 +
 
 +
        height: 100%;
 +
        border-radius: 0px;
 +
        postion: fixed;
 +
        /*margin-top: -460px;*/
 +
       
 +
        background-color: honeydew;
 +
        background-size: contain;
 +
        background-position: center;
 +
        background-position: 100% 0%;
 +
        display: block;
 +
        clear: both;
 +
        padding: 80px;
 +
        horizontal-align:middle;
 +
        margin-left: 20px;
 +
    }
 +
    .box2 {
 +
        /* Projects */
 +
       
 +
        width: 50%;
 +
        height: 360px;
 +
        /* background-color: red;*/
 +
       
 +
        float: left;
 +
    }
 +
    .infobox {
 +
        width: 50px;
 +
        height: 100% background-color: yellow;
 +
 
 +
    .mainLinks:hover {
 +
        opacity: 1.0;
 +
        filter: alpha(opacity=80);
 +
    }
 +
    .subLinks {
 +
        /* Main */
 +
       
 +
        float: left;
 +
        width: 40%;
 +
        height: 150px;
 +
        border-radius: 8px;
 +
        margin-left: 4.5%;
 +
        margin-right: 5%;
 +
        margin-top: 20px;
 +
        float: left;
 +
        text-align: center;
 +
        font-size: 26px;
 +
        background-repeat: no-repeat;
 +
        background-color: red;
 +
        display: flex;
 +
        justify-content: center;
 +
        vertical-align: center;
 +
        align-items: center;
 +
        -webkit-display: flex;
 +
        -webkit-justify-content: center;
 +
        -webkit-align-items: center;
 +
    }
 +
    .subLinks:hover {
 +
        opacity: 0.8;
 +
        filter: alpha(opacity=80)
 +
    }
 +
 
 +
/* This styling below was initially from the Team:UCSC/Assets/Test_Style_css stylesheet */
  
 
html, body {
 
html, body {
Line 622: Line 747:
 
   display: none;
 
   display: none;
 
   background-color: #4AAF51;
 
   background-color: #4AAF51;
−
   opacity: 0.3;
+
   opacity: 1;
 
   color: #FFF;
 
   color: #FFF;
 
   transition-property: all;
 
   transition-property: all;
−
   transition-duration: 0.8s;
+
   transition-duration: 0.3s;
 
   transition-timing-function: ease-out;
 
   transition-timing-function: ease-out;
 
   transition-delay: 0s;
 
   transition-delay: 0s;
Line 632: Line 757:
 
   bottom: 0px;
 
   bottom: 0px;
 
   width: 100%;
 
   width: 100%;
−
   height: 80px;
+
   height: 2px;
 
   right: 0px;
 
   right: 0px;
 
   }
 
   }

Revision as of 18:58, 17 August 2017