Difference between revisions of "Template:Freiburg/CSS"
| (13 intermediate revisions by 3 users not shown) | |||
| Line 28: | Line 28: | ||
/* CSS for Project Pages | /* CSS for Project Pages | ||
/* Horizontal Menu for Paragraphs | /* Horizontal Menu for Paragraphs | ||
| + | /* Button for important links | ||
/* =================== END: CSS Navigation =================== */ | /* =================== END: CSS Navigation =================== */ | ||
| Line 127: | Line 128: | ||
border: 0; | border: 0; | ||
margin-bottom: -8px; | margin-bottom: -8px; | ||
| + | margin-top: 0; | ||
} | } | ||
| Line 286: | Line 288: | ||
} | } | ||
| + | .flexbox img, | ||
| + | .image_box img { | ||
| + | max-width: 100%; | ||
| + | } | ||
.image_box .thumb2, | .image_box .thumb2, | ||
| − | .image_box .thumb2 .thumbinner{ | + | .image_box .thumb2 .thumbinner, |
| + | .flexbox .thumb2, | ||
| + | .flexbox .thumb2 .thumbinner{ | ||
max-width: 80vw; | max-width: 80vw; | ||
} | } | ||
| + | /* | ||
.image_box .thumb2 .thumbinner img{ | .image_box .thumb2 .thumbinner img{ | ||
width: 100%; | width: 100%; | ||
| − | } | + | }*/ |
/* see: https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/ | /* see: https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/ | ||
| Line 302: | Line 311: | ||
display: -ms-flexbox; | display: -ms-flexbox; | ||
display: -webkit-box; | display: -webkit-box; | ||
| + | display: -webkit-flex; | ||
display: flex; | display: flex; | ||
margin: 5% 0; | margin: 5% 0; | ||
| Line 561: | Line 571: | ||
/* KOMMENTARFUNKTION */ | /* KOMMENTARFUNKTION */ | ||
.kommentar{ | .kommentar{ | ||
| + | display:none; | ||
background-color: red; | background-color: red; | ||
color: black; | color: black; | ||
| Line 568: | Line 579: | ||
} | } | ||
.kommentar_stefan{ | .kommentar_stefan{ | ||
| + | display:none; | ||
background-color: #ff1493; | background-color: #ff1493; | ||
color: black; | color: black; | ||
| Line 578: | Line 590: | ||
.todo_box{ | .todo_box{ | ||
| + | display:none; | ||
background-color: lightblue; | background-color: lightblue; | ||
border: 1px dashed; | border: 1px dashed; | ||
| Line 612: | Line 625: | ||
.background_image_left{ | .background_image_left{ | ||
| + | display: none; | ||
left:0; | left:0; | ||
bottom: -20px; | bottom: -20px; | ||
| Line 1,012: | Line 1,026: | ||
text-align: right; | text-align: right; | ||
} | } | ||
| − | |||
.content_box h2 { | .content_box h2 { | ||
| Line 1,033: | Line 1,046: | ||
font-weight: 200; | font-weight: 200; | ||
| + | } | ||
| + | |||
| + | h2.left, | ||
| + | h1.left{ | ||
| + | text-align: left; | ||
} | } | ||
| Line 1,051: | Line 1,069: | ||
} | } | ||
| + | /*========================= Style for Important Links Button =======================*/ | ||
| + | .link_button_arrow{ | ||
| + | background-image: url("https://static.igem.org/mediawiki/2015/f/ff/Freiburg_submenu_arrow.png"); | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: 3% 50%; | ||
| + | background-size: 10px 13px; | ||
| + | } | ||
| + | |||
| + | .link_button { | ||
| + | margin: 0px auto; | ||
| + | padding: 0px 5px 0px 10px; | ||
| + | width: 200px; | ||
| + | line-height: 16px; | ||
| + | text-align: center; | ||
| + | background-color: #888; | ||
| + | font-size: 14pt; | ||
| + | border-radius: 2px; | ||
| + | color: #FFF; | ||
| + | opacity: 0.8; | ||
| + | box-shadow: 1px 1px 1px 2px #777; | ||
| + | } | ||
| + | |||
| + | .link_button a:hover { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | |||
| + | .link_button a { | ||
| + | color: #FFF; | ||
} | } | ||
</style> | </style> | ||
Latest revision as of 01:45, 19 September 2015
