Simple realisation

This commit is contained in:
Ivanq 2017-12-30 17:43:56 +03:00
parent 92e353be40
commit 7121a96ebd
5 changed files with 117 additions and 6 deletions

View file

@ -166,7 +166,7 @@
#checkbox-owned { margin-bottom: 25px; margin-top: 26px; margin-left: 11px; }
.settings-owned { clear: both }
#checkbox-owned ~ .settings-owned { opacity: 0; max-height: 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear ; overflow: hidden }
#checkbox-owned:checked ~ .settings-owned { opacity: 1; max-height: 400px }
#checkbox-owned:checked ~ .settings-owned { opacity: 1; max-height: 408px }
/* Globe */
.globe { width: 360px; height: 360px }
@ -178,6 +178,39 @@
.contents a { color: white }
.contents a:active { background-color: #6B6B6B }
.contents + .flex {
padding-bottom: 65px;
}
#button-sign-publish {
position: relative;
padding: 0;
padding-left: 10px;
color: #000;
cursor: pointer;
}
#button-sign-publish-arrow {
display: inline-block;
padding: 5px 10px;
}
#button-sign-publish-menu {
display: none;
width: 100%;
margin-top: 2px;
position: absolute;
left: 0;
top: 100%;
}
#button-sign-publish-menu.visible {
display: inline-block;
}
#button-sign-publish-menu a {
width: 100%;
margin-left: 0;
margin-top: 1px;
}
/* Small screen */
@media screen and (max-width: 600px) {
.sidebar .close { display: block }