perdedora/leftypol
1
0
Fork 0
forked from leftypol/leftypol
Code Pull requests Activity

add user-options dialog functionality; port webm-settings to it; make a basic general settings applet; make it work on mobiles

Browse source
This commit is contained in:
czaks 2014-09-20 06:18:37 +02:00
parent ceaaae824a
commit f7a015e7fe
5 changed files with 261 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

73
stylesheets/style.css
View file

@ -636,3 +636,76 @@ form.ban-appeal textarea {
.new-threads {
text-align: center;
}
/* options.js */
#options_handler {
position: fixed;
top: 0px; left: 0px; right: 0px; bottom: 0px;
width: 100%; height: 100%;
text-align: center;
z-index: 9900;
}
#options_background {
background: black;
opacity: 0.5;
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px;
width: 100%; height: 100%;
z-index: -1;
}
#options_div {
background-color: #d6daf0;
border: 1px solid black;
display: inline-block;
position: relative;
margin-top: 20px;
width: 600px;
height: 300px;
}
#options_close {
top: 0px; right: 0px;
position: absolute;
margin-right: 3px;
font-size: 20px; z-index: 100;
}
#options_tablist {
padding: 0px 5px;
left: 0px;
width: 70px;
top: 0px;
bottom: 0px;
height: 100%;
border-right: 1px solid black;
}
.options_tab_icon {
padding: 5px;
color: black;
}
.options_tab_icon.active {
color: red;
}
.options_tab_icon i {
font-size: 20px;
}
.options_tab_icon div {
font-size: 11px;
}
.options_tab {
padding: 10px;
position: absolute;
top: 0px; bottom: 0px;
left: 81px; right: 0px;
text-align: left;
font-size: 12px;
}
.options_tab h2 {
text-align: center;
margin-bottom: 5px;
}
.mobile-style #options_div {
display: block;
width: 100%;
height: 100%;
margin-top: 0px;
}