Difference between revisions of "Template:Uppsala/CSS"

 
(208 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
 +
 
body {
 
body {
 +
background-color: ecf0f1ff;
 +
}
 +
 +
.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;
 +
}
 +
 +
figcaption {
 +
font-style: italic;
 +
margin-bottom: 10px;
 +
}
 +
 +
#HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page h4 {
 +
  /*margin: 1.414em 0 0.5em; */
 +
  font-weight: inherit;
 +
  line-height: 1.2;
 +
}
 +
 +
#HQ_page h1 {
 +
  margin-top: 0;
 +
  font-size: 6.854em;
 +
}
 +
 +
div.thumb div {
 +
border: 0px solid white;
 +
}
 +
 +
#HQ_page h2 {font-size: 4.236em;}
 +
 +
#HQ_page h3 {font-size: 2.618em;}
 +
 +
#HQ_page h4 {font-size: 1.618em;}
 +
 +
#HQ_page p {
 +
    /* line-height: 33px; */
 +
    line-height: 1.45;
 +
      /* font-size: 22px; */
 +
    font-size: 1.25em;
 +
    font-family: 'Lora', serif;
 +
}
 +
 +
small, .font_small {font-size: 0.707em;}
 +
 +
figcaption { font-family: 'Lora', serif; }
 +
 +
a:hover, a:active {
 +
  text-decoration: none;
 +
}
 +
 +
.results {
 +
    /*width: 400px;*/
 +
    margin-bottom: 10px;
 +
    margin-top: 50px;
 +
    color: ghostwhite;
 +
}
 +
 +
.big {
 +
    margin: 7% 0% 0% 0%;
 +
    padding-bottom: 5%;
 +
    padding-top: 5%;
 +
   
 +
}
 +
 +
.mybutton {
 +
    background-color: #2ecd70;
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
 +
    -moz-box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
 +
    box-shadow: 0px 10px 0px 0px rgba(43, 191, 104, 1);
 +
    border: none;
 +
    cursor: pointer;
 +
}
 +
 +
 +
 +
.mybutton:active {
 +
    -webkit-box-shadow: 0px 5px 0px 0px rgba(43, 191, 104, 1);
 +
    ;
 +
    -moz-box-shadow: 0px 5px 0px 0px rgba(43, 191, 104, 1);
 +
    ;
 +
    box-shadow: 0px 5px 0px 0px rgba(43, 191, 104, 1);
 +
    ;
 +
    transform: translateY(5px);
 +
}
 +
 +
.panel {
 +
border: none;
 +
}
 +
 +
 +
 +
<!-- #sideMenu .mainMenu_toggle {
 +
    margin-right: 0px;
 +
} -->
 +
  
 
.jumbotron {
 
.jumbotron {
−
     background-image: url(green.jpg);
+
     background-image: url(https://static.igem.org/mediawiki/2016/d/da/T--Uppsala--main_lab_blurry.png);
−
     height: 500px;
+
     /*background-image: url(https://static.igem.org/mediawiki/2016/4/42/Uppsala_jumbotron_header.jpeg); */
−
    padding-top: 100px;
+
 
     background-size: cover;
 
     background-size: cover;
 +
}
 +
 +
.jumbotron img {
 +
    height: 60%;
 +
    width: 60%;
 +
}
 +
 +
#header img {
 +
    height: 25%;
 +
    width: 25%;
 +
}
 +
 +
.jumbotron h1 {
 +
    margin-left: 50px;
 +
    margin-right: 50px;
 +
    padding-bottom: 40px;
 +
}
 +
 +
.jumbotron h2 {
 +
    margin: 0px;
 +
    color: white !important;
 
}
 
}
  
 
.nav {
 
.nav {
−
     border-bottom: 3px ghostwhite solid;
+
     margin-bottom: 50px;
 +
}
 +
 
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 +
      margin: 0 0 0 0;
 +
}
 +
 
 +
.team-content {
 +
border-top: 1px solid #eee;
 +
padding: 30px 30px 30px 30px;
 +
}
 +
 
 +
.nav-tabs {
 +
border-bottom: none;
 
}
 
}
  
 
.nav>li>a,
 
.nav>li>a,
−
.nav>li>a {
+
.nav>li a {
 
     font-family: 'Open Sans', sans-serif;
 
     font-family: 'Open Sans', sans-serif;
−
     color: #33FF33;
+
     color: #34495e;
−
     -webkit-transition: background-color 0.5s;
+
     -webkit-transition: background-color 0.5s, color 0.5s; /* Safari */
−
    /* Safari */
+
     transition: background-color 0.5s, color 0.5s;
−
     transition: background-color 0.5s;
+
   
 
}
 
}
  
 
.nav>li>a:focus,
 
.nav>li>a:focus,
−
.nav>li>a:hover {
+
.nav>li a:hover {
−
     background: black;
+
     background: #2ecd70;
−
     color: red;
+
     color: whitesmoke;
 
}
 
}
  
−
.jumbotron h1 {
+
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
−
    font-family: 'Lato', sans-serif;
+
     background: #7ee2a8;
−
     font-weight: 300;
+
     color: whitesmoke;
−
     color: ghostwhite;
+
−
    font-size: 80px;
+
 
}
 
}
 +
 +
.dropdown-menu > li > a {
 +
    padding: 10px 20px;
 +
}
 +
  
 
.img-thumbnail {
 
.img-thumbnail {
Line 45: Line 189:
 
}
 
}
  
−
p {
+
 
−
    color: #34495e;
+
footer {
 +
 
 +
margin-top: 100px;
 +
 
 
}
 
}
 +
 +
 +
  
 
/* Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/
 
/* Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/
Line 99: Line 249:
  
  
−
#sideMenu, #top_title {display:none;
+
#sideMenu, #top_title {
 +
  display:none;
 
}
 
}
 +
  
 
#sideMenu {
 
#sideMenu {
−
width: 200px;
+
  width: 200px;
 +
  position: fixed;
 
}
 
}
  
−
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
#content {  
 +
width: 100% !important;
 +
padding:0px;
 +
margin-top:-7px;  
 +
margin: auto;
 +
}
 +
     
 +
.expand_Submenus { height:30px |!important;}
  
−
.mainMenu_Title
+
.menuDisplay.MainPage_menu.main.expand_Submenu { height: 30px |!important;}
 
{
 
{
−
padding-right: 15px
+
width: 170 |!important;
 
}
 
}
−
 
−
body {background-color:white; }
 
 

 

−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }  
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }  
 +
 
 +
<!-- Blog stuff -->
 +
.blog-header {
 +
  padding-top: 20px;
 +
  padding-bottom: 20px;
 +
}
 +
#blog_page .blog-title {
 +
  margin-top: 30px;
 +
  margin-bottom: 0;
 +
  font-size: 60px;
 +
  color: #34495e;
 +
  font-weight: normal;
 +
}
 +
.blog-description {
 +
  font-size: 20px;
 +
  color: #999;
 +
}
 +
 
 +
/* Sidebar modules for boxing content */
 +
.sidebar-module {
 +
  padding: 15px;
 +
  margin: 0 -15px 15px;
 +
}
 +
.sidebar-module-inset {
 +
  padding: 15px;
 +
  background-color: #f5f5f5;
 +
  border-radius: 4px;
 +
}
 +
.sidebar-module-inset p:last-child,
 +
.sidebar-module-inset ul:last-child,
 +
.sidebar-module-inset ol:last-child {
 +
  margin-bottom: 0;
 +
}
 +
 
 +
/*
 +
* Blog posts
 +
*/
 +
 
 +
.blog-post {
 +
  margin-bottom: 60px;
 +
}
 +
.blog-post-title {
 +
  margin-bottom: 5px;
 +
  font-size: 40px;
 +
}
 +
.blog-post-meta {
 +
  margin-bottom: 20px;
 +
  color: #999;
 +
}
 +
 
 +
 
 +
html body div.
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 12:05, 19 October 2016