Simple realisation
This commit is contained in:
parent
92e353be40
commit
7121a96ebd
5 changed files with 117 additions and 6 deletions
|
@ -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 }
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue