Difference between revisions of "Template:Linkoping Sweden"

Line 1: Line 1:
 +
{{Linkoping_Sweden/Fonts}}
 +
 
<html>
 
<html>
 
<style>
 
<style>
−
#sideMenu, #top_title {display:none;}
+
/********************************* DEFAULT WIKI SETTINGS  ********************************/
−
#content { padding:0px; width:100%; margin-top:-7px; margin: auto; background-color:#f9f9f9}
+
 
−
body {background-color:#f9f9f9; }
+
#sideMenu, #top_title {
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
    display: none;
 +
}
 +
 
 +
#content {
 +
    padding: 0;
 +
    width: 100%;
 +
    margin-top: -7px;
 +
    margin: auto;
 +
    background-color: #f9f9f9
 +
}
 +
 
 +
body {
 +
    background-color: #f9f9f9;
 +
}
 +
 
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
    margin-bottom: 0;
 +
}
 +
 
 +
/*****************************************************************************************/
 +
 
 +
.menu {
 +
    margin: 0 auto;
 +
    width: 1000px;
 +
 
 +
 
 +
    margin-top: 30px;
 +
 
 +
    background: #fff;
 +
}
 +
 
 +
.menu img {
 +
    width: 200px;
 +
    height: 141px;
 +
    padding: 30px;
 +
    padding-top: 20px;
 +
}
 +
 
 +
.menu .head {
 +
    display: flex;
 +
    position: relative;
 +
    #overflow: hidden;
 +
    background: url('https://static.igem.org/mediawiki/2016/b/bf/T--Linkoping_Sweden--LiU_bike_bg.jpg');
 +
    background-size: cover;
 +
}
 +
 
 +
.menu .head div {
 +
    align-items: stretch;
 +
    text-align: center;
 +
    width: 90px;
 +
 
 +
    background-size: cover;
 +
    background-position: center;
 +
    transition: all .2s;
 +
}
 +
 
 +
.menu .head div:hover {
 +
    transform: scale(1.2);
 +
    cursor: pointer;
 +
}
 +
 
 +
.menu .head div:first-of-type {
 +
    margin-left: auto;
 +
}
 +
 
 +
.menu .head div img {
 +
    width: 40px;
 +
}
 +
 
 +
#menu-facebook {
 +
    background-image: url('https://static.igem.org/mediawiki/2016/0/01/T--Linkoping_Sweden--social_fb.jpg');
 +
}
 +
 
 +
#menu-instagram {
 +
    background-image: url('https://static.igem.org/mediawiki/2016/d/d0/T--Linkoping_Sweden--social_instagram.jpg');
 +
}
 +
 
 +
#menu-twitter {
 +
    background-image: url('https://static.igem.org/mediawiki/2016/2/22/T--Linkoping_Sweden--social_twitter.jpg');
 +
}
 +
 
 +
.content-container {
 +
    width: 1000px;
 +
    margin: 0 auto;
 +
    background-color: #fff;
 +
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 +
}
 +
 
 +
.content {
 +
    background: #fff;
 +
    padding: 30px;
 +
    padding-top: 0;
 +
}
 +
 
 +
.closed-menu {
 +
    border: 1px solid #888;
 +
    border-left: none;
 +
    border-right: none;
 +
    margin: 0 20px;
 +
    margin-top: 30px;
 +
    padding: 5px;
 +
    margin-bottom: 20px;
 +
 
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-size: 15px;
 +
}
 +
 
 +
.closed-menu span {
 +
    display: inline-block;
 +
    text-align: center;
 +
    width: 19%;
 +
    padding: 10px;
 +
    box-sizing: border-box;
 +
}
 +
 
 +
.open-menu {
 +
    width: 1000px;
 +
    margin: 0 auto;
 +
    background: #FFF;
 +
 
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-size: 14px;
 +
}
 +
 
 +
.open-menu div {
 +
    display: inline-block;
 +
    width: 19%;
 +
    vertical-align: top;
 +
    padding: 20px;
 +
    box-sizing: border-box;
 +
}
 +
 
 +
.open-menu div a {
 +
    display: block;
 +
    color: #222;
 +
 
 +
    padding: 10px;
 +
}
 +
 
 +
.content {
 +
    font-family: 'Raleway', sans-serif;
 +
    font-size: 110%;
 +
}
 +
 
 +
.content h1, .content h2, .content h3, .content h4, .content h5 {
 +
    font-family: 'Playfair Display', serif;
 +
    font-size: 170%;
 +
    margin-top: 10px;
 +
    font-weight: 700;
 +
}
 +
 
 +
.content .mw-editsection {
 +
    display: none;
 +
}
 +
 
 +
.content p {
 +
    line-height: 22px;
 +
}
 +
 
 +
.content p i {
 +
    color: #222;
 +
}
 +
 
 +
.footer {
 +
    margin-top: 60px;
 +
    background-color: #000;
 +
    color: #fff;
 +
    font-family: 'Open Sans', sans-serif;
 +
 
 +
}
 +
 
 +
.footer img {
 +
    height: 140px;
 +
    vertical-align: top;
 +
}
 +
 
 +
.footer div {
 +
    display: inline-block;
 +
    padding-top: 20px;
 +
    margin-right: 60px;
 +
    margin-left: 60px;
 +
    float: right;
 +
}
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 13:36, 22 July 2016