Difference between revisions of "Template:Tartu TUIT/style"
| (3 intermediate revisions by the same user not shown) | |||
| Line 16: | Line 16: | ||
cursor: pointer; } | cursor: pointer; } | ||
| − | .cols::after, header.header::after, #process .content::after, #molecule .map .card::after, .notebook .images-two::after, .notebook .images-height::after, .notebook .event .details::after, .clearfix::after { | + | .cols::after, .experiment::after, header.header::after, #process .content::after, #molecule .map .card::after, .notebook .images-two::after, .notebook .images-height::after, .notebook .event .details::after, .clearfix::after { |
content: ''; | content: ''; | ||
display: table; | display: table; | ||
| Line 110: | Line 110: | ||
vertical-align: super; | vertical-align: super; | ||
padding: 0px 0px; } | padding: 0px 0px; } | ||
| + | .article img { | ||
| + | max-width: 100%; } | ||
.article ol.fancy.cols { | .article ol.fancy.cols { | ||
margin-left: -2%; | margin-left: -2%; | ||
| Line 276: | Line 278: | ||
.interview .answer img { | .interview .answer img { | ||
max-width: 100%; } | max-width: 100%; } | ||
| + | |||
| + | .experiment .time { | ||
| + | text-align: center; | ||
| + | padding-bottom: 30px; } | ||
| + | .experiment .time i { | ||
| + | padding-right: 7px; } | ||
| + | |||
| + | .experiment .ingredients, .experiment .tools { | ||
| + | width: 50%; | ||
| + | float: left; | ||
| + | padding-left: 5%; } | ||
| + | .experiment .ingredients li, .experiment .tools li { | ||
| + | text-align: left; } | ||
| + | |||
| + | .experiment .steps::before { | ||
| + | content: ''; | ||
| + | clear: both; | ||
| + | display: table; } | ||
header.header { | header.header { | ||
| Line 445: | Line 465: | ||
top: 0px; | top: 0px; | ||
z-index: 1; } | z-index: 1; } | ||
| − | .nav-shown .navigation { | + | .nav-shown header.header .navigation { |
opacity: 1; | opacity: 1; | ||
transform: translateX(0); } | transform: translateX(0); } | ||
| − | .nav-shown .nav-button i { | + | .nav-shown header.header .nav-button i { |
background-color: transparent; } | background-color: transparent; } | ||
| − | .nav-shown .nav-button i::before { | + | .nav-shown header.header .nav-button i::before { |
transform: translateY(0) rotate(-45deg); } | transform: translateY(0) rotate(-45deg); } | ||
| − | .nav-shown .nav-button i::after { | + | .nav-shown header.header .nav-button i::after { |
transform: translateY(0) rotate(45deg); } } | transform: translateY(0) rotate(45deg); } } | ||
| Line 857: | Line 877: | ||
box-shadow: 0 0 5px #fff, 0 0 10px #50b1be, 0 0 15px #50b1be, 0 0 17px #50b1be, 0 0 30px #50b1be; } | box-shadow: 0 0 5px #fff, 0 0 10px #50b1be, 0 0 15px #50b1be, 0 0 17px #50b1be, 0 0 30px #50b1be; } | ||
| − | + | .actions { | |
text-align: center; | text-align: center; | ||
padding: 50px; } | padding: 50px; } | ||
| − | + | .actions .button { | |
box-shadow: 0 0 5px #fff, 0 0 10px #50b1be, 0 0 15px #50b1be, 0 0 17px #50b1be, 0 0 30px #50b1be; | box-shadow: 0 0 5px #fff, 0 0 10px #50b1be, 0 0 15px #50b1be, 0 0 17px #50b1be, 0 0 30px #50b1be; | ||
background-color: #dde5ee; | background-color: #dde5ee; | ||
| Line 866: | Line 886: | ||
text-decoration: none; | text-decoration: none; | ||
padding: 20px; } | padding: 20px; } | ||
| − | |||
</style> | </style> | ||
Latest revision as of 12:38, 5 November 2018