Difference between revisions of "Template:Team:UGent Belgium/customCSS"

 
(137 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<style>
 
<style>
  
−
* {
+
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
−
  font-size: 12px;
+
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-weight: 500;
 +
    line-height: 1.2;
 +
    color: #317eac !important;  
 
}
 
}
 +
 +
h4 > a, .content_wrapper a  {
 +
    color: #2fa4e7 !important;
 +
    text-decoration: none;
 +
}
 +
 +
.navbar .navbar-nav > li > a{
 +
color: white !important;
 +
}
 +
  
 
.menu_wrapper {
 
.menu_wrapper {
Line 14: Line 27:
 
}
 
}
  
−
h4.bottom {
+
.font-12 {
 +
    font-size: 12px;
 +
}
 +
 
 +
.bottom {
 
     color: #000000;
 
     color: #000000;
 
     border-bottom: 1px solid #aaa;
 
     border-bottom: 1px solid #aaa;
Line 29: Line 46:
  
 
div.includeimage p {
 
div.includeimage p {
−
    vertical-align: middle;
 
 
     display: table-cell;
 
     display: table-cell;
−
    text-align:justify
+
}
 +
 +
.displaytable {
 +
  display: table;
 +
  table-layout: fixed;
 +
  width: 100%;
 +
}
 +
 
 +
.displaycell {
 +
  vertical-align: middle; !important
 +
  text-align:center;
 +
}
 +
 
 +
.navbar-default {
 +
    background-color: #E7E7E7;
 +
    border-color: #e7e7e7;
 
}
 
}
  
Line 38: Line 69:
 
}
 
}
  
−
a {
+
.color-footer {
−
   margin-right: 0px;  
+
   background-color: #F0EEEE;
−
   padding-right: 0px;
+
   overflow: hidden;
 
}
 
}
 +
 +
.color-footer2 {
 +
  background-color: #E3E3E3;
 +
  overflow: hidden;
 +
}
 +
 +
.enlarge:hover {
 +
transform:scale(2,2);
 +
transform-origin:0 0;
 +
}
 +
 +
li.borderless {
 +
  border-top: 0 none;
 +
}
 +
 +
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
 +
    border-top: 0 none;
 +
}
 +
 +
#vgemcollaboration {
 +
background-image:url('https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png');
 +
position:relative;
 +
top:0;
 +
left:0;
 +
background-size:180px 220px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/
 +
width:180px;
 +
height:220px;
 +
        z-index:100;
 +
}
 +
 +
#vgemcollaboration:hover {
 +
background-image:url('https://static.igem.org/mediawiki/2016/a/a5/T--Virginia--collabclosed.png');
 +
}
 +
 +
#vgemcollaboration a {
 +
width:100%;
 +
height:100%;
 +
display:inline-block;
 +
}
 +
 +
 +
.tg  {
 +
  border-collapse:collapse; !important
 +
  border-spacing:0; !important
 +
  margin:0px auto; !important
 +
}
 +
 +
.tg td {font-family:Arial, sans-serif;
 +
  font-size:14px; !important
 +
  padding:10px 5px; !important
 +
  border-style:solid; !important
 +
  border-width:1px; !important
 +
  overflow:hidden; !important
 +
  word-break:normal; !important
 +
}
 +
 +
.tg th {
 +
  font-family:Arial, sans-serif; !important
 +
  font-size:14px; !important
 +
  font-weight:normal; !important
 +
  padding:10px 5px; !important
 +
  border-style:solid; !important
 +
  border-width:1px; !important
 +
  overflow:hidden; !important
 +
  word-break:normal; !important
 +
}
 +
 +
.tg .tg-rg0h {
 +
  font-size:12px; !important
 +
  text-align:center; !important
 +
  vertical-align:top !important
 +
}
 +
 +
.tg .tg-yw4l  {
 +
  font-size:12px; !important
 +
  text-align:center; !important
 +
  vertical-align:top !important
 +
}
 +
 +
li.check:before {
 +
    content: '✔ '; 
 +
    margin-left: -1em; margin-right: .100em;
 +
}
 +
 +
ul.check{
 +
   
 +
  padding-left:20px;
 +
  text-indent:2px;
 +
    list-style: none;
 +
  list-style-position:outside;
 +
 
 +
}
 +
 +
a.bronze  {
 +
  color:#c4bd97; !important
 +
}
 +
 +
// Get boxes on home page to be the same height
 +
@media only screen and (min-width : 481px) {
 +
    .flex-row {
 +
        display: flex;
 +
        flex-wrap: wrap;
 +
    }
 +
    .flex-row > [class*='col-'] {
 +
        display: flex;
 +
        flex-direction: column;
 +
    }
 +
    .flex-row.row:after,
 +
    .flex-row.row:before {
 +
        display: flex;
 +
    }
 +
}
 +
 +
 +
img {
 +
  vertical-align: middle; !important
 +
}
 +
 +
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 22:49, 18 October 2016