Difference between revisions of "Template:BRHS/Template/CSS"

 
(21 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
/*The following code was adapted from UCLA iGEM 2015*/
 
 
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
Line 57: Line 56:
 
top: 0;
 
top: 0;
 
position: fixed;
 
position: fixed;
−
width: 1075px;  
+
width: 975px;  
 
left: 50%;  
 
left: 50%;  
−
margin-left: -487px;
+
margin-left: 87px;
 
}
 
}
  
Line 80: Line 79:
 
body {  
 
body {  
 
background-color: #fff;
 
background-color: #fff;
 +
}
  
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 90%;
 +
height: 100%;
 +
border: 20px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
  
 
html, body, .wrapper { /*-- changes default wiki settings --*/
 
html, body, .wrapper { /*-- changes default wiki settings --*/
 
width: 100%;  
 
width: 100%;  
 
height: 100%;  
 
height: 100%;  
−
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');
+
margin-left: 50px;
 +
margin-right: 10px;
 
         /*background-size: cover;*/
 
         /*background-size: cover;*/
 
}
 
}
Line 96: Line 105:
 
font-weight: normal;  
 
font-weight: normal;  
 
font-size: 14px;  
 
font-size: 14px;  
−
color: #FFFFFF;
+
color: #414141;
−
width: 760px;  
+
width: 960px;  
−
margin-left: 80px;  
+
margin-left: 50px;  
−
margin-right: 80px;  
+
margin-right: 50px;  
 
background-color: #transparent;  
 
background-color: #transparent;  
 
margin-top: 0px;  
 
margin-top: 0px;  
Line 376: Line 385:
  
  
−
<!--SIDE MENU BAR-->
 
−
<style type="text/css">
 
−
#side_menu{
 
−
    position:fixed;
 
−
    background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');
 
−
    background-repeat: no-repeat;
 
−
    background-position: -540px -10px;
 
−
    top:-50px;
 
−
    left:-170px;
 
−
    width:150px;
 
−
    height:1070px;
 
−
    padding: 80px 50px 0 0;
 
−
    /*border: 2px solid #D46A6A;*/
 
−
    /*border-radius: 25px;*/
 
−
    margin-bottom: 20px;
 
−
    margin-top: 10px;
 
−
    z-index:21;
 
−
}
 
−
#side_menu #side_menu_title{
 
−
    text-align:center;
 
−
    font-family:Papyrus;
 
−
    /*text-decoration:none;*/
 
−
}
 
−
#side_menu .sidebar_link{
 
−
    position: absolute;
 
−
    background-size: cover;
 
  
−
   
 
−
    /*text-decoration:none;*/
 
−
}
 
−
#side_menu #link1{
 
−
    top: 17%;
 
−
    left: 5%;
 
−
}
 
−
#side_menu #link2{
 
−
    top: 27%;
 
−
    left: 24%;
 
−
}
 
−
#side_menu #link3{
 
−
    top: 37%;
 
−
    left: 12%;
 
−
}
 
−
#side_menu #link4{
 
−
    top: 47%;
 
−
    left: 26%;
 
−
}
 
−
#side_menu #link5{
 
−
    top: 57%;
 
−
    left: 8%;
 
−
}
 
−
#side_menu #link6{
 
−
    top: 65%;
 
−
    left: 25%;
 
−
    background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');
 
−
    width: 100px;
 
−
    height: 68px;
 
−
}
 
−
#side_menu a{
 
−
    color: black;
 
−
    font-family: 'Bad Script', cursive;
 
−
    padding:18px 5px 15px 5px;
 
−
    text-decoration:none;
 
−
    width:98px;
 
−
    display:block;
 
−
    text-align:center;
 
−
    font-size:18px;
 
−
}
 
−
</style>
 
  
  

Latest revision as of 12:54, 18 October 2016

.MathJax nobr>span.math>span{border-left-width:0 !important};