Difference between revisions of "Template:SVCE CHENNAI/homestyle"

 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/* Default Styles */
 
 
<html>
 
<html>
 
<style>
 
<style>
−
.body{
+
body{
 
background-color: #ffffff;  
 
background-color: #ffffff;  
 
}
 
}
  
−
.h1{
+
table {
 +
    font-family: arial, sans-serif;
 +
    border-collapse: collapse;
 +
    width: 100%;
 +
}
 +
 
 +
td, th {
 +
    border: 1px solid #dddddd;
 +
    text-align: left;
 +
    padding: 8px;
 +
}
 +
 
 +
tr:nth-child(even) {
 +
    background-color: #dddddd;
 +
}
 +
h1{
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-weight: bold;
 
font-weight: bold;
Line 13: Line 27:
 
}
 
}
  
−
.h2{
+
h2{
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-weight: bold;
 
font-weight: bold;
Line 20: Line 34:
 
}
 
}
  
−
.h3{
+
h3{
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-weight: bold;
 
font-weight: bold;
−
text-align: center;
+
text-align: center;
 
color: #000000;
 
color: #000000;
 
}
 
}
  
−
.a{
 
−
    font-size: large;
 
−
}
 
  
−
.p{   
+
p{   
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-size: large;
 
font-size: large;
−
line-height: 2em;
+
line-height: 3em;
 
text-align: center;
 
text-align: center;
−
color: #000000;
+
color: #686968;
 
}
 
}
  
−
.hr{
+
strong{
 +
color: #50929c;
 +
}
 +
 
 +
hr{
 
width: 50%;
 
width: 50%;
−
color: blue;
+
color: #686968;
 
     display: block;
 
     display: block;
 
     margin-top: 0.5em;
 
     margin-top: 0.5em;
Line 47: Line 62:
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
−
     border-style: inset;
+
     border-style: inset;  
 
     border-width: 1px;
 
     border-width: 1px;
 
}
 
}
 +
.hyperlinks{
 +
color: #50929c;
 +
text-decoration: underline;
 +
}
 +
 +
 +
.hyperlinks:hover{
 +
text-decoration: none;
 +
color: #93cae9;
 +
}
 +
 +
.hyperlinks:focus{
 +
text-decoration: none;
 +
}
 +
 +
.hyperlinks:visited{
 +
text-decoration: none;
 +
}
 +
 +
.downloadlink{
 +
text-align: center;
 +
}
 +
 +
/* #8c8c8c */
 +
.mainline{
 +
    width: 50%;
 +
    padding: 0;
 +
    border: none;
 +
    border-top: medium double #686968;
 +
    color: #686968;
 +
    text-align: center;
 +
    margin-left: auto;
 +
    margin-right: auto; 
 +
}
 +
.mainline:after{
 +
  content: "§";
 +
  display: inline-block;
 +
  position: relative;
 +
  top: -0.7em;
 +
  font-size: 1.5em;
 +
  padding: 0 0.25em;
 +
  background: #fff;
 +
}
 +
 +
footer{
  
−
.img{
 
−
max-width: 100%;
 
−
margin: auto;
 
 
}
 
}
  
Line 68: Line 125:
 
}
 
}
  
−
.points li{
+
 
−
font-size: large;
+
−
line-height: 3em;
+
−
text-align: justify;
+
−
color: #000000;
+
−
list-style-type: none;
+
−
}
+
  
 
.imagecenter{
 
.imagecenter{
 
text-align: center;
 
text-align: center;
 +
}
 +
 +
.size1{
 +
width: 100%;
 +
}
 +
 +
.size2{
 +
width: 90%;
 +
}
 +
 +
.size3{
 +
width: 80%;
 +
}
 +
 +
.size4{
 +
width: 70%;
 +
}
 +
 +
.size5{
 +
width: 60%;
 +
}
 +
 +
.size6{
 +
width: 50%;
 +
}
 +
 +
.color1{
 +
color: #b4daf0; /* light blue*/
 +
}
 +
 +
.color2{
 +
color: #686968; /* grey */
 +
}
 +
 +
.color3{
 +
color: #50929c; /* green */
 +
}
 +
 +
.color4{
 +
color: #000000; /* black */
 
}
 
}
  
 
/* Default Navigation Bar */
 
/* Default Navigation Bar */
  
−
.dropdown-menu{
+
#NavigationBar .dropdown-menu{
 
     border-radius: 0px;
 
     border-radius: 0px;
 
     -webkit-box-shadow: none;
 
     -webkit-box-shadow: none;
Line 88: Line 179:
 
}
 
}
  
−
.dropdown-submenu {
+
#NavigationBar .dropdown-submenu {
 
     position: initial;
 
     position: initial;
 
}
 
}
  
−
.dropdown-submenu>.dropdown-menu {
+
#NavigationBar .dropdown-submenu>.dropdown-menu {
 
   top: 0;
 
   top: 0;
 
   left: 100%;
 
   left: 100%;
Line 102: Line 193:
 
   min-height: 101%;
 
   min-height: 101%;
 
   color: #648799;
 
   color: #648799;
−
   background-color: #222222;
+
   background-color: #272827; /*686868*/
 
   border-color: transparent;
 
   border-color: transparent;
 
   border-left-width: 1px;
 
   border-left-width: 1px;
 
}
 
}
  
−
.dropdown-submenu:hover>.dropdown-menu {
+
#NavigationBar .dropdown-submenu:hover>.dropdown-menu {
 
     display: block;
 
     display: block;
 
}
 
}
  
−
.dropdown-submenu>a:after {
+
#NavigationBar .dropdown-submenu>a:after {
 
     display: block;
 
     display: block;
 
     content: " ";
 
     content: " ";
Line 127: Line 218:
 
}
 
}
  
−
.dropdown-submenu:hover>a:after {
+
#NavigationBar .dropdown-submenu:hover>a:after {
 
     border-left-color: #fff;
 
     border-left-color: #fff;
 
}
 
}
  
−
.dropdown-submenu.pull-left {
+
#NavigationBar .dropdown-submenu.pull-left {
 
     float: none;
 
     float: none;
 
}
 
}
  
−
.dropdown-submenu.pull-left>.dropdown-menu {
+
#NavigationBar .dropdown-submenu.pull-left>.dropdown-menu {
 
     left: -100%;
 
     left: -100%;
 
     margin-left: 10px;
 
     margin-left: 10px;
Line 142: Line 233:
 
     border-radius: 6px 0 6px 6px;
 
     border-radius: 6px 0 6px 6px;
 
}
 
}
 +
 +
/* Fixing the problem caused by wiki */
 +
 +
/*
 +
#NavigationBar .mynav{
 +
float: right;
 +
}*/
 +
 +
#NavigationBar .mydrop{
 +
background-color: #272827; /*686968*/
 +
border-color: transparent;
 +
}
 +
 +
#NavigationBar .lactoshieldband{
 +
color: #93cae9; /*b4daf0*/
 +
}
 +
 +
#NavigationBar .lactoshieldband:hover{
 +
color: #50929c;
 +
}
 +
 +
#NavigationBar .dropdown-menu > li > a:hover,
 +
#NavigationBar .dropdown-menu > li > a:focus {
 +
  color: #50929c;
 +
  text-decoration: none;
 +
  background-color: transparent;
 +
}
 +
 +
#NavigationBar .dropdown-menu > li > a {
 +
  display: block;
 +
  padding: 3px 20px;
 +
  clear: both;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  color: #b4daf0;
 +
  white-space: nowrap;
 +
}
 +
 +
#NavigationBar .navbar-inverse .navbar-collapse,
 +
#NavigationBar .navbar-inverse .navbar-form {
 +
  border-color: transparent;
 +
}
 +
 +
#NavigationBar .navbar-inverse .navbar-nav > li > a {
 +
  color: #93cae9; /*b4daf0*/
 +
}
 +
 +
#NavigationBar .wikialign{
 +
top: 16px;
 +
border-color: transparent;
 +
background-color: #272827; /*686968*/
 +
}
 +
 +
#NavigationBar .navbar-inverse .navbar-nav > .open > a,
 +
#NavigationBar .navbar-inverse .navbar-nav > .open > a:hover,
 +
#NavigationBar .navbar-inverse .navbar-nav > .open > a:focus {
 +
  color: #50929c;
 +
  background-color: #2e2f2e;/*505152*/
 +
}
 +
 +
@media (min-width: 768px) {
 +
  .navbar-nav {
 +
    float: right;
 +
    margin: 0;
 +
  }
 +
  .navbar-nav > li {
 +
    float: left;
 +
  }
 +
  .navbar-nav > li > a {
 +
    padding-top: 15px;
 +
    padding-bottom: 15px;
 +
  }
 +
}
 +
 +
/* Sponsors Section */
 +
 +
#biolabs{
 +
    position: relative;
 +
    bottom: 10px;
 +
}
 +
 +
#idt{
 +
position: relative;
 +
top: 10px;
 +
}
 +
  
 
/* Default Contact Section*/
 
/* Default Contact Section*/
Line 156: Line 333:
  
 
.jumbotron{
 
.jumbotron{
−
background-image: url(https://static.igem.org/mediawiki/2016/0/07/T--SVCE_CHENNAI--CoverPicture.png);
+
background-image: url(https://static.igem.org/mediawiki/2016/d/d0/T--SVCE_CHENNAI--1_%281%29.png);
 
max-width:100%;  
 
max-width:100%;  
 
width: 100%;
 
width: 100%;
 
position: relative;
 
position: relative;
 
height: 945px; /*500px*/
 
height: 945px; /*500px*/
−
opacity: 0.7;
 
 
     background-attachment: fixed;
 
     background-attachment: fixed;
 
     background-position: center;
 
     background-position: center;
Line 167: Line 343:
 
     background-size: cover;
 
     background-size: cover;
 
margin-bottom: 0%;
 
margin-bottom: 0%;
 +
}
 +
 +
.halfjumbotron{
 +
background-image: url(https://static.igem.org/mediawiki/2016/a/a8/T--SVCE_CHENNAI--iGEM_2016_New.jpg);
 +
max-width:100%;
 +
padding-top: 120px;
 +
          width: 100%;
 +
position: relative;
 +
height: 400px; /*500px*/
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
margin-bottom: 0%;
 +
     
 
}
 
}
  
Line 202: Line 393:
 
#home{
 
#home{
 
background-color: #ffffff;
 
background-color: #ffffff;
 +
}
 +
#contact{
 +
background-color: #b4daf0;
 +
}
 +
 +
#sponers{
 +
padding-bottom: 5%;
 
}
 
}
  
Line 212: Line 410:
 
}
 
}
  
 +
/* Contact Section */
 +
.socialicon{
 +
color: #333333;
 +
}
  
 
/* PROJECT */
 
/* PROJECT */
Line 233: Line 435:
 
.attributesubheadings{
 
.attributesubheadings{
 
text-align: justify;
 
text-align: justify;
 +
}
 +
.tablestyle{
 +
padding-top: 5%;
 
}
 
}
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 06:37, 30 November 2016