Template:SCU China/Style CSS

/* Team-scu-style */

.dropdown-submenu {

   position: relative;

}

.dropdown-submenu > .dropdown-menu {

   top: 0;
   left: 100%;
   margin-top: -18%;
   margin-left: 100%;
   -webkit-border-radius: 0 6px 6px 6px;
   -moz-border-radius: 0 6px 6px;
   border-radius: 0 6px 6px 6px;
   background-color: rgba(0, 0, 0, 0);

}

.dropdown-submenu:hover > .dropdown-menu {

   display: block;

}

.dropdown-submenu > a:after {

   display: block;
   content: " ";
   float: right;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   border-left-color: #ccc;
   margin-top: 5px;
   margin-right: -10px;

}

.dropdown-submenu:hover > a:after {

   border-left-color: #fff;

}

.dropdown-submenu.pull-left {

   float: none;

}

.dropdown-submenu.pull-left > .dropdown-menu {

   left: -100%;
   margin-left: 10px;
   -webkit-border-radius: 6px 0 6px 6px;
   -moz-border-radius: 6px 0 6px 6px;
   border-radius: 6px 0 6px 6px;

}

ul {

   list-style-image: url("T--SCU_China_2017--ProjectPanda.png");

}

.dropdown-menu {

   background-color: rgba(0, 0, 0, 0) !important;

}

.dropdown-menu > li > a {

   color: white !important;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif !important;
   font-size: 18px !important;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

   color: white !important;
   text-decoration: none;
   background-color: #a8ee94 !important;

}

.scu_header_image_wrapper {

   width: 100%;
   height: 100vh;
   position: relative;

} .scu_header_image {

   width: 100%;
   height: 100vh;

} .scu_project_wrapper {

   position: relative;
   background: url("") repeat-y top center;
   background-size: contain;
   width: 100%;
   height: 400vh;

}

.scu_nav_project {

   margin-top: 10px;
   position: relative;
   transform: scale(1);
   background-size: cover;
   color: rgba(0, 0, 0, 0);
   padding-top: 20px;
   font-size: 24px;

}

.dropdown_style {

   background-color: rgba(0, 0, 0, 0) !important;
   color: white;

}

.drop_down_font {

}

.scu_down {

   position: relative;
   margin: 20px auto 20px auto !important;
   text-align: center !important;
   font-size: 22px !important;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif !important;
   color: white ;
   padding-top: 20px;

}

.scu_project_image_wrapper {

   width: 100%;
   position: relative;
   background: url("") repeat-y;
   background-size: contain;
   height: 400vh;

}

.scu_hide_click {

   position: relative;
   color: white;
   font-size: 150px;
   text-align: center;
   width: 100%;
   height: 200px;

}

.scu_nav {

   position: relative;
   transform: scale(1);
   background-size: cover;
   color: rgba(0, 0, 0, 0);
   font-size: 24px;
   margin: 10% auto 0 auto !important;

}

.scu_nav > li > a {

   color: white;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   background-color: rgba(0, 0, 0, 0) !important;

}

.lee_nav_image{

}

.scu_nav_background {

   position: absolute;
   transform: scale(1);
   width: 100%;
   margin-top: -20px;

}

.scu_nav_project_background {

   position: relative;
   transform: scale(1.25);
   width: 100%;

}

.scu_nav_project_black {

   position: absolute;
   width: 100%;
   transform: scale(1);

}

.scu_footer_text {

   text-align: center !important;
   font-size: 16px !important;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif !important;
   position: relative;
   margin-top: -40px;
   color: white;

}

.scu_footer_text_2 {

   text-align: center !important;
   color: white;
   font-size: 16px !important;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif !important;
   position: relative;
   margin-top: -10px;

}

.scu_footer {

   position: absolute;
   width: 100%;
   overflow: hidden;
   margin-top: -25px;

}

.scu_footer_icon {

   position: relative;
   width: 16%;
   margin-right: 10px;
   margin-top: -90px;
   float: right;

}

.nav-justified {

   width: 80%;
   margin: 0 auto;

}

.nav-justified > li {

   display: table-cell;
   width: 1%;
   float: none;

}

.scu_nav_home_text {

   position: relative;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   opacity: 1.0;
   margin-top: -193%;
   margin-left: -21%;
   color: white !important;
   background-color: rgba(0, 0, 0, 0) !important;

}

.scu_nav_project_text {

   position: relative;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   opacity: 1.0;
   margin-top: -185%;
   margin-left: -21%;
   color: white !important;
   background-color: rgba(0, 0, 0, 0) !important;

}

.scu_nav_modeling_text {

   position: relative;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   opacity: 1.0;
   margin-top: -164%;
   margin-left: -22%;
   color: white !important;
   background-color: rgba(0, 0, 0, 0) !important;

}

.scu_nav_human_text {

   position: relative;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   opacity: 1.0;
   margin-top: -175%;
   margin-left: -20%;
   color: white !important;
   background-color: rgba(0, 0, 0, 0) !important;

}

.scu_nav_attri_text {

   position: relative;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   opacity: 1.0;
   margin-top: -155%;
   margin-left: -16%;
   color: white !important;
   background-color: rgba(0, 0, 0, 0) !important;

}

.scu_nav_gold_text {

   position: relative;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   opacity: 1.0;
   margin-top: -198%;
   margin-left: -20%;
   color: white !important;
   background-color: rgba(0, 0, 0, 0) !important;

}

.scu_nav_note_text {

   position: relative;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   opacity: 1.0;
   margin-top: -159%;
   margin-left: -16%;
   color: white !important;
   background-color: rgba(0, 0, 0, 0) !important;

}

.scu_nav_home > p {

   opacity: 1.0;

}

.scu_down_scale {

   transform: scale(0.1);
   text-align: center;
   margin: -90px auto;

}

.scu_title {

   position: relative;
   padding-top: 60vh;
   text-align: center !important;
   font-size: 40px !important;
   color: white !important;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif !important;

}

.scu_vice_title {

   width: 70%;
   font-size: 32px !important;
   margin: 0 auto 30px auto;
   text-align: center;
   color: white !important;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif !important;

}

.scu_content_begin {

   position: relative;
   margin-top: -100px;
   margin-left: 8%;
   transform: scale(0.7);

}

.scu_nav_side {

   position: fixed;
   margin-left: -600px;

}

.scu_url {

   list-style-image: url("");

}

.scu_nav_tree {

   margin-top: -690px !important;
   margin-left: 10% !important;
   font-size: 30px;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;
   color: black;

}

.scu_nav_side_image {

   margin-top: -550px;
   margin-left: -30%;
   transform: scale(0.5);

}

@media screen and (min-width: 1200px) {

   .scu_logo {
       position: absolute;
       display: block;
       /*right: 25px;*/
       /*bottom: 25px;*/
       left: 23%;
       width: 6%;
       height: auto;
   }

}

.lee_article{

   background-image: url("");
   height: 100vh;
   background-size: cover;

} .lee_article_content{

   width: 75%;
   margin: 0 auto;

} .lee_article_topic{

   width: 100%;

} .lee_article_topic p{

   text-align: center;

} .lee_nav_home{

   background-image: url("");
   color: white;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;

} .lee_nav_project{

   background-image: url("");
   color: white;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;

} .lee_nav_modeling{

   background-image: url("");
   color: white;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;

} .lee_nav_gold{

   background-image: url("");
   color: white;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;

} .lee_nav_attri{

   background-image: url("");
   color: white;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;

} .lee_nav_note{

   background-image: url("");
   color: white;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;

} .lee_nav_human{

   background-image: url("");
   color: white;
   font-family: "cambria", "Times New Roman", Georgia, Serif, sans-serif;

} .nav > li{

   /*    justify-content: center;
       align-items: center;*/

   border-top: solid #a8ee94;
   border-bottom: solid #a8ee94;
   height: 70px;
   padding-top: 20px;
   background-size:40px 40px;
   background-repeat:no-repeat;
   background-position: center;

} .lee_nav_human:hover{

   transform: scale(1.05);

} .lee_nav_note:hover{

   transform: scale(1.05);

} .lee_nav_project:hover{

   transform: scale(1.05);

} .lee_nav_attri:hover{

   transform: scale(1.05);

} .lee_nav_gold:hover{

   transform: scale(1.05);

} .lee_nav_modeling:hover{

   transform: scale(1.05);

} .lee_nav_home:hover{

   transform: scale(1.05);

} .scu_nav > li:hover{

   box-shadow:1px 1px 2000px 2000px rgba(0,0,0,0.4),0px 0px 20px 4px rgba(0,0,0,0.4);

}

/*css for main page*/ .overview-sub-title {

   font-size: 36px !important;
   color: #2b5d10 !important;
   font-family: raleway-bold, cambria,"Times New Roman", Georgia, Serif, sans-serif !important;
   text-align: center !important;
   margin: 30px auto !important;
   opacity: 0.8;

} .scu_main_page_wrapper{

   width: 80%;
   margin: 20px auto;
   padding: 20px;

} .scu_main_page_title2 {

   font-size: 48px;
   color: #2b5d10;
   font-family: raleway-bold, cambria,"Times New Roman", Georgia, Serif, sans-serif;
   text-align: center;
   margin: 20px auto 20px auto;
   opacity: 1.0;
   line-height: 1.0em;

} .scu_main_page_title {

   margin-top: 20vh;
   border-top: solid 10px;
   border-bottom: solid 10px;
   border-left: solid 10px;
   border-right: solid 10px;
   border-radius: 20px;
   border-color: #4cae4c;
   -moz-box-shadow: 0px 0px 10px #888888; /* 老的 Firefox */
   box-shadow: 0px 0px 10px #888888;
   opacity: 0.9;

} .scu_main_page_content {

   margin-top: 50px;
   height: auto;

} .scu_main_page_gold {

   width: 100%;
   position: relative;
   margin: 10px auto;
   text-align: center;
   vertical-align: middle;

} .scu_main_page_gold > img {

   width: 100%;
   height: auto;
   position: relative;
   margin: 0 auto;

} .scu_main_page_content_wrapper {

   border-top: solid 10px;
   border-bottom: solid 10px;
   border-left: solid 10px;
   border-right: solid 10px;
   border-radius: 20px;
   border-color: #4cae4c;
   -moz-box-shadow: 0px 0px 10px #888888; /* 老的 Firefox */
   box-shadow: 0px 0px 10px #888888;

} .scu_main_page_content_wrapper:hover {

   box-shadow:1px 1px 2000px 2000px rgba(0,0,0,0.4),0 0 10px 10px rgba(0,0,0,0.4);
   transform: scale(1.02);

} .scu_main_page_content_p {

   font-size: 22px !important;
   line-height: 2.0em !important;
   text-align: justify !important;
   padding: 10px !important;
   height: auto !important;
   word-break: break-all !important;
   hyphens: auto;

} .scu_project_image_wrapper_wide {

   width: 100%;
   position: relative;
   background: url("") repeat-y;
   background-size: contain;
   height: 430vh;

} .scu_main_page_content:hover {

} .scu_main_page_content_p2 {

   font-size: 22px !important;
   line-height: 2.0em !important;
   text-align: justify !important;
   padding: 10px !important;
   height: auto !important;
   color: black;
   word-break: break-all !important;
   hyphens: auto;

} .scu_hp_image_single_main {

   width: 80%;
   position: relative;
   margin: 10px auto;
   text-align: center;
   vertical-align: middle;
   display: table-cell;

}

.scu_hp_image_single_main > img {

   margin-top: 20px;
   width: 80%;
   height: auto;
   border: dotted 5px;
   box-shadow: #2b5d10 10px;

}