(43 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | <html> | |
− | + | <style> | |
body{ | body{ | ||
background-color: #ffffff; | background-color: #ffffff; | ||
} | } | ||
+ | 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 22: | 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; | ||
} | } | ||
− | |||
− | |||
− | |||
p{ | p{ | ||
font-family: "Trebuchet MS", Helvetica, sans-serif; | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
font-size: large; | font-size: large; | ||
− | line-height: | + | line-height: 3em; |
text-align: center; | text-align: center; | ||
− | color: # | + | color: #686968; |
+ | } | ||
+ | |||
+ | strong{ | ||
+ | color: #50929c; | ||
} | } | ||
hr{ | hr{ | ||
width: 50%; | width: 50%; | ||
− | color: | + | color: #686968; |
display: block; | display: block; | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
Line 46: | 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 67: | Line 125: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.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 87: | 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 101: | Line 193: | ||
min-height: 101%; | min-height: 101%; | ||
color: #648799; | color: #648799; | ||
− | background-color: # | + | 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 126: | 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 141: | 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 155: | Line 333: | ||
.jumbotron{ | .jumbotron{ | ||
− | background-image: | + | 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*/ | ||
− | |||
background-attachment: fixed; | background-attachment: fixed; | ||
background-position: center; | background-position: center; | ||
Line 166: | 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 201: | Line 393: | ||
#home{ | #home{ | ||
background-color: #ffffff; | background-color: #ffffff; | ||
+ | } | ||
+ | #contact{ | ||
+ | background-color: #b4daf0; | ||
+ | } | ||
+ | |||
+ | #sponers{ | ||
+ | padding-bottom: 5%; | ||
} | } | ||
Line 211: | Line 410: | ||
} | } | ||
+ | /* Contact Section */ | ||
+ | .socialicon{ | ||
+ | color: #333333; | ||
+ | } | ||
/* PROJECT */ | /* PROJECT */ | ||
Line 233: | Line 436: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
+ | .tablestyle{ | ||
+ | padding-top: 5%; | ||
+ | } | ||
+ | </style> | ||
+ | </html> |
Latest revision as of 06:37, 30 November 2016