Difference between revisions of "Team:Cambridge-JIC/Assets/Style.css"

m (Fix blur in webkit)
(Fixed styling)
Line 1: Line 1:
body{font-family:'Open Sans',sans-serif}.pad-top{padding-top:60px}.text-center{text-align:center}i.fa{padding:5px}section{padding-top:50px;width:100%}p{font-weight:300;line-height:30px}.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:hover{background:#555;transition:all .2s ease}.nav ul li{text-align:center;list-style-type:none}.nav ul{display:inline-block}.navsub{display:none;color:white;background:#222;position:fixed;left:0;top:66px;width:100%;text-align:center}.navsub ul li{padding-left:20px;padding-right:20px;line-height:50px;float:left;list-style-image:none}.navsub ul li a{display:block;width:100%;color:white;text-decoration:none}.nav>li:hover>.navsub{display:block}.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{background-color:#000;color:gray}#footer-sec h4{text-transform:uppercase;color:#fff}section{padding:0;margin:0;border:0}.cam-container{height:auto;bottom:0;top:0;left:0;right:0;margin:16px 0 0 0;padding:0;background-color:#fff;z-index:-10;overflow:scroll;position:fixed;z-index:0;font-size:14px}@media only screen and (max-width: 1200px){.cam-container{background-color:#000}}.cam-container section:first-of-type{margin-top:50px}.slide,.slide-team{background-repeat:no-repeat;background-position:center;background-size:100%;color:white;width:1200px;margin:0 auto;padding:20px}.slide{height:600px}.slide-team{min-height:600px;overflow:auto;display:block}.team{white-space:nowrap}.face{white-space:normal;width:280px;height:280px;background-repeat:no-repeat;background-position:center;background-size:auto 100%;position:relative;display:inline-block;margin:3.7px}.face .profile,.face .blur{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}.face .profile{opacity:0;padding:10px;color:#fff}.face .profile h3{text-align:center;margin:10px 0}.face .profile p{line-height:normal}.face:hover .profile{opacity:1;background-color:rgba(0,0,0,0.65)}.face:hover .blur{background:inherit;filter:blur(10px);-webkit-filter:blur(10px)}.cam-container h1,.cam-container h2,.cam-container h3,.cam-container h4,.cam-container h5,.cam-container h6{padding:0;border:0}.cam-container a,.nav a{color:#fff}.cam-container a:link,.nav a:link{color:#fff}.cam-container a:visited,.nav a:visited{color:#fff}.cam-container a:hover{color:#89aabe}.nav a:hover{color:#fff}.cam-container a:active,.nav a:active{color:#fff}section#footer-sec a,a.blue{color:#98aabe}section#footer-sec a:link,a.blue:link{color:#98aabe}section#footer-sec a:visited,a.blue:visited{color:#98aabe}section#footer-sec a:hover,a.blue:hover{color:#428bca}section#footer-sec a:active,a.blue:active{color:#98aabe}
+
body{font-family:'Open Sans',sans-serif}.pad-top{padding-top:60px}.text-center{text-align:center}i.fa{padding:5px}section{padding-top:50px;width:100%}p{font-weight:300;line-height:30px}.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:hover{background:#555;transition:all .2s ease}.nav ul li{text-align:center;list-style-type:none}.nav ul{display:inline-block}.navsub{display:none;color:white;background:#222;position:fixed;left:0;top:66px;width:100%;text-align:center}.navsub ul li{padding-left:20px;padding-right:20px;line-height:50px;float:left;list-style-image:none}.navsub ul li a{display:block;width:100%;color:white;text-decoration:none}.nav>li:hover>.navsub{display:block}.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{background-color:#000;color:gray}#footer-sec h4{text-transform:uppercase;color:#fff}section{padding:0;margin:0;border:0}.cam-container{height:auto;bottom:0;top:0;left:0;right:0;margin:16px 0 0 0;padding:0;background-color:#fff;z-index:-10;overflow:scroll;position:fixed;z-index:0;font-size:14px}@media only screen and (max-width: 1200px){.cam-container{background-color:#000}}.cam-container section:first-of-type{margin-top:50px}.slide,.slide-team{background-repeat:no-repeat;background-position:center;background-size:100%;color:white;width:1200px;margin:0 auto;padding:20px}.slide{min-height:600px}.slide-team{min-height:600px;overflow:auto;display:block}.team{white-space:nowrap}.face{white-space:normal;width:280px;height:280px;background-repeat:no-repeat;background-position:center;background-size:auto 100%;position:relative;display:inline-block;margin:3.7px}.face .profile,.face .blur{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}.face .profile{opacity:0;padding:10px;color:#fff}.face .profile h3{text-align:center;margin:10px 0}.face .profile p{line-height:normal}.face:hover .profile{opacity:1;background-color:rgba(0,0,0,0.65)}.face:hover .blur{background:inherit;filter:blur(10px);-webkit-filter:blur(10px)}.cam-container h1,.cam-container h2,.cam-container h3,.cam-container h4,.cam-container h5,.cam-container h6{padding:0;border:0}.cam-container a,.nav a{color:#fff}.cam-container a:link,.nav a:link{color:#fff}.cam-container a:visited,.nav a:visited{color:#fff}.cam-container a:hover{color:#89aabe}.nav a:hover{color:#fff}.cam-container a:active,.nav a:active{color:#fff}section#footer-sec a,a.blue{color:#98aabe}section#footer-sec a:link,a.blue:link{color:#98aabe}section#footer-sec a:visited,a.blue:visited{color:#98aabe}section#footer-sec a:hover,a.blue:hover{color:#428bca}section#footer-sec a:active,a.blue:active{color:#98aabe}
 
.gitgraph-tooltip{position:absolute;margin-top:-15px;margin-left:25px;padding:10px;border-radius:5px;background:#EEE;color:#333;text-align:center;font-size:14px;line-height:20px}.gitgraph-tooltip:after{position:absolute;top:10px;left:-18px;width:0;height:0;border-width:10px;border-style:solid;border-color:transparent;border-right-color:#EEE;content:""}.gitgraph-detail{position:absolute;padding:10px;text-align:justify;width:800px;display:none}
 
.gitgraph-tooltip{position:absolute;margin-top:-15px;margin-left:25px;padding:10px;border-radius:5px;background:#EEE;color:#333;text-align:center;font-size:14px;line-height:20px}.gitgraph-tooltip:after{position:absolute;top:10px;left:-18px;width:0;height:0;border-width:10px;border-style:solid;border-color:transparent;border-right-color:#EEE;content:""}.gitgraph-detail{position:absolute;padding:10px;text-align:justify;width:800px;display:none}

Revision as of 15:30, 22 July 2015

body{font-family:'Open Sans',sans-serif}.pad-top{padding-top:60px}.text-center{text-align:center}i.fa{padding:5px}section{padding-top:50px;width:100%}p{font-weight:300;line-height:30px}.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:hover{background:#555;transition:all .2s ease}.nav ul li{text-align:center;list-style-type:none}.nav ul{display:inline-block}.navsub{display:none;color:white;background:#222;position:fixed;left:0;top:66px;width:100%;text-align:center}.navsub ul li{padding-left:20px;padding-right:20px;line-height:50px;float:left;list-style-image:none}.navsub ul li a{display:block;width:100%;color:white;text-decoration:none}.nav>li:hover>.navsub{display:block}.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{background-color:#000;color:gray}#footer-sec h4{text-transform:uppercase;color:#fff}section{padding:0;margin:0;border:0}.cam-container{height:auto;bottom:0;top:0;left:0;right:0;margin:16px 0 0 0;padding:0;background-color:#fff;z-index:-10;overflow:scroll;position:fixed;z-index:0;font-size:14px}@media only screen and (max-width: 1200px){.cam-container{background-color:#000}}.cam-container section:first-of-type{margin-top:50px}.slide,.slide-team{background-repeat:no-repeat;background-position:center;background-size:100%;color:white;width:1200px;margin:0 auto;padding:20px}.slide{min-height:600px}.slide-team{min-height:600px;overflow:auto;display:block}.team{white-space:nowrap}.face{white-space:normal;width:280px;height:280px;background-repeat:no-repeat;background-position:center;background-size:auto 100%;position:relative;display:inline-block;margin:3.7px}.face .profile,.face .blur{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}.face .profile{opacity:0;padding:10px;color:#fff}.face .profile h3{text-align:center;margin:10px 0}.face .profile p{line-height:normal}.face:hover .profile{opacity:1;background-color:rgba(0,0,0,0.65)}.face:hover .blur{background:inherit;filter:blur(10px);-webkit-filter:blur(10px)}.cam-container h1,.cam-container h2,.cam-container h3,.cam-container h4,.cam-container h5,.cam-container h6{padding:0;border:0}.cam-container a,.nav a{color:#fff}.cam-container a:link,.nav a:link{color:#fff}.cam-container a:visited,.nav a:visited{color:#fff}.cam-container a:hover{color:#89aabe}.nav a:hover{color:#fff}.cam-container a:active,.nav a:active{color:#fff}section#footer-sec a,a.blue{color:#98aabe}section#footer-sec a:link,a.blue:link{color:#98aabe}section#footer-sec a:visited,a.blue:visited{color:#98aabe}section#footer-sec a:hover,a.blue:hover{color:#428bca}section#footer-sec a:active,a.blue:active{color:#98aabe} .gitgraph-tooltip{position:absolute;margin-top:-15px;margin-left:25px;padding:10px;border-radius:5px;background:#EEE;color:#333;text-align:center;font-size:14px;line-height:20px}.gitgraph-tooltip:after{position:absolute;top:10px;left:-18px;width:0;height:0;border-width:10px;border-style:solid;border-color:transparent;border-right-color:#EEE;content:""}.gitgraph-detail{position:absolute;padding:10px;text-align:justify;width:800px;display:none}