(Created page with ".break_header, .break_header > img{ z-index: 5; width: 100%; } .break_header{ position: relative; } .paragraph_img_left, .paragraph_img_right, .paragraph_no_img{...") |
|||
Line 114: | Line 114: | ||
.slidedown_button:hover > img{ | .slidedown_button:hover > img{ | ||
− | content: url("../ | + | content: url("https://static.igem.org/mediawiki/2017/3/3a/T--NTNU_Trondheim--arrow_down_black.png"); |
} | } | ||
Line 125: | Line 125: | ||
.slideup_button > img{ | .slideup_button > img{ | ||
width: 100%; | width: 100%; | ||
− | content: url("../ | + | content: url("https://static.igem.org/mediawiki/2017/d/d2/T--NTNU_Trondheim--arrow_up_grey.png"); |
} | } | ||
.slideup_button:hover > img{ | .slideup_button:hover > img{ | ||
− | content: url("../ | + | content: url("https://static.igem.org/mediawiki/2017/8/85/T--NTNU_Trondheim--arrow_up_black.png"); |
} | } | ||
Revision as of 11:20, 30 June 2017
.break_header, .break_header > img{
z-index: 5; width: 100%;
}
.break_header{
position: relative;
}
.paragraph_img_left, .paragraph_img_right, .paragraph_no_img{
text-align:left; display: block; clear:both; width: 80%; margin: 5em auto;
}
.paragraph_img_right > div{
float: right; width: 20%; margin-left: 10%; text-align: center;
}
.paragraph_img_left > div{
float: left; width: 20%; margin-right: 10%; text-align: center;
} .paragraph_img_left > div > img, .paragraph_img_right > div > img{
width: 100%;
}
.paragraph_img_left > p{
display: block; justify-content:center; align-items:center; width:70%; margin: auto 0 auto auto;
}
.paragraph_img_right > p{
display: block; justify-content:center; align-items:center; width:70%; margin-left: 0;
}
.paragraph_img_left > h1, .paragraph_img_right > h1{
display:flex; width:70%; margin-bottom: 1em; justify-content:center;
}
.paragraph_img_left > h1{
margin-left: 30%;
}
.paragraph_img_right > h1{
margin-right: 30%;
}
.paragraph_no_img > p{
justify-content:center; align-items:center; width:70%; margin: 0 auto;
}
.paragraph_no_img > h1{
width:70%; justify-content:center; text-align: center; margin: 0 auto 1em auto;
}
.image{
margin: 0 auto; font-family: "Arial", sans-serif; text-align:center; display: block; clear:both;
}
.image > img{
width: 100%;
}
.break_1, .break_2, .break_1 > img, .break_2 > img{
width: 100%;
}
.slidedown_button{
cursor: pointer; margin: 0 auto; width: 10%;
}
.slidedown_button > img{
width: 100%;
}
.slidedown_button:hover > img{
content: url("");
}
.slideup_button{
cursor: pointer; margin: 0 auto; width: 10%;
}
.slideup_button > img{
width: 100%; content: url("");
}
.slideup_button:hover > img{
content: url("");
}
.dropdown_collapse{
width: 5ch; margin: 0 auto; text-decoration: underline; color: #808080;
}
.dropdown_collapse:hover{
text-decoration: none; cursor: pointer; color: #101417;
}
.dropdown_paragraph{
justify-content:center; text-align: center;
}
.dropdown_text{
display: none;
}
.show_less{
display: none;
}
.show_more, .show_less{
color: #808080;
}
.slideup_button:hover .show_less, .slidedown_button:hover .show_more{
color: #101417;
}