Difference between revisions of "Template:Edinburgh practices"
(17 intermediate revisions by 2 users not shown) | |||
Line 28: | Line 28: | ||
height: 100%; | height: 100%; | ||
border: 0px; | border: 0px; | ||
− | background-color: | + | background-color: #000; |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
Line 40: | Line 40: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | background-color: | + | background-color: #000; |
padding: 0px; | padding: 0px; | ||
font-size: 100%; | font-size: 100%; | ||
Line 108: | Line 108: | ||
display: table; | display: table; | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 100%; |
text-align: center; | text-align: center; | ||
color: #fff; | color: #fff; | ||
background-color: #000; | background-color: #000; | ||
− | background: url("https://static.igem.org/mediawiki/2015/ | + | background: url("https://static.igem.org/mediawiki/2015/2/26/Edigem15_Ourstory_bannerimagelq.jpeg") no-repeat bottom center scroll; |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
Line 139: | Line 139: | ||
@media(min-width:768px) { | @media(min-width:768px) { | ||
.intro { | .intro { | ||
− | height: | + | height: 100%; |
padding: 0; | padding: 0; | ||
box-shadow: 0 -100px 100px #000 inset; | box-shadow: 0 -100px 100px #000 inset; | ||
Line 153: | Line 153: | ||
} | } | ||
+ | .arrowtext | ||
+ | { | ||
+ | width: 100%; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .arrow | ||
+ | { | ||
+ | height: 50px; | ||
+ | width: 100px; | ||
+ | opacity: 0.7; | ||
+ | } | ||
/*foreword*/ | /*foreword*/ | ||
Line 166: | Line 178: | ||
font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | ||
font-size: 22px; | font-size: 22px; | ||
− | |||
line-height: 22px; | line-height: 22px; | ||
text-color: #fff; | text-color: #fff; | ||
Line 191: | Line 202: | ||
font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | ||
font-size: 40px; | font-size: 40px; | ||
− | |||
line-height: 40px; | line-height: 40px; | ||
} | } | ||
Line 226: | Line 236: | ||
font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | ||
font-size: 16px; | font-size: 16px; | ||
− | |||
font-weight: 400; | font-weight: 400; | ||
} | } | ||
Line 359: | Line 368: | ||
.timeline .timeline-body>ul { | .timeline .timeline-body>ul { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
− | color:# | + | color:#fff; |
} | } | ||
/*Style for even div.line*/ | /*Style for even div.line*/ | ||
Line 498: | Line 507: | ||
} | } | ||
} | } | ||
+ | |||
+ | /*menu*/ | ||
+ | |||
+ | #custom-bootstrap-menu.navbar-default .navbar-brand { | ||
+ | color: rgba(255, 255, 255, 1); | ||
+ | } | ||
+ | #custom-bootstrap-menu.navbar-default { | ||
+ | font-size: 18px; | ||
+ | background-color: rgba(34, 34, 34, 1); | ||
+ | border-bottom-width: 0px; | ||
+ | } | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a { | ||
+ | color: rgba(255, 255, 255, 1); | ||
+ | background-color: rgba(34, 34, 34, 1); | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover, | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { | ||
+ | color: rgba(255, 255, 255, 1); | ||
+ | background-color: rgba(87, 86, 86, 1); | ||
+ | } | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a, | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover, | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus { | ||
+ | color: rgba(255, 255, 255, 1); | ||
+ | background-color: rgba(87, 86, 86, 1); | ||
+ | } | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-toggle { | ||
+ | border-color: #575656; | ||
+ | } | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-toggle:hover, | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-toggle:focus { | ||
+ | background-color: #575656; | ||
+ | } | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar { | ||
+ | background-color: #575656; | ||
+ | } | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar, | ||
+ | #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar { | ||
+ | background-color: #222222; | ||
+ | } | ||
+ | |||
+ | /*end menu*/ | ||
</style> | </style> |
Latest revision as of 21:27, 18 September 2015