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

 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/* Default Styles */
 
 
<html>
 
<html>
 
<style>
 
<style>
Line 6: Line 5:
 
}
 
}
  
 +
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{
 
h1{
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
Line 23: Line 37:
 
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;
 +
}
 +
 
 +
strong{
 +
color: #50929c;
 
}
 
}
  
 
hr{
 
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{
 +
 
}
 
}
  
Line 63: 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 */
 
}
 
}
  
Line 97: Line 193:
 
   min-height: 101%;
 
   min-height: 101%;
 
   color: #648799;
 
   color: #648799;
−
   background-color: #add6ef;
+
   background-color: #272827; /*686868*/
 
   border-color: transparent;
 
   border-color: transparent;
 
   border-left-width: 1px;
 
   border-left-width: 1px;
Line 146: Line 242:
  
 
#NavigationBar .mydrop{
 
#NavigationBar .mydrop{
−
background-color: #b4daf0;
+
background-color: #272827; /*686968*/
 
border-color: transparent;
 
border-color: transparent;
 
}
 
}
  
 
#NavigationBar .lactoshieldband{
 
#NavigationBar .lactoshieldband{
−
color: #686968;
+
color: #93cae9; /*b4daf0*/
 
}
 
}
  
Line 171: Line 267:
 
   font-weight: normal;
 
   font-weight: normal;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
−
   color: #686968;
+
   color: #b4daf0;
 
   white-space: nowrap;
 
   white-space: nowrap;
 
}
 
}
Line 181: Line 277:
  
 
#NavigationBar .navbar-inverse .navbar-nav > li > a {
 
#NavigationBar .navbar-inverse .navbar-nav > li > a {
−
   color: #686968;
+
   color: #93cae9; /*b4daf0*/
 
}
 
}
  
Line 187: Line 283:
 
top: 16px;
 
top: 16px;
 
border-color: transparent;
 
border-color: transparent;
−
background-color: #b4daf0;
+
background-color: #272827; /*686968*/
 
}
 
}
  
Line 194: Line 290:
 
#NavigationBar .navbar-inverse .navbar-nav > .open > a:focus {
 
#NavigationBar .navbar-inverse .navbar-nav > .open > a:focus {
 
   color: #50929c;
 
   color: #50929c;
−
   background-color: #add6ef;
+
   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 209: Line 333:
  
 
.jumbotron{
 
.jumbotron{
−
background-image: url(../images/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 220: 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 255: Line 393:
 
#home{
 
#home{
 
background-color: #ffffff;
 
background-color: #ffffff;
 +
}
 +
#contact{
 +
background-color: #b4daf0;
 +
}
 +
 +
#sponers{
 +
padding-bottom: 5%;
 
}
 
}
  
Line 265: Line 410:
 
}
 
}
  
 +
/* Contact Section */
 +
.socialicon{
 +
color: #333333;
 +
}
  
 
/* PROJECT */
 
/* PROJECT */
Line 287: Line 436:
 
text-align: justify;
 
text-align: justify;
 
}
 
}
 +
.tablestyle{
 +
padding-top: 5%;
 +
}
 +
</style>
 +
</html>

Latest revision as of 06:37, 30 November 2016