|
|
Line 1: |
Line 1: |
| {{Team:Vilnius-Lithuania/Vilnius15_Style}} | | {{Team:Vilnius-Lithuania/Vilnius15_Style}} |
| + | {{Team:Vilnius-Lithuania/Vilnius15_Header}} |
| | | |
| <html> | | <html> |
| <body> | | <body> |
− | <style>
| |
− | #top_menu_14 {
| |
− | background-color: rgb(120, 65, 54);
| |
− | border: none;
| |
− | }
| |
− | #top_menu_14 a {
| |
− | color: rgb(212,200,178) !important;
| |
− | }
| |
− | div#content {
| |
− | margin-top: 50px;
| |
− | border: none;
| |
− | padding: 10px 15px;
| |
− | width: 1000px;
| |
− | }
| |
− |
| |
− | div#bodyContent p:nth-of-type(2) {
| |
− | margin: 0px;
| |
− | height: 0px;
| |
− | }
| |
− |
| |
− | .b-default {
| |
− | border: 1px solid rgb(120, 65, 54);
| |
− | }
| |
− | .b-default-h {
| |
− | border-left: 1px solid rgb(120, 65, 54);
| |
− | border-right: 1px solid rgb(120, 65, 54);
| |
− | }
| |
− |
| |
− | .b-default-v {
| |
− | border-top: 1px solid rgb(120, 65, 54);
| |
− | border-bottom: 1px solid rgb(120, 65, 54);
| |
− | }
| |
− |
| |
− | .b-default-top {
| |
− | border-top: 1px solid rgb(120, 65, 54);
| |
− | }
| |
− |
| |
− | .b-default-bottom {
| |
− | border-bottom: 1px solid rgb(120, 65, 54);
| |
− | }
| |
− | .relative {
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | .header a {
| |
− | opacity: 0.7;
| |
− | font-size: 12px;
| |
− | float: right;
| |
− | background-color: rgb(212,200,178);
| |
− | padding: 0px 2px;
| |
− | color: rgb(120, 65, 54);
| |
− | text-decoration: none;
| |
− | position: absolute;
| |
− | top: 10px;
| |
− | right: 10px;
| |
− | }
| |
− | .header a:hover {
| |
− | opacity: 1;
| |
− | color: white;
| |
− | text-decoration: none;
| |
− | }
| |
− | </style>
| |
− | <header class="container-fluid">
| |
− | <div class="row b-default relative" style="margin-bottom: 15px; background-color: rgb(120,65,54);">
| |
− | <div class="col-md-12 text-center header" style="padding-top: 25px; padding-bottom: 25px;">
| |
− | <img src="http://s15.postimg.org/u27vdjenv/Vilniusi_GEM_logo_stilizuotas.png" height="150px" />
| |
− | <a class="igem_homepage" href="https://igem.org/Main_Page">iGEM homepage</a>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <!-- navigation -->
| |
− | <style>
| |
− |
| |
− | #cssmenu ul {
| |
− | list-style: none;
| |
− | }
| |
− |
| |
− | #cssmenu a {
| |
− | text-decoration: none;
| |
− | }
| |
− |
| |
− | #cssmenu {
| |
− | height: 70px; /* This is for the main menu bit at the top */
| |
− | }
| |
− |
| |
− | #cssmenu > ul {
| |
− | text-align: center;
| |
− | }
| |
− | /* background-color: #784136; */
| |
− | #cssmenu > ul > li {
| |
− | display: inline-block;
| |
− | margin-left: 15px; /* This is when the drop down box appears */
| |
− | position: relative;
| |
− | z-index: 1;
| |
− | }
| |
− | #cssmenu > ul > li > a {
| |
− | color: rgb(120, 65, 54);
| |
− | letter-spacing: 2px;
| |
− | font-family: Verdana, 'Lucida Grande';
| |
− | font-size: 14px;
| |
− | line-height: 70px; /* This bit chances the size of the text on the main heading */
| |
− | padding: 15px 24px; /* This is the padding between the different titles */
| |
− | -webkit-transition: color .15s;
| |
− | -moz-transition: color .15s;
| |
− | -o-transition: color .15s;
| |
− | transition: color .15s;
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li > a:hover {
| |
− | color: rgb(250, 250, 250);
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li > ul {
| |
− | opacity: 0;
| |
− | visibility: hidden;
| |
− | padding: 16px 0 20px 0;
| |
− | background-color: rgb(250, 250, 250);
| |
− | text-align: left; /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
| |
− | position: absolute;
| |
− | top: 55px; /* This is for the drop down annimation */
| |
− | left: 50%;
| |
− | margin-left: -90px;
| |
− | width: 180px;
| |
− | -webkit-transition: all .3s .1s;
| |
− | -moz-transition: all .3s .1s;
| |
− | -o-transition: all .3s .1s;
| |
− | transition: all .3s .1s;
| |
− | -webkit-border-radius: 2px;
| |
− | -moz-border-radius: 2px;
| |
− | border-radius: 2px;
| |
− | background-color: #784136;
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li:hover > ul {
| |
− | opacity: 1;
| |
− | top: 65px; /* This is how far from the top the drop down annimation will go */
| |
− | visibility: visible;
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li > ul:before {
| |
− | content: '';
| |
− | display: block;
| |
− | border-color: transparent transparent #784136 transparent;
| |
− | border-style: solid;
| |
− | border-width: 10px; /* The border on the drop down box */
| |
− | position: absolute;
| |
− | top: -20px;
| |
− | left: 50%;
| |
− | margin-left: -10px;
| |
− | }
| |
− |
| |
− | #cssmenu > ul ul > li {
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul a {
| |
− | /* This is the drop down menu, change font or size when its drops down */
| |
− | color: white;
| |
− | font-family: Verdana, 'Lucida Grande';
| |
− | font-size: 13px;
| |
− | background-color: #784136;
| |
− | padding: 5px 8px 7px 16px;
| |
− | display: block;
| |
− | -webkit-transition: background-color .1s;
| |
− | -moz-transition: background-color .1s;
| |
− | -o-transition: background-color .1s;
| |
− | transition: background-color .1s;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul a:hover {
| |
− | background-color: rgb(212,200,178);
| |
− |
| |
− | }
| |
− |
| |
− | #cssmenu ul ul a:hover {
| |
− | background-color: rgb(212,200,178);
| |
− | color: #784136;
| |
− | }
| |
− | </style>
| |
− | <nav class="row" style="background-color: #D7CBB5;">
| |
− | <div id="cssmenu" class="col-md-12 text-center">
| |
− | <ul class="list-unstyled list-inline">
| |
− | <li><a href='#'>Home</a>
| |
− |
| |
− | <li class='has-sub'><a href="">Project</a>
| |
− | <ul>
| |
− | <li><a href="#">A</a></li>
| |
− | <li><a href="#">B</a></li>
| |
− | </ul>
| |
− | <li class='has-sub'><a href="">Results</a>
| |
− | <ul>
| |
− | <li><a href="#">A</a></li>
| |
− | <li><a href="#">B</a></li>
| |
− | </ul>
| |
− | <li class='has-sub'><a href="">Team</a>
| |
− | <ul>
| |
− | <li><a href="#">Members</a></li>
| |
− | <li><a href="#">Sponsors</a></li>
| |
− | <li><a href="#">Collaborations</a></li>
| |
− | <li><a href="#">Pictures</a></li>
| |
− | <li><a href="#">Timeline</a></li>
| |
− | <li><a href="#">Attributions</a></li>
| |
− | <li><a href="#">Judging</a></li>
| |
− | </ul>
| |
− | <li class='has-sub'><a href="">Notebook</a>
| |
− | <ul>
| |
− | <li><a href="#">Labjournal</a></li>
| |
− | <li><a href="#">Methods</a></li>
| |
− | </ul>
| |
− | <li class='has-sub'><a href="">Outreach</a>
| |
− | <ul>
| |
− | <li><a href="#">A</a></li>
| |
− | <li><a href="#">B</a></li>
| |
− | </ul>
| |
− |
| |
− | </ul>
| |
− | </div>
| |
− | </nav >
| |
− | <!-- /navigation -->
| |
− | </header>
| |
− |
| |
| <section class="container-fluid" style="padding: 0px;"> | | <section class="container-fluid" style="padding: 0px;"> |
| <div class="row"> | | <div class="row"> |