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

 
(194 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
 +
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 +
    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 {
 
     display:none;
 
     display:none;
Line 8: Line 26:
 
     text-align: center;
 
     text-align: center;
 
}
 
}
−
h4.bottom {
+
 
 +
.font-12 {
 +
    font-size: 12px;
 +
}
 +
 
 +
.bottom {
 
     color: #000000;
 
     color: #000000;
 
     border-bottom: 1px solid #aaa;
 
     border-bottom: 1px solid #aaa;
 
}
 
}
  
−
div.team {
+
div.team b {
 +
    font-size: 15px;
 +
}
 +
 
 +
div.includeimage {
 
     clear: left;
 
     clear: left;
 +
    display: table;
 
}
 
}
  
−
p.team {
+
div.includeimage p {
−
     float: left;
+
     display: table-cell;
 +
}
 +
 +
.displaytable {
 +
  display: table;
 +
  table-layout: fixed;
 +
  width: 100%;
 
}
 
}
  
−
.hangingindent {
+
.displaycell {
−
  padding-left: 22px ;
+
  vertical-align: middle; !important
−
  text-indent: 22px ;
+
  text-align:center;
 
}
 
}
 +
 +
.navbar-default {
 +
    background-color: #E7E7E7;
 +
    border-color: #e7e7e7;
 +
}
 +
 +
p {
 +
  text-align:justify
 +
}
 +
 +
.color-footer {
 +
  background-color: #F0EEEE;
 +
  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