Difference between revisions of "Team:Dundee/style.css"
(Created page with " body { background: #606060; color: #FFF; /*background: -webkit-linear-gradient(#606060, #121212); background: -moz-linear-gradient(#606060, #121212); backgrou...") |
|||
Line 331: | Line 331: | ||
padding:0; | padding:0; | ||
margin: 0; | margin: 0; | ||
− | } | + | }--[[User:Ctc|Ctc]] 06:49, 17 June 2015 (CDT) |
.modal-dialog { | .modal-dialog { | ||
position: relative; | position: relative; |
Revision as of 11:49, 17 June 2015
body { background: #606060; color: #FFF;
/*background: -webkit-linear-gradient(#606060, #121212); background: -moz-linear-gradient(#606060, #121212); background: linear-gradient(#606060, #121212);*/
} h1, h2, h3, h4, h5, h6, p { font-family: 'Duru Sans', Open Sans Light; }
h3 { color:#FFF; font-size: 25px; }
header { background:url(../img/bg-header.png) no-repeat; height:700px; width:100%; padding-top:50px; color: #fff; } header h1 { font-size: 60px; margin-top: 120px; }
- about {
padding-top: 50px; padding-bottom: 0px; }
- about .row {
margin-bottom: 50px; text-align: center; }
- about .glyphicon {
font-size: 32px; color: #FFFFFF; margin-bottom: 10px; border: 1px solid #AAA; width: 80px; border-radius: 100%; padding-top: 22px; padding-bottom: 22px; }
- about h3 {
margin-bottom: 20px; }
- about .glyphicon {
-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;
}
- about .col-md-3:hover .glyphicon {
border: 1px solid #E8E8E8; background: #E8E8E8; color: #585858; }
- about2 {
padding-top: 180px; padding-bottom: 50px; background: #eaeaea; text-align: right;
-moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
- about2 .glyphicon {
font-size: 32px; color: #585858; margin-bottom: 10px; border: 1px solid #AAA; width: 80px; border-radius: 100%; padding-top: 22px; padding-bottom: 22px; text-align: center; }
.about-content { color: #CCC; }
- submenu-gradient {
background: yellow; }
- about3 {
/*background-color: rgba(0,0,0,0);*/ /*background-image:
radial-gradient( #969696, #626262 );
/*background: url(../img/bg-about.jpg) no-repeat;*/ padding-top: 40px; padding-bottom: 40px; color: #ffffff; }
- about3 .glyphicon {
font-size: 22px; margin-bottom: 10px; background-color: #333333; width: 80px; border-radius: 100%; padding:28px; text-align: center; }
- about3 .row {
margin-bottom: 40px; }
- about3 .feature {
padding-top: 50px; }
- about3 h4 {
font-weight: bold; }
- sponsor {
/*background: url(../img/bg-sponsor.jpg);*/ padding-top: 40px; padding-bottom: 60px; color: #ffffff; text-align: center; }
- sponsor .row {
margin-bottom: 40px; }
- sponsor .space {
margin-bottom: 40px; } .igem-sponsor { height: 100px; width: auto; } footer { background: #333333; padding-top: 40px; padding-bottom: 40px; color: #ffffff; font-weight: 100; } footer h4 { margin-bottom: 30px; }
- copyright {
padding-bottom: 20px; padding-top: 20px; background: #222222; color: #ffffff; text-align: center; } @media only screen and (max-width: 480px) { .btn-lg { margin-bottom: 10px; } #about .row .col-md-3 { margin-bottom: 30px; } #about2, #about3 .btn { width: 100%; } #about3 .img-mockup { display: none; } #about3 { text-align: center; } #about-section1 { text-align:center; }
}
- nav.affix {
position: fixed; top: 0; width: 100%; z-index:10;
}
- page-wrap {
max-width: 1280px; margin: 0 auto;
}
/* PAGE; TOPIC 1 */
- about-section1 {
background: url() no-repeat; padding-top: 40px; padding-bottom: 40px; padding-top: 50px; padding-bottom: 50px; } headert1 { background:url(../img/bg-header.jpg) no-repeat; height:700px; width:100%; padding-top:50px; color: #fff; }
/* VIDEO */
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden; }
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 20%;
width: 60%;
height: 55%;
}
/** BUTTON NAVIGATION ANCHORS. PREVENTS OVERLAP OF NAVBAR ON TOP OF CONTENT **/ a.anchor { display: block; position: relative; top: -100px; visibility: hidden; }
a.anchorselection { display: block; position: relative; top: -45px; visibility: hidden; } /** PAGE NAVIGATION BUTTONS (EXCLUDING HOMEPAGE) **/
- menu {
padding-top: 50px; padding-bottom: 0px; text-decoration:none!important; }
- menu .row {
margin-bottom: 50px; text-align: center; }
- menu:hover {
-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; color: blue;
}
- menu .fa {
-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; font-size: 32px; color: #FFFFFF; margin-bottom: 10px; border: 1px solid #AAA; width: 80px; border-radius: 100%; padding-top: 22px; padding-bottom: 22px; } .fa {
position: relative; top: 1px; display: inline-block; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale;
}
- menu .col-md-3:hover .fa {
border: 1px solid #E8E8E8; background: #E8E8E8; color: #585858; }
- menu a {
text-decoration:none !important; }
- about-section1 {
background: teal; }
/***** MODAL PROPERTIES *****/
.modal-content { -webkit-box-shadow: none; box-shadow: none; background:transparent; border:none; outline:none;
} .modal-content iframe {
border:none; padding:0; margin:0;
} .close {
font-size: 50px; margin:-20px 0 0 0;
} /***** MEDIA QUERIES *****/
@media only screen and (max-width: 641px) { /***** MODAL PROPERTIES *****/ .modal-body { height:100px; padding:0; margin: 0; } .modal-content { padding:0; margin: 0; }--Ctc 06:49, 17 June 2015 (CDT) .modal-dialog { position: relative; width: auto; margin: 15px; } .close { margin:-12px 0 0 0; }
} @media only screen and (min-width: 768px) {
/***** MODAL PROPERTIES *****/ .close { font-size: 80px; margin:30px -43px -20px 100px; }
}