Difference between revisions of "Template:Aalto-Helsinki/CSS"
m |
m |
||
| Line 2: | Line 2: | ||
<!-- Latex --> | <!-- Latex --> | ||
| + | <!-- This is for now linked from somewhere else than from our page because I don't know how to do that --> | ||
<script type="text/x-mathjax-config"> | <script type="text/x-mathjax-config"> | ||
MathJax.Hub.Config({ | MathJax.Hub.Config({ | ||
| Line 10: | Line 11: | ||
| + | <!-- Styles --> | ||
<style type="text/css"> | <style type="text/css"> | ||
| Line 34: | Line 36: | ||
display: none; | display: none; | ||
} | } | ||
| − | /*Tried to make the content | + | /*Tried to make the content width the whole page... Not the stupid box*/ |
#globalWrapper, #content{ | #globalWrapper, #content{ | ||
width: 100%; | width: 100%; | ||
| Line 44: | Line 46: | ||
body { | body { | ||
height: 100%; | height: 100%; | ||
| − | background: url("../images/background.png") no-repeat; | + | /*background: url("../images/background.png") no-repeat; |
| − | background-size: 100% 180%; | + | background-size: 100% 180%;*//*We don't currently have our background image*/ |
} | } | ||
body { | body { | ||
| Line 106: | Line 108: | ||
/* Journal settings */ | /* Journal settings */ | ||
| + | /*This surrounds the whole entry, has a purple line on the left side*/ | ||
.entry{ | .entry{ | ||
border-left-style: solid; | border-left-style: solid; | ||
border-color: #639FAB; | border-color: #639FAB; | ||
margin: 0px; | margin: 0px; | ||
| − | padding: 10px 0 0 25px; | + | padding: 10px 0 0 25px; |
position: relative; | position: relative; | ||
/*padding-left: 5px; | /*padding-left: 5px; | ||
border-left-style: solid;*/ | border-left-style: solid;*/ | ||
} | } | ||
| + | /*Styling for the text in the entry*/ | ||
.entrytext{ | .entrytext{ | ||
display: inline; | display: inline; | ||
} | } | ||
| + | /*How the day is displayed*/ | ||
.day{ | .day{ | ||
border-style: none; | border-style: none; | ||
display: inline; | display: inline; | ||
} | } | ||
| + | /*Styling for month*/ | ||
.month{ | .month{ | ||
| − | margin: 0 0 0 0; /* why the hell doesn't this work!!!!???? */ | + | margin: 0 0 0 0; /* <- why the hell doesn't this work!!!!???? There is still a gab under the month. */ |
padding: 15px 0 0 20px; | padding: 15px 0 0 20px; | ||
border-left-style: solid; | border-left-style: solid; | ||
border-color: #639FAB; | border-color: #639FAB; | ||
} | } | ||
| − | . | + | /*Styling the pictures in the journal so that there is also the left line so that it aligns with others.*/ |
| − | + | ||
| − | + | ||
.journalpic{ | .journalpic{ | ||
width:30%; | width:30%; | ||
height:30%; | height:30%; | ||
padding: 0 35% 0 35%; | padding: 0 35% 0 35%; | ||
| − | border-left-style: solid; | + | border-left-style: solid; |
border-color: #639FAB; | border-color: #639FAB; | ||
} | } | ||
| + | /*Journal pics when mouse is over them*/ | ||
.journalpic:hover{ | .journalpic:hover{ | ||
width:50%; | width:50%; | ||
| Line 145: | Line 150: | ||
border-color: #639FAB; | border-color: #639FAB; | ||
} | } | ||
| + | /*The small picture in front of every entry*/ | ||
.entrylogo{ | .entrylogo{ | ||
padding-top: 10px; | padding-top: 10px; | ||
| Line 156: | Line 162: | ||
/* Team settings */ | /* Team settings */ | ||
| + | /*If we want to style the whole div each member is inside of. */ | ||
.teammember{ | .teammember{ | ||
} | } | ||
| + | /*Styling of member names.*/ | ||
.membername{ | .membername{ | ||
border-style: none; | border-style: none; | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
| + | /*Styling the description of each member.*/ | ||
.memberdescription{ | .memberdescription{ | ||
margin-top: 10px; | margin-top: 10px; | ||
| Line 170: | Line 179: | ||
/*--------------------------------------------------------------------------------------------------*/ | /*--------------------------------------------------------------------------------------------------*/ | ||
/* Main menu settings */ | /* Main menu settings */ | ||
| + | |||
#centeredmenu { | #centeredmenu { | ||
clear:both; | clear:both; | ||
| Line 322: | Line 332: | ||
<div class="inner cover"> | <div class="inner cover"> | ||
| + | |||
| + | <!-- Aalto-Helsinki logo with text --> | ||
<p class="lead"><img src="https://static.igem.org/mediawiki/2015/7/74/Aalto-Helsinki_black_logo_text.png" style="width:75%;height:75%"></img> </p> | <p class="lead"><img src="https://static.igem.org/mediawiki/2015/7/74/Aalto-Helsinki_black_logo_text.png" style="width:75%;height:75%"></img> </p> | ||
</div> | </div> | ||
| + | |||
| + | <!-- Navigation bar --> | ||
<div id="centeredmenu"> | <div id="centeredmenu"> | ||
<ul> | <ul> | ||
Revision as of 07:07, 17 June 2015
