Difference between revisions of "Template:Team:TU Eindhoven/Design CSS"
Jan Willem (Talk | contribs) |
|||
| Line 115: | Line 115: | ||
width: 960px; | width: 960px; | ||
float: left; | float: left; | ||
| + | } | ||
| + | |||
| + | .tourButton{ | ||
| + | display:inline-block; | ||
| + | position:absolute; | ||
| + | top:10px; | ||
| + | right:10px; | ||
| + | } | ||
| + | |||
| + | #wikiTour { | ||
| + | position:fixed; | ||
| + | right:3%; | ||
| + | bottom:3%; | ||
| + | width:12%; | ||
| + | height:25%; | ||
| + | } | ||
| + | |||
| + | #nextChapter { | ||
| + | position:relative; | ||
| + | padding:12px; | ||
| + | background-color: #b0c4de; | ||
| + | margin: 5px 0px; | ||
| + | } | ||
| + | |||
| + | #moreDepth { | ||
| + | position:relative; | ||
| + | padding:12px; | ||
| + | background-color: #b0c4de; | ||
| + | margin: 5px 0px; | ||
} | } | ||
Revision as of 20:46, 17 September 2015
#containercontent{ text-align: justify; overflow: auto; } #imageText { width:100%; overflow:hidden; } .textImage { width:100%; overflow: hidden; margin: 10px 0px; } .left1 { float:left; width:58%; text-align: justify; } .left2 { float:left; width:72%; text-align: justify; } .right2i { float:right; width:72%; text-align: justify; } .left2imglink { display:block; float:right; width:23%; text-align:justify; overflow:hidden; position:relative; } .right2imglink { display:block; float:left; width:23%; text-align:justify; overflow:hidden; position:relative; } .linkImg { width:100%; } .linkTxt{ background-color:rgba(255,255,255,0.5); height:60%; padding:10px; position:absolute; bottom:-100%; transition: all 0.5s ease; } .left2imglink:hover .linkTxt { background-color:rgba(255,255,255,0.9); bottom:0; } .right2imglink:hover .linkTxt { background-color:rgba(255,255,255,0.9); bottom:0; } .right1{ float:right; width:35%; text-align: justify; } .right2{ float:right; width:58%x; text-align: justify; } .right2text { float:left; width:40%; text-align: justify; } .center { display: block; margin-left: auto; margin-right: auto; } .columnleft { float:left; width:calc(45%); text-align: justify; } .columnright { float:right; width:calc(45%); text-align: justify; } .references { width: 960px; float: left; } .tourButton{ display:inline-block; position:absolute; top:10px; right:10px; } #wikiTour { position:fixed; right:3%; bottom:3%; width:12%; height:25%; } #nextChapter { position:relative; padding:12px; background-color: #b0c4de; margin: 5px 0px; } #moreDepth { position:relative; padding:12px; background-color: #b0c4de; margin: 5px 0px; }