|
|
| Line 3: |
Line 3: |
| | <style> | | <style> |
| | | | |
| − | /* This styling below is for the UCSC iGEM 2017 Homepage */ | + | /* This section below has been determined to be important */ |
| | | | |
| − | /* This styling below was initially from the Team:UCSC/Assets/Test_Style_css stylesheet */
| + | .face { |
| − | | + | white-space: normal; |
| − | html, body {
| + | width: 220px; |
| − | max-width: 100%; | + | height: 280px; |
| − | overflow-x: hidden; | + | background-repeat: no-repeat; |
| | + | background-position: center; |
| | + | background-size: auto 100%; |
| | + | position: relative; |
| | + | display: inline-block; |
| | + | margin-top: 12px; |
| | + | margin-bottom: 12px; |
| | } | | } |
| − | | + | .face .profile, |
| − | #globalWrapper {
| + | .face .blur { |
| − | padding:0;
| + | width: 100%; |
| | + | height: 100%; |
| | + | position: absolute; |
| | + | overflow: hidden; |
| | + | top: 0; |
| | + | left: 0 |
| | } | | } |
| − | .pad-top { | + | .face .profile { |
| − | padding-top: 60px | + | opacity: 0; |
| | + | padding: 0px; |
| | + | color: #fff |
| | } | | } |
| − | .text-center { | + | .face .profile h3 { |
| − | text-align: center | + | text-align: center; |
| | + | margin: 0px 0 |
| | } | | } |
| − | i.fa {
| + | .face .profile p { |
| − | padding: 5px | + | line-height: normal |
| | } | | } |
| − | section {
| + | .face:hover .profile, .profilehovered { |
| − | padding-top: 50px; | + | opacity: 1; |
| − | width: 100% | + | background-color: rgba(0, 0, 0, 0.65); |
| | + | cursor: pointer; |
| | } | | } |
| − | | + | .face:hover .blur, .facehovered { |
| − | .hl_1 { | + | background: inherit; |
| − | color: green;
| + | filter: blur(10px); |
| | + | -webkit-filter: blur(10px) |
| | } | | } |
| | | | |
| − | .hl_2 {
| |
| − | color: red;
| |
| − | }
| |
| | | | |
| | | | |
| − | p {
| |
| − | font-weight: 300;
| |
| − | line-height: 30px;
| |
| − | font-size: 120%;
| |
| − | family-font: "Quicksand", sans serif !important;
| |
| − | }
| |
| − | .persondesc {
| |
| − | font-weight: 300;
| |
| − | line-height: 30px;
| |
| − | font-size: 105%
| |
| − | }
| |
| − | .pad-row {
| |
| − | padding-top: 40px;
| |
| − | padding-bottom: 40px
| |
| − | }
| |
| − | .pad-bottom {
| |
| − | padding-bottom: 50px
| |
| − | }
| |
| | | | |
| − | .navbar {
| |
| − | margin-top: 16px
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav>li>a {
| |
| − | color: #FFF
| |
| − | }
| |
| − | .navbar-inverse .navbar-brand {
| |
| − | color: #FFF
| |
| − | }
| |
| | | | |
| | | | |
| − | .nav li {
| |
| − | transition: visibility 1.26s linear 0s, background 0.9s linear 0.36s;
| |
| − | }
| |
| | | | |
| − | .nh {
| |
| − | background: #333;
| |
| − | transition: all .2s ease
| |
| − | }
| |
| | | | |
| − | .nav ul li {
| + | /* This styling below is for the UCSC iGEM 2017 Homepage */ |
| − | text-align: center;
| + | |
| − | list-style-type: none
| + | |
| − | }
| + | |
| | | | |
| − | .navsub, .nhs {
| + | /* This styling below was initially from the Team:UCSC/Assets/Test_Style_css stylesheet */ |
| − | color: white;
| + | |
| − | background: #222;
| + | |
| − | left: 0;
| + | |
| − | text-align: center;
| + | |
| − | width: 100%;
| + | |
| − | position: fixed;
| + | |
| − | top: 68px;
| + | |
| − | }
| + | |
| − | .firstHeading {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| | | | |
| − | #content {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border:none;
| |
| − | margin: 0px;
| |
| − | }
| |
| | | | |
| − | .navsub ul li, .nhs ul li {
| |
| − | padding-left: 20px;
| |
| − | padding-right: 20px;
| |
| − | line-height: 50px;
| |
| − | float: left;
| |
| − | list-style-image: none
| |
| − | }
| |
| − | .navsub ul li a, .nhs ul li a {
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | color: white;
| |
| − | text-decoration: none
| |
| − | }
| |
| − |
| |
| − | .nav > li > .navsub {
| |
| − | visibility: hidden;
| |
| − | opacity:0;
| |
| − | transition: visibility 1.26s linear 0s, opacity 0.9s linear 0.36s, z-index 1.26s;
| |
| − | z-index:10;
| |
| − | }
| |
| − |
| |
| − | .nav > li:hover > .navsub, .nhs {
| |
| − | visibility:visible;
| |
| − | opacity:1;
| |
| − | transition:visibility 0s linear 0s,opacity 0s linear;
| |
| − | transition-delay:0s;
| |
| − | z-index: 100;
| |
| − | }
| |
| − |
| |
| − | .nhs {
| |
| − | z-index:1
| |
| − | }
| |
| − |
| |
| − | .nhs:hover {
| |
| − | z-index:100
| |
| − | }
| |
| − |
| |
| − | .navbar {
| |
| − | -webkit-transition: background .8s ease-out, padding .8s ease-out;
| |
| − | -moz-transition: background .8s ease-out, padding .8s ease-out;
| |
| − | transition: background .8s ease-out, padding .8s ease-out
| |
| − | }
| |
| − | .navbar-pad-original {
| |
| − | padding: 0
| |
| − | }
| |
| − |
| |
| − | small {
| |
| − | font-size: 15px;
| |
| − | padding-left: 10px
| |
| − | }
| |
| | #footer-sec { | | #footer-sec { |
| | background-color: #000; | | background-color: #000; |
| Line 224: |
Line 133: |
| | text-align: center; | | text-align: center; |
| | } | | } |
| − | .face {
| + | |
| − | white-space: normal;
| + | |
| − | width: 220px;
| + | |
| − | height: 280px;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | background-position: center;
| + | |
| − | background-size: auto 100%;
| + | |
| − | position: relative;
| + | |
| − | display: inline-block;
| + | |
| − | margin-top: 12px;
| + | |
| − | margin-bottom: 12px;
| + | |
| − | }
| + | |
| − | .face .profile,
| + | |
| − | .face .blur {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | position: absolute;
| + | |
| − | overflow: hidden;
| + | |
| − | top: 0;
| + | |
| − | left: 0
| + | |
| − | }
| + | |
| − | .face .profile {
| + | |
| − | opacity: 0;
| + | |
| − | padding: 0px;
| + | |
| − | color: #fff
| + | |
| − | }
| + | |
| − | .face .profile h3 {
| + | |
| − | text-align: center;
| + | |
| − | margin: 0px 0
| + | |
| − | }
| + | |
| − | .face .profile p {
| + | |
| − | line-height: normal
| + | |
| − | }
| + | |
| − | .face:hover .profile, .profilehovered {
| + | |
| − | opacity: 1;
| + | |
| − | background-color: rgba(0, 0, 0, 0.65);
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .face:hover .blur, .facehovered {
| + | |
| − | background: inherit;
| + | |
| − | filter: blur(10px);
| + | |
| − | -webkit-filter: blur(10px)
| + | |
| − | }
| + | |
| | .facen { | | .facen { |
| | width: 250px; | | width: 250px; |
| Line 401: |
Line 268: |
| | position: relative; | | position: relative; |
| | } | | } |
| − | nav li a {
| |
| − | display: block;
| |
| − | color: #1A680A !important; text-decoration: none;
| |
| − |
| |
| − | }
| |
| − | nav ul li:hover > ul {
| |
| − | display: block;
| |
| − | }
| |
| − | /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
| |
| − | .firstHeading{
| |
| − | display:none;
| |
| − | }
| |
| − | #top-section{
| |
| − | background:#48af5d; /* green */
| |
| − | margin-left:0 !important;
| |
| − | width:100%;
| |
| − | left:0;
| |
| − | }
| |
| − | .c-layout-go2top {
| |
| − | display: inline-block;
| |
| − | position: fixed;
| |
| − | bottom: 20px;
| |
| − | right: 10px;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | .c-layout-go2top > i {
| |
| − | opacity: 0.5;
| |
| − | filter: alpha(opacity=50);
| |
| − | color: #89939e;
| |
| − | font-size: 38px;
| |
| − | font-weight: 300;
| |
| − | }
| |
| − | .c-layout-go2top:hover {
| |
| − | opacity: 0.8;
| |
| − | filter: alpha(opacity=80);
| |
| − | }
| |
| − | /* LOADING SCREEN */
| |
| − | .loading{
| |
| − | position:fixed;
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | top:0;
| |
| − | left:0;
| |
| − | z-index:5;
| |
| − | background-color:#555;
| |
| − | color:#fff;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .loading p{
| |
| − | position: relative;
| |
| − | width:100%;
| |
| − | height:10%;
| |
| − | top:45%;
| |
| − | left:0;
| |
| − | }
| |
| − | /* MENU STYLING */
| |
| − | .menu{
| |
| − | position:fixed;
| |
| − | width:100%;
| |
| − | height:56px;
| |
| − | top:14px;
| |
| − | background-color: #47a3da; /* blue */
| |
| − | z-index:4;
| |
| − | border-collapse: collapse;
| |
| − | text-align:center;
| |
| − | }
| |
| − | .menu tr td{
| |
| − | text-align: center;
| |
| − | vertical-align: middle;
| |
| − | font-weight: 700;
| |
| − | font-size:16px;
| |
| − | color:#fff;
| |
| − | width:7%;
| |
| − | }
| |
| − | .menu tr td.menu-item:hover>a:{
| |
| − | background-color:#258ecd;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | .subselected{
| |
| − | background-color: #258ecd;
| |
| − | }
| |
| − | /* CONTAINERS STYLING */
| |
| − | .container{
| |
| − | position:relative;
| |
| − | width:100%;
| |
| − | top:50px;
| |
| − | }
| |
| − | .container .subcontainer{
| |
| − | position:absolute;
| |
| − | width:95%;
| |
| − | height:90%;
| |
| − | top:5%;
| |
| − | left:2.5%;
| |
| − | }
| |
| − | #top{
| |
| − | background-size: cover;
| |
| − |
| |
| − | }
| |
| − | /* TEAM MEMBERS CARDS STYLING */
| |
| − | .team-member-container{
| |
| − | position:relative;
| |
| − | width:14%;
| |
| − | margin-left:2.28%;
| |
| − | float:left;
| |
| − | }
| |
| − | .team-member-container:hover{
| |
| − | cursor:pointer;
| |
| − | }
| |
| − | .row2{
| |
| − | top:4%;
| |
| − | }
| |
| − | .team-member-container .team-member-photo{
| |
| − | position:relative;
| |
| − | width:100%;
| |
| − | height:85%;
| |
| − | top:0;
| |
| − | left:0;
| |
| − | background-size: cover;
| |
| − | }
| |
| − | .team-member-container .team-member-footer{
| |
| − | position:relative;
| |
| − | width:100%;
| |
| − | height:15%;
| |
| − | top:0;
| |
| − | left:0;
| |
| − | border:none;
| |
| − | border-collapse: collapse;
| |
| − | background-color: #47a3da;
| |
| − | color:#fff;
| |
| − | text-align: center;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| | | | |
| | /* body { | | /* body { |
| Line 545: |
Line 279: |
| | margin-right: auto; | | margin-right: auto; |
| | } | | } |
| − | .navbar-fixed-top { | + | |
| | + | |
| | + | /*.navbar-fixed-top { |
| | background: #fff; | | background: #fff; |
| | filter: none !important; | | filter: none !important; |
| Line 553: |
Line 289: |
| | border-bottom: 1px solid rgba(0,0,0,0.2); | | border-bottom: 1px solid rgba(0,0,0,0.2); |
| | } | | } |
| | + | */ |
| | + | |
| | + | |
| | .dropdown-submenu { | | .dropdown-submenu { |
| | position: relative; | | position: relative; |
