Difference between revisions of "Template:Uppsala/CSS"

 
(64 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
 +
 
body {
 
body {
 
  background-color: ecf0f1ff;
 
  background-color: ecf0f1ff;
font-family: 'Lora', serif;
 
 
}
 
}
  
#HQ_page h2, #HQ_page p, #HQ_page h3, #HQ_page h4 {
+
.text {
 +
margin:auto;
 +
float: none;
 +
 
 +
}
 +
 
 +
.text img {
 +
margin:auto;
 +
}
 +
 
 +
#HQ_page p {
 +
text-align: left;
 +
}
 +
 
 +
#HQ_page h2, #HQ_page p, #HQ_page h3, #HQ_page h4, figcaption {
 
   color: #34495e;
 
   color: #34495e;
 +
}
 +
 +
figcaption {
 +
font-style: italic;
 +
margin-bottom: 10px;
 
}
 
}
  
Line 16: Line 35:
 
   font-weight: inherit;
 
   font-weight: inherit;
 
   line-height: 1.2;
 
   line-height: 1.2;
  'Libre Baskerville', serif
 
 
}
 
}
  
Line 22: Line 40:
 
   margin-top: 0;
 
   margin-top: 0;
 
   font-size: 6.854em;
 
   font-size: 6.854em;
 +
}
 +
 +
div.thumb div {
 +
border: 0px solid white;
 
}
 
}
  
Line 39: Line 61:
  
 
small, .font_small {font-size: 0.707em;}
 
small, .font_small {font-size: 0.707em;}
 +
 +
figcaption { font-family: 'Lora', serif; }
  
 
a:hover, a:active {
 
a:hover, a:active {
Line 46: Line 70:
 
.results {
 
.results {
 
     /*width: 400px;*/
 
     /*width: 400px;*/
     margin-bottom: 50px;
+
     margin-bottom: 10px;
 
     margin-top: 50px;
 
     margin-top: 50px;
 +
    color: ghostwhite;
 
}
 
}
  
 
.big {
 
.big {
     padding-bottom: 100px;
+
    margin: 7% 0% 0% 0%;
     padding-top: 100px;
+
     padding-bottom: 5%;
     color: ghostwhite;
+
     padding-top: 5%;
 +
      
 
}
 
}
  
.panel {
+
.mybutton {
 
     background-color: #2ecd70;
 
     background-color: #2ecd70;
    color: ghostwhite !important;
 
 
     border-radius: 10px;
 
     border-radius: 10px;
     -webkit-box-shadow: 0px 15px 0px 0px rgba(43, 191, 104, 1);
+
     -webkit-box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
     -moz-box-shadow: 0px 15px 0px 0px rgba(43, 191, 104, 1);
+
     -moz-box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
     box-shadow: 0px 15px 0px 0px rgba(43, 191, 104, 1);
+
     box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
 
     border: none;
 
     border: none;
 +
    cursor: pointer;
 
}
 
}
  
.panel:active {
+
 
     -webkit-box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
+
 
 +
.mybutton:active {
 +
     -webkit-box-shadow: 0px 5px 0px 0px rgba(43, 191, 104, 1);
 
     ;
 
     ;
     -moz-box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
+
     -moz-box-shadow: 0px 5px 0px 0px rgba(43, 191, 104, 1);
 
     ;
 
     ;
     box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
+
     box-shadow: 0px 5px 0px 0px rgba(43, 191, 104, 1);
 
     ;
 
     ;
 
     transform: translateY(5px);
 
     transform: translateY(5px);
 +
}
 +
 +
.panel {
 +
border: none;
 
}
 
}
  
Line 84: Line 116:
  
 
.jumbotron {
 
.jumbotron {
     background-image: url(https://static.igem.org/mediawiki/2016/4/42/Uppsala_jumbotron_header.jpeg);
+
     background-image: url(https://static.igem.org/mediawiki/2016/d/da/T--Uppsala--main_lab_blurry.png);
    height: 700px;
+
    /*background-image: url(https://static.igem.org/mediawiki/2016/4/42/Uppsala_jumbotron_header.jpeg); */
 
     background-size: cover;
 
     background-size: cover;
 +
}
 +
 +
.jumbotron img {
 +
    height: 60%;
 +
    width: 60%;
 +
}
 +
 +
#header img {
 +
    height: 25%;
 +
    width: 25%;
 
}
 
}
  
 
.jumbotron h1 {
 
.jumbotron h1 {
    border: 10px solid ghostwhite !important;
 
 
     margin-left: 50px;
 
     margin-left: 50px;
 
     margin-right: 50px;
 
     margin-right: 50px;
 
     padding-bottom: 40px;
 
     padding-bottom: 40px;
 +
}
 +
 +
.jumbotron h2 {
 +
    margin: 0px;
 +
    color: white !important;
 
}
 
}
  
 
.nav {
 
.nav {
    border-bottom: 3px ghostwhite solid;
 
 
     margin-bottom: 50px;
 
     margin-bottom: 50px;
 
}
 
}
Line 103: Line 148:
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 
       margin: 0 0 0 0;
 
       margin: 0 0 0 0;
 +
}
 +
 +
.team-content {
 +
border-top: 1px solid #eee;
 +
padding: 30px 30px 30px 30px;
 +
}
 +
 +
.nav-tabs {
 +
border-bottom: none;
 
}
 
}
  
Line 116: Line 170:
 
.nav>li>a:focus,
 
.nav>li>a:focus,
 
.nav>li a:hover {
 
.nav>li a:hover {
     background: #7ee2a8;
+
     background: #2ecd70;
 
     color: whitesmoke;
 
     color: whitesmoke;
 
}
 
}
Line 123: Line 177:
 
     background: #7ee2a8;
 
     background: #7ee2a8;
 
     color: whitesmoke;
 
     color: whitesmoke;
    -webkit-box-shadow: inset 3px 3px 0px 0px rgba(37,163,89,0.3);
 
    -moz-box-shadow: inset 5px 5px 0px 0px rgba(37,163,89,0.3);
 
    box-shadow: inset 3px 3px 0px 0px rgba(37,163,89,0.3);
 
 
}
 
}
  
Line 138: Line 189:
 
}
 
}
  
 
.nav-tabs {
 
    margin-bottom: 3;
 
}
 
  
 
footer {
 
footer {

Latest revision as of 12:05, 19 October 2016