290420 New theme, personal settings and bugfixes
This commit is contained in:
Daisuke
@ -29,20 +29,14 @@ label {
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
background-color: #b967ff;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
color:white;
|
||||
}
|
||||
|
||||
textarea,input[type="text"],.notifpic{
|
||||
background-color:#c8f7f5;
|
||||
border-bottom:2px solid #ffffff !important;
|
||||
border-right:2px solid #ffffff !important;
|
||||
border-top:2px solid #828282 !important;
|
||||
border-left:2px solid #828282 !important;
|
||||
border: 2px inset #f2e0f5 !important;
|
||||
color:#692b84;
|
||||
text-shadow: 1px 1px white;
|
||||
}
|
||||
@ -56,7 +50,7 @@ textarea{
|
||||
|
||||
.media{
|
||||
border-bottom:2px solid #ffffff !important;
|
||||
border-top:2px solid #828282 !important;
|
||||
border-top:2px solid #a46aaa !important;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked+label {
|
||||
@ -113,24 +107,13 @@ input[type="checkbox"]:checked+label {
|
||||
text-decoration:underline !important;
|
||||
}
|
||||
|
||||
#quicksend {
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
}
|
||||
|
||||
.new {
|
||||
background-color:#efd7f3;
|
||||
}
|
||||
|
||||
.side_element {
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
}
|
||||
|
||||
.side_element li:hover {
|
||||
@ -165,10 +148,7 @@ input[type="checkbox"]:checked+label {
|
||||
|
||||
.profile,.loader,.menu,.notif {
|
||||
background-color: #efd7f3 !important;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
}
|
||||
|
||||
.menu li {
|
||||
@ -181,20 +161,14 @@ input[type="checkbox"]:checked+label {
|
||||
|
||||
.postMenu {
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
color:black;
|
||||
padding:1px;
|
||||
padding:2px;
|
||||
}
|
||||
|
||||
.postMenu div{
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
color:black;
|
||||
box-shadow: 1px 1px 2px black;
|
||||
}
|
||||
@ -265,31 +239,24 @@ input[type="checkbox"]:checked+label {
|
||||
color: red !important;
|
||||
}
|
||||
|
||||
.loadingImage{
|
||||
width:100px;
|
||||
height:100px;
|
||||
background-image: url("../loadingb.gif");
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore {
|
||||
.loadmore, .postform,.searchmobile {
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
}
|
||||
|
||||
.postform,.searchmobile {
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
}
|
||||
|
||||
.previewpost,.userinfo {
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
|
||||
color:black !important;
|
||||
}
|
||||
@ -329,20 +296,14 @@ input[type="checkbox"]:checked+label {
|
||||
|
||||
.polloption{
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
display:block;
|
||||
margin:5px;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
.polloption:hover:not(.fixed),.voted{
|
||||
border-bottom:2px solid #ffffff;
|
||||
border-right:2px solid #ffffff;
|
||||
border-top:2px solid #828282;
|
||||
border-left:2px solid #828282;
|
||||
border: 2px inset #f2e0f5 !important;
|
||||
cursor: pointer;
|
||||
background-color:#c8f7f5;
|
||||
}
|
||||
@ -352,13 +313,26 @@ input[type="checkbox"]:checked+label {
|
||||
}
|
||||
|
||||
.post_footer {
|
||||
border-bottom:2px solid #ffffff;
|
||||
border-right:2px solid #ffffff;
|
||||
border-top:2px solid #828282;
|
||||
border-left:2px solid #828282;
|
||||
border: 2px inset #f2e0f5 !important;
|
||||
background-color:#c8f7f5;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.notif .post_buttons {
|
||||
color: black;
|
||||
background-color:#efd7f3;
|
||||
@ -378,19 +352,13 @@ input[type="checkbox"]:checked+label {
|
||||
}
|
||||
|
||||
.setting label {
|
||||
background-color:#e2e2e2;
|
||||
border-bottom:2px solid #ffffff;
|
||||
border-right:2px solid #ffffff;
|
||||
border-top:2px solid #828282;
|
||||
border-left:2px solid #828282;
|
||||
background-color:#fff;
|
||||
border: 2px inset #f2e0f5 !important;
|
||||
color:#aaaaaa;
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #f2e0f5 !important;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@ -433,20 +433,28 @@ aside {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:-198px;
|
||||
top:15px;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
height: auto;
|
||||
border-radius:3px;
|
||||
line-height:initial;
|
||||
z-index:99;
|
||||
}
|
||||
|
||||
.userinfo_upper{
|
||||
top:-100px;
|
||||
}
|
||||
|
||||
.userinfo_co {
|
||||
width: 280px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo_he {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.media {
|
||||
|
||||
@ -365,13 +365,14 @@ aside {
|
||||
|
||||
.avatar {
|
||||
width: 80px;
|
||||
background-size: 80px;
|
||||
height: 80px;
|
||||
float: left;
|
||||
margin: 15px;
|
||||
border-radius: 10px;
|
||||
background-size: auto 80px;
|
||||
}
|
||||
|
||||
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
|
||||
BIN
themes/1994/loadingb.gif
Normal file
BIN
themes/1994/loadingb.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 291 KiB After Width: | Height: | Size: 414 KiB |
@ -1,9 +1,9 @@
|
||||
a, .link {
|
||||
color: #04a0c6;
|
||||
color: #048fb3;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #7dbcda;
|
||||
background-color: #c4e0ee;
|
||||
}
|
||||
|
||||
select{
|
||||
@ -23,12 +23,12 @@ input[type="checkbox"]:checked+label {
|
||||
color: red;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
border:0px;
|
||||
input[type="text"]:not([name="spoiler"]),textarea {
|
||||
border:1px solid #aaa !important;
|
||||
}
|
||||
|
||||
.topbar {
|
||||
background-color: #373737;
|
||||
background-image: linear-gradient(#2e2c2e, #090a14);
|
||||
}
|
||||
|
||||
.gotop {
|
||||
@ -76,7 +76,7 @@ input[type="text"] {
|
||||
}
|
||||
|
||||
.toggleblur{
|
||||
background-color: #04a0c6;
|
||||
background-color: #048fb3;
|
||||
color: #373737;
|
||||
}
|
||||
|
||||
@ -87,7 +87,7 @@ input[type="text"] {
|
||||
background-color: white;
|
||||
border:2px solid #7dbcda;
|
||||
border-radius:7px;
|
||||
color:#04a0c6;
|
||||
color:#048fb3;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
@ -99,7 +99,7 @@ input[type="text"] {
|
||||
}
|
||||
|
||||
.voteBar{
|
||||
background-color: #04a0c6;
|
||||
background-color: #048fb3;
|
||||
}
|
||||
|
||||
.new {
|
||||
@ -108,7 +108,13 @@ input[type="text"] {
|
||||
|
||||
.side_element {
|
||||
background-color: white;
|
||||
color: #04a0c6;
|
||||
color: #048fb3;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.side_element .avatar {
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.side_element li:hover {
|
||||
@ -120,7 +126,7 @@ input[type="text"] {
|
||||
}
|
||||
|
||||
.side_element a {
|
||||
color: #04a0c6;
|
||||
color: #048fb3;
|
||||
}
|
||||
|
||||
.uploadBox {
|
||||
@ -133,21 +139,22 @@ input[type="text"] {
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
background-color:#04a0c6;
|
||||
border: 1px solid #04a0c6;
|
||||
background-color:#048fb3;
|
||||
border: 1px solid #048fb3;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.formbtn {
|
||||
color:#04a0c6;
|
||||
color:#048fb3;
|
||||
}
|
||||
|
||||
.formbtn label{
|
||||
color:#04a0c6;
|
||||
color:#048fb3;
|
||||
}
|
||||
|
||||
.profile,.loader {
|
||||
background-color:white;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.menu,.menu li {
|
||||
@ -228,11 +235,15 @@ input[type="submit"] {
|
||||
.loadmore {
|
||||
background-color: white;
|
||||
border: 1px solid #8fa9b8;
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.postform,.searchmobile {
|
||||
background-color: white;
|
||||
border: 1px solid #8fa9b8
|
||||
border: 1px solid #8fa9b8;
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.previewpost {
|
||||
@ -255,6 +266,22 @@ input[type="submit"] {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.post_buttons {
|
||||
color: #0b82d2;
|
||||
}
|
||||
@ -278,7 +305,7 @@ input[type="submit"] {
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
background-color:#04a0c6;
|
||||
background-color:#048fb3;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -435,20 +435,28 @@ aside {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:-198px;
|
||||
top:15px;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
height: auto;
|
||||
border-radius:3px;
|
||||
line-height:initial;
|
||||
z-index:99;
|
||||
}
|
||||
|
||||
.userinfo_upper{
|
||||
top:-100px;
|
||||
}
|
||||
|
||||
.userinfo_co {
|
||||
width: 280px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo_he {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.media {
|
||||
|
||||
@ -365,11 +365,11 @@ aside {
|
||||
|
||||
.avatar {
|
||||
width: 80px;
|
||||
background-size: 80px;
|
||||
height: 80px;
|
||||
float: left;
|
||||
margin: 15px;
|
||||
border-radius: 10px;
|
||||
background-size: auto 80px;
|
||||
}
|
||||
|
||||
.post,
|
||||
|
||||
@ -255,6 +255,22 @@ input[type="submit"] {
|
||||
border-top:2px solid #dedfe1;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.post_buttons {
|
||||
color: #425f99;
|
||||
}
|
||||
|
||||
@ -17,10 +17,7 @@ label {
|
||||
|
||||
textarea,input[type="text"]{
|
||||
background-color:white;
|
||||
border-bottom:2px solid #ffffff !important;
|
||||
border-right:2px solid #ffffff !important;
|
||||
border-top:2px solid #828282 !important;
|
||||
border-left:2px solid #828282 !important;
|
||||
border: 2px inset #fff !important;
|
||||
}
|
||||
|
||||
.media{
|
||||
@ -88,10 +85,7 @@ input[type="checkbox"]:checked+label {
|
||||
|
||||
.side_element {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
}
|
||||
|
||||
.side_element li:hover {
|
||||
@ -118,10 +112,7 @@ input[type="checkbox"]:checked+label {
|
||||
|
||||
input[type="submit"] {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
color:black;
|
||||
}
|
||||
|
||||
@ -135,10 +126,7 @@ input[type="submit"] {
|
||||
|
||||
.profile,.loader,.menu,.notif {
|
||||
background-color: #c3c3c3 !important;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
}
|
||||
|
||||
.menu li {
|
||||
@ -151,20 +139,14 @@ input[type="submit"] {
|
||||
|
||||
.postMenu {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
color:black;
|
||||
padding:1px;
|
||||
padding:2px;
|
||||
}
|
||||
|
||||
.postMenu div{
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
color:black;
|
||||
box-shadow: 1px 1px 2px black;
|
||||
}
|
||||
@ -235,6 +217,10 @@ input[type="submit"] {
|
||||
color: red !important;
|
||||
}
|
||||
|
||||
.loadingImage{
|
||||
background-image: url("../loadingb.gif") !important;
|
||||
}
|
||||
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
@ -242,18 +228,12 @@ input[type="submit"] {
|
||||
.postform,
|
||||
.searchmobile {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
}
|
||||
|
||||
.previewpost,.userinfo {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
|
||||
color:black;
|
||||
}
|
||||
@ -290,19 +270,13 @@ input[type="submit"] {
|
||||
margin:5px;
|
||||
padding:5px;
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.polloption:hover:not(.fixed),.voted{
|
||||
cursor: pointer;
|
||||
border-bottom:2px solid #ffffff ;
|
||||
border-right:2px solid #ffffff;
|
||||
border-top:2px solid #828282;
|
||||
border-left:2px solid #828282;
|
||||
border: 2px inset #fff !important;
|
||||
}
|
||||
|
||||
.voteBar{
|
||||
@ -310,10 +284,47 @@ input[type="submit"] {
|
||||
}
|
||||
|
||||
.post_footer {
|
||||
border-bottom:2px solid #ffffff;
|
||||
border-right:2px solid #ffffff;
|
||||
border-top:2px solid #828282;
|
||||
border-left:2px solid #828282;
|
||||
border: 2px inset #fff !important;
|
||||
}
|
||||
|
||||
.public{
|
||||
display:inline-block;
|
||||
width:17px;
|
||||
height:17px;
|
||||
background-image: url("../public.gif");
|
||||
background-size:auto 17px;
|
||||
vertical-align:middle;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.unlisted{
|
||||
display:inline-block;
|
||||
width:17px;
|
||||
height:17px;
|
||||
background-image: url("../unlisted.gif");
|
||||
background-size:auto 17px;
|
||||
vertical-align:middle;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.private{
|
||||
display:inline-block;
|
||||
width:17px;
|
||||
height:17px;
|
||||
background-image: url("../private.gif");
|
||||
background-size:auto 17px;
|
||||
vertical-align:middle;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.direct{
|
||||
display:inline-block;
|
||||
width:17px;
|
||||
height:17px;
|
||||
background-image: url("../direct.gif");
|
||||
background-size:auto 17px;
|
||||
vertical-align:middle;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.notif .post_buttons {
|
||||
@ -336,18 +347,12 @@ input[type="submit"] {
|
||||
|
||||
.setting label {
|
||||
background-color:#e2e2e2;
|
||||
border-bottom:2px solid #ffffff;
|
||||
border-right:2px solid #ffffff;
|
||||
border-top:2px solid #828282;
|
||||
border-left:2px solid #828282;
|
||||
border: 1px inset #fff !important;
|
||||
color:#aaaaaa;
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
border: 2px outset #fff !important;
|
||||
color: black;
|
||||
}
|
||||
|
||||
BIN
themes/chicago/direct.gif
Normal file
BIN
themes/chicago/direct.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 516 B |
BIN
themes/chicago/loadingb.gif
Normal file
BIN
themes/chicago/loadingb.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
themes/chicago/private.gif
Normal file
BIN
themes/chicago/private.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 457 B |
BIN
themes/chicago/public.gif
Normal file
BIN
themes/chicago/public.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 936 B |
BIN
themes/chicago/unlisted.gif
Normal file
BIN
themes/chicago/unlisted.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 476 B |
@ -185,6 +185,10 @@ input[type="submit"] {
|
||||
color: red !important;
|
||||
}
|
||||
|
||||
.loadingImage{
|
||||
background-image: url("../loadingb.gif") !important;
|
||||
}
|
||||
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
@ -241,6 +245,22 @@ input[type="submit"] {
|
||||
border-top:2px solid #eeaa88;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.post_buttons {
|
||||
color: #425f99;
|
||||
}
|
||||
|
||||
BIN
themes/cuatro/loadingb.gif
Normal file
BIN
themes/cuatro/loadingb.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@ -300,6 +300,22 @@ input[type="submit"] {
|
||||
border-radius: 0px 0px <?php echo $theme['br']; ?>px <?php echo $theme['br']; ?>px;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.post_buttons {
|
||||
color: #404040;
|
||||
}
|
||||
|
||||
8
themes/how_to_create_a_theme
Normal file
8
themes/how_to_create_a_theme
Normal file
@ -0,0 +1,8 @@
|
||||
If you want to create a new theme for your instance, all you have to do is
|
||||
create a new folder in this /themes directory with the name of your theme,
|
||||
create a directory called "css" inside of it, copy the file /css/color.css
|
||||
from the base directory into this new directory and modify the values in
|
||||
it.
|
||||
|
||||
you can also just copy of one of the theme folders in this directory
|
||||
and modify the values to your liking.
|
||||
@ -92,6 +92,22 @@ input[type="checkbox"]:checked+label {
|
||||
box-shadow: 0px 0px 7px #000;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.side_element li:hover {
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
@ -443,20 +443,28 @@ aside {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:-198px;
|
||||
top:15px;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
height: auto;
|
||||
border-radius:3px;
|
||||
line-height:initial;
|
||||
z-index:99;
|
||||
}
|
||||
|
||||
.userinfo_upper{
|
||||
top:-100px;
|
||||
}
|
||||
|
||||
.userinfo_co {
|
||||
width: 280px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo_he {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.media {
|
||||
|
||||
@ -374,11 +374,11 @@ aside {
|
||||
|
||||
.avatar {
|
||||
width: 80px;
|
||||
background-size: 80px;
|
||||
height: 80px;
|
||||
float: left;
|
||||
margin: 15px;
|
||||
border-radius: 10px;
|
||||
background-size: auto 80px;
|
||||
}
|
||||
|
||||
.post,
|
||||
|
||||
@ -218,6 +218,22 @@ textarea,input[type="text"]{
|
||||
border-top:2px solid #2f2f2f;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.polloption{
|
||||
display:block;
|
||||
margin:5px;
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
a, .link {
|
||||
color: #04e703;
|
||||
color: #042eb8;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #3a6ea5;
|
||||
background-image: url("../wallpaper.jpg");
|
||||
}
|
||||
|
||||
.element div, .element span, .element p{
|
||||
color:white;
|
||||
color:black;
|
||||
}
|
||||
|
||||
select{
|
||||
@ -36,9 +36,16 @@ input[type="checkbox"]:checked+label {
|
||||
}
|
||||
|
||||
.topbar {
|
||||
background-color: #d4d0c8;
|
||||
border-bottom:2px solid #a9b5bf;
|
||||
box-shadow: 2px 2px 4px #000000;
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.appname {
|
||||
background-image: linear-gradient(#48ab49, #69c069, #48ab49, #48ab49, #3f943f);
|
||||
padding-right:20px;
|
||||
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7) inset;
|
||||
border-radius: 0px 20px 20px 0px;
|
||||
border-bottom: 3px solid black;
|
||||
line-height:43px !important;
|
||||
}
|
||||
|
||||
.gotop {
|
||||
@ -49,16 +56,12 @@ input[type="checkbox"]:checked+label {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.topicon {
|
||||
color: black;
|
||||
.topicon,.badge {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tiselected {
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
|
||||
.badge {
|
||||
color: black;
|
||||
border-bottom: 2px solid white;
|
||||
}
|
||||
|
||||
.alert {
|
||||
@ -66,7 +69,7 @@ input[type="checkbox"]:checked+label {
|
||||
}
|
||||
|
||||
#notifications {
|
||||
background-color: #d4d0c8 !important;
|
||||
background-color: #e7e9d4 !important;
|
||||
color:black;
|
||||
box-shadow: 1px 1px 1px black;
|
||||
}
|
||||
@ -85,15 +88,23 @@ input[type="checkbox"]:checked+label {
|
||||
}
|
||||
|
||||
.new {
|
||||
background-color:#c3c3c3;
|
||||
background-color:#e7e9d4;
|
||||
}
|
||||
|
||||
.side_element {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
background-color: #285bc8;
|
||||
border:2px solid #042eb8;
|
||||
border-radius:5px;
|
||||
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
|
||||
color:white;
|
||||
}
|
||||
|
||||
.profileheader{
|
||||
border-bottom:2px solid white;
|
||||
}
|
||||
|
||||
.profileButton{
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
.side_element li:hover {
|
||||
@ -105,8 +116,12 @@ input[type="checkbox"]:checked+label {
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.side_element a, .userinfo a, .userinfo .ldr {
|
||||
color: black !important;
|
||||
.userinfo a, .userinfo .ldr {
|
||||
color: #042eb8 !important;
|
||||
}
|
||||
|
||||
.side_element a {
|
||||
color:white;
|
||||
}
|
||||
|
||||
.uploadBox,.picker {
|
||||
@ -119,11 +134,9 @@ input[type="checkbox"]:checked+label {
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
background-image: linear-gradient(to bottom, #fffffc, #eef1eb);
|
||||
border:2px solid #426fc4;
|
||||
border-radius:3px;
|
||||
color:black;
|
||||
}
|
||||
|
||||
@ -135,8 +148,16 @@ input[type="submit"] {
|
||||
color:black;
|
||||
}
|
||||
|
||||
.loadingImage{
|
||||
width:100px;
|
||||
height:100px;
|
||||
background-image: url("../loadingb.gif");
|
||||
background-repeat:no-repeat;
|
||||
background-size:100px;
|
||||
}
|
||||
|
||||
.loader,.menu,.notif {
|
||||
background-color: #d4d0c8!important;
|
||||
background-color: #e7e9d4 !important;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
@ -148,20 +169,27 @@ input[type="submit"] {
|
||||
}
|
||||
|
||||
.menu li {
|
||||
background-color: #d4d0c8!important;
|
||||
background-color: #e7e9d4 !important;
|
||||
}
|
||||
|
||||
#usermenu .menu {
|
||||
background-color: #6B91B6;
|
||||
background-color: #e7e9d4;
|
||||
}
|
||||
|
||||
.postHeader .postMenu {
|
||||
color:white !important;
|
||||
padding:5px;
|
||||
background-image: linear-gradient(to bottom right, #f4a088, #be4e29);
|
||||
border-radius:4px;
|
||||
border:1px solid white;
|
||||
}
|
||||
|
||||
.postMenu {
|
||||
color:#d3b870 !important;
|
||||
padding:1px;
|
||||
background-color: #e7e9d4 !important;
|
||||
}
|
||||
|
||||
.postMenu div{
|
||||
background-color: #c3c3c3;
|
||||
background-color: #e7e9d4 !important;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
@ -171,7 +199,7 @@ input[type="submit"] {
|
||||
}
|
||||
|
||||
.postMenu li{
|
||||
background-color: #c3c3c3;
|
||||
background-color: #e7e9d4;
|
||||
color:black;
|
||||
}
|
||||
|
||||
@ -191,7 +219,7 @@ input[type="submit"] {
|
||||
|
||||
.listmenu li {
|
||||
background-color:black;
|
||||
color:white;
|
||||
color:black !important;
|
||||
}
|
||||
|
||||
.listmenu li:hover {
|
||||
@ -241,31 +269,16 @@ input[type="submit"] {
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore,
|
||||
.searchmobile {
|
||||
background-color: #383858;
|
||||
border-top:2px solid #6a6a82;
|
||||
border-left:2px solid #6a6a82;
|
||||
border-bottom:2px solid #26263c;
|
||||
border-right:2px solid #26263c;
|
||||
box-shadow: inset 0 1px 20px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.postform {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
box-shadow: 2px 2px 4px #000000;
|
||||
.searchmobile,.postform {
|
||||
background-color: #e7e9d4;
|
||||
border:2px solid #042eb8;
|
||||
border-radius:5px;
|
||||
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.previewpost,.userinfo {
|
||||
background-color: #383858 !important;
|
||||
border-top:2px solid #6a6a82;
|
||||
border-left:2px solid #6a6a82;
|
||||
border-bottom:2px solid #26263c;
|
||||
border-right:2px solid #26263c;
|
||||
box-shadow: inset 0 1px 20px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: #e7e9d4 !important;
|
||||
border:3px solid #042eb8;
|
||||
}
|
||||
|
||||
.userinfo_he a{
|
||||
@ -276,12 +289,28 @@ input[type="submit"] {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.postHeader {
|
||||
.postHeader,.topbar {
|
||||
background-image: linear-gradient(#3091ff, #0053e1,#0053e1, #0053e1, #0058ef,#0058ef,#0058ef ,#0058ef, #0060f9, #0060f9, #0060f9, #0060f9);
|
||||
/*https://pythonhosted.org/pyglet/programming_guide/window_xp_default.png */
|
||||
/* background-image: linear-gradient(#0055e0, #0063f9); */
|
||||
color:white;
|
||||
border-top:2px solid #3a90ff;
|
||||
border-bottom:3px solid #1047ab;
|
||||
}
|
||||
|
||||
.reply .postHeader{
|
||||
background-image: none !important;
|
||||
background-color: #7b97e1 !important;
|
||||
color:white;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
.postHeader a, .postHeader .link {
|
||||
color: #d3b870 !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.postHeader, .postHeader span {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.toggleblur{
|
||||
@ -289,46 +318,54 @@ input[type="submit"] {
|
||||
color:white;
|
||||
}
|
||||
|
||||
.post_footer {
|
||||
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1);
|
||||
border-bottom:2px solid #6a6a82;
|
||||
border-right:2px solid #6a6a82;
|
||||
border-top:2px solid #26263c;
|
||||
border-left:2px solid #26263c;
|
||||
background-color:black;
|
||||
}
|
||||
|
||||
.polloption{
|
||||
display:block;
|
||||
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1);
|
||||
border-bottom:2px solid #6a6a82;
|
||||
border-right:2px solid #6a6a82;
|
||||
border-top:2px solid #26263c;
|
||||
border-left:2px solid #26263c;
|
||||
background-color:white;
|
||||
border:2px solid #707069;
|
||||
border-radius:3px;
|
||||
color:black !important;
|
||||
margin-bottom:2px;
|
||||
padding:5px;
|
||||
background-color: black;
|
||||
color:#04e703 !important;
|
||||
}
|
||||
|
||||
.polloption:hover:not(.fixed),.voted{
|
||||
background-color: #04e703;
|
||||
color:black !important;
|
||||
cursor:pointer;
|
||||
background-color: #285bc8;
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
.voteBar{
|
||||
background-color: #04e703;
|
||||
background-image: linear-gradient(#b4e6b8, #39c04d, #b4e6b8);
|
||||
}
|
||||
|
||||
.post_footer{
|
||||
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
|
||||
}
|
||||
|
||||
.public::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.unlisted::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.private::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.direct::after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.post_footer .post_buttons a, .post_footer span{
|
||||
color: #04e703;
|
||||
color: #042eb8;
|
||||
}
|
||||
|
||||
.reply {
|
||||
background-color: #20193d !important;
|
||||
border-top:2px solid #6a6a82;
|
||||
border-bottom:2px solid #26263c;
|
||||
background-color: #f0f1e4 !important;
|
||||
border-top:0px solid #6a6a82;
|
||||
border-bottom:0px solid #26263c;
|
||||
/* box-shadow: inset 0 1px 20px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1); */
|
||||
}
|
||||
|
||||
@ -341,19 +378,15 @@ input[type="submit"] {
|
||||
}
|
||||
|
||||
.setting label {
|
||||
background-color:#e2e2e2;
|
||||
border-bottom:2px solid #ffffff;
|
||||
border-right:2px solid #ffffff;
|
||||
border-top:2px solid #828282;
|
||||
border-left:2px solid #828282;
|
||||
color:#aaaaaa;
|
||||
background-color: white;
|
||||
border:2px solid white;
|
||||
border-radius:3px;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
color: black;
|
||||
background-color: #426fc4;
|
||||
border:2px solid #426fc4;
|
||||
border-radius:3px;
|
||||
color:white;
|
||||
}
|
||||
673
themes/whistler/css/mobile.css
Normal file
673
themes/whistler/css/mobile.css
Normal file
@ -0,0 +1,673 @@
|
||||
/* overall */
|
||||
* {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
html,body{
|
||||
height:100%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-attachment: fixed;
|
||||
background-size: auto 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left top;
|
||||
}
|
||||
|
||||
ul{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
select{
|
||||
padding:5px;
|
||||
margin-top:5px;
|
||||
border:0px;
|
||||
font-weight:bold;
|
||||
font-family:fontello, sans-serif;
|
||||
}
|
||||
|
||||
option{
|
||||
font-family:fontello, sans-serif;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="file"], .nloadmore {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
/* omnipresent */
|
||||
|
||||
.desktop{
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
.link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.external:after{
|
||||
font-family:fontello;
|
||||
font-weight:normal;
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
/* basic structure */
|
||||
|
||||
.topbar {
|
||||
width: 100vw;
|
||||
height: 45px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100vw;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100% !important;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#posts {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
margin:0px !important;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
aside {
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
.gotop {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 5px;
|
||||
position: fixed;
|
||||
display: table;
|
||||
text-align: center;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
border-radius: 10px;
|
||||
z-index:50;
|
||||
}
|
||||
|
||||
.gotop a {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
opacity: 0.7;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#hiddenside {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
width: 100vw;
|
||||
height: auto;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
/* topbar elements */
|
||||
|
||||
.mid {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.topbutton {
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
line-height: 45px;
|
||||
height: 100%;
|
||||
width: 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.topicon {
|
||||
text-decoration: none;
|
||||
display: inline;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.badge {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.alert {
|
||||
border-radius: 90px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#notifications {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 45px;
|
||||
width: 100vw;
|
||||
max-height: 400px;
|
||||
display: none;
|
||||
line-height:12px;
|
||||
overflow-y:scroll;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.notif{
|
||||
width:100%;
|
||||
height:80px;
|
||||
display:inline-block;
|
||||
text-align:left;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#quicksend {
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.notifContents{
|
||||
margin:10px;
|
||||
display:flex;
|
||||
height:60px;
|
||||
max-width:325px;
|
||||
}
|
||||
|
||||
.nloadmore {
|
||||
display:inline-block;
|
||||
height:20px;
|
||||
padding-top:10px;
|
||||
}
|
||||
|
||||
/* sidebar */
|
||||
|
||||
.side_element {
|
||||
display:none;
|
||||
width: 92%;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
.side_element a {
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
/* posts area elements */
|
||||
|
||||
.uploadedImage {
|
||||
width: 60px;
|
||||
margin: 10px 0px 10px 10px;
|
||||
height: 60px;
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
box-shadow: 3px 3px 3px grey;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.uploadBox {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.delpic {
|
||||
border-radius:90px;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#send {
|
||||
padding:5px;
|
||||
border-radius:3px;
|
||||
font-weight:bold;
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
.formbtn {
|
||||
background-color:transparent;
|
||||
border: 0px;
|
||||
margin-top:11px;
|
||||
margin-left:15px;
|
||||
float:left;
|
||||
width:20px;
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
text-align:center;
|
||||
overflow:hidden;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
.formbtn label{
|
||||
margin:-5px;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
.element {
|
||||
width: 90% !important;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.profile {
|
||||
float:left;
|
||||
background-color:white;
|
||||
border-radius:5px;
|
||||
//width:650px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.profileButton{
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
font-family: fontello, sans-serif;
|
||||
}
|
||||
|
||||
#usermenu .menu {
|
||||
display: none;
|
||||
width: 150px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: -80px;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
#usermenu:hover>.menu,
|
||||
#usermenu:active>.menu {
|
||||
display: block;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.postMenu,.listmenu {
|
||||
cursor: pointer;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.postMenu div{
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postMenu li {
|
||||
margin:0px;
|
||||
width:100%;
|
||||
height:35px;
|
||||
display:block;
|
||||
text-align:center;
|
||||
line-height:35px;
|
||||
}
|
||||
|
||||
.postMenu:hover > div{
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.postMenu ul {
|
||||
margin:0px;
|
||||
width:100%;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
.profileMenu:hover > div, .listmenu:hover > div{
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.listmenu li {
|
||||
font-family: fontello, sans-serif;
|
||||
height:30px;
|
||||
line-height:30px;
|
||||
text-align:left;
|
||||
padding-left:12px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.felem {
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
display:none;
|
||||
width: 50px;
|
||||
background-size: cover;
|
||||
height: 50px;
|
||||
float: left;
|
||||
margin: 15px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.post,
|
||||
.loader,
|
||||
.loadmore,
|
||||
.rb,
|
||||
.textonly,
|
||||
.profile {
|
||||
width: 100% !important;
|
||||
float: left;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postform,.searchmobile {
|
||||
position:fixed;
|
||||
width: 100vw !important;
|
||||
left:0px;
|
||||
top:45px;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#postform,#searchmobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.postHeader {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.postHeader *,.post_footer *{
|
||||
font-size:small;
|
||||
}
|
||||
|
||||
.previewpost {
|
||||
display: none;
|
||||
position: absolute;
|
||||
margin-top: -100px;
|
||||
width: 400px;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.user {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:15px;
|
||||
width: 300px;
|
||||
height: auto;
|
||||
border-radius:3px;
|
||||
line-height:initial;
|
||||
z-index:99;
|
||||
}
|
||||
|
||||
.userinfo_upper{
|
||||
top:-100px;
|
||||
}
|
||||
|
||||
.userinfo_co {
|
||||
width: 280px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo_he {
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.media {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 600px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blur {
|
||||
-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
|
||||
/* Safari 6.0 - 9.0 */
|
||||
filter: blur(25px) brightness(70%) grayscale(100%);
|
||||
opacity: 0.5;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.toggleblur {
|
||||
display:none;
|
||||
cursor: pointer;
|
||||
font-family: sans, fontello;
|
||||
}
|
||||
|
||||
.small {
|
||||
width: 48% !important;
|
||||
height: 321px;
|
||||
line-height: 321px;
|
||||
background-color: black;
|
||||
float:left;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.smaller {
|
||||
width: 31% !important;
|
||||
height: 212px;
|
||||
line-height: 212px;
|
||||
background-color: black;
|
||||
float:left;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 80px !important;
|
||||
height: 80px !important;
|
||||
line-height: 80px;
|
||||
float:left;
|
||||
text-align:center;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.postbody {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.post_footer {
|
||||
width: 630px;
|
||||
display: table-cell;
|
||||
clear: both;
|
||||
padding: 10px;
|
||||
height: 20px;
|
||||
text-align: left;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.post_buttons {
|
||||
font-family: fontello;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.post_buttons a,
|
||||
.post_buttons span {
|
||||
font-family: inherit;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.reply {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.note {
|
||||
width: 640px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 15px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
/* pages */
|
||||
|
||||
.setting label {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
float: left;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* other stuff */
|
||||
|
||||
/* <lightbox> */
|
||||
.lightbox-opened {
|
||||
/* background-color: #333; */
|
||||
background-color: rgba(50, 50, 50, 0.85);
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
/* left: 0; */
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index:105;
|
||||
&:before {
|
||||
background-color: #333;
|
||||
background-color: rgba(#333, 0.9);
|
||||
color: #eee;
|
||||
content: "x";
|
||||
font-family: sans-serif;
|
||||
padding: 6px 12px;
|
||||
position: fixed;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
img {
|
||||
box-shadow: 0 0 6px 3px #333;
|
||||
}
|
||||
}
|
||||
/*
|
||||
.lightbox-opened {
|
||||
//background-color: #333;
|
||||
background-color: rgba(50, 50, 50, 0.85);
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
overflow-y: scroll;
|
||||
padding: 24px;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
&:before {
|
||||
background-color: #333;
|
||||
background-color: rgba(#333, 0.9);
|
||||
color: #eee;
|
||||
content: "x";
|
||||
font-family: sans-serif;
|
||||
padding: 6px 12px;
|
||||
position: fixed;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
img {
|
||||
box-shadow: 0 0 6px 3px #333;
|
||||
}
|
||||
}
|
||||
*/
|
||||
.no-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* </lightbox> */
|
||||
|
||||
.fontello {
|
||||
font-family: fontello, sans-serif;
|
||||
}
|
||||
|
||||
.loading {
|
||||
font-family: fontello;
|
||||
color: black;
|
||||
content: "\E822";
|
||||
animation-name: spin;
|
||||
animation-duration: 5000ms;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
/* transform: rotate(3deg); */
|
||||
/* transform: rotate(0.3rad);/ */
|
||||
/* transform: rotate(3grad); */
|
||||
/* transform: rotate(.03turn); */
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.disabled {
|
||||
background-color: black;
|
||||
}
|
||||
641
themes/whistler/css/style.css
Normal file
641
themes/whistler/css/style.css
Normal file
@ -0,0 +1,641 @@
|
||||
/* overall */
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:30px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
select{
|
||||
padding:5px;
|
||||
margin-top:5px;
|
||||
border:0px;
|
||||
font-weight:bold;
|
||||
font-family:fontello, sans-serif;
|
||||
}
|
||||
|
||||
option{
|
||||
font-family:fontello, sans-serif;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="file"], .nloadmore {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
/* omnipresent */
|
||||
|
||||
.mobile {
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
.link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.external:after{
|
||||
font-family:fontello;
|
||||
font-weight:normal;
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
/* basic structure */
|
||||
|
||||
.topbar {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#posts {
|
||||
width: 800px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
aside {
|
||||
margin-top: 5px;
|
||||
width: 280px;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.gotop {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 5px;
|
||||
position: fixed;
|
||||
display: table;
|
||||
text-align: center;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.gotop a {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
opacity: 0.7;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#hiddenside {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 115px;
|
||||
width: 350px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* topbar elements */
|
||||
|
||||
.topbutton {
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
line-height: 45px;
|
||||
height: 100%;
|
||||
width: 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.topicon {
|
||||
text-decoration: none;
|
||||
display: inline;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.ntbutton {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.badge {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.alert {
|
||||
border-radius: 90px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#notifications {
|
||||
position: absolute;
|
||||
right: -20px;
|
||||
top: 45px;
|
||||
width: 350px;
|
||||
max-height: 500px;
|
||||
display: none;
|
||||
line-height:12px;
|
||||
overflow-y:scroll;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.notif{
|
||||
width:330px;
|
||||
height:80px;
|
||||
display:inline-block;
|
||||
text-align:left;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#quicksend {
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.notifContents{
|
||||
margin:10px;
|
||||
display:flex;
|
||||
height:60px;
|
||||
max-width:325px;
|
||||
}
|
||||
|
||||
.nloadmore {
|
||||
display:inline-block;
|
||||
height:20px;
|
||||
padding-top:10px;
|
||||
}
|
||||
|
||||
/* sidebar */
|
||||
|
||||
.side_element {
|
||||
border-radius: 3px;
|
||||
width: 92%;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.side_element li {
|
||||
font-family: fontello, sans-serif;
|
||||
height:30px;
|
||||
line-height:30px;
|
||||
text-align:left;
|
||||
padding-left:12px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/* posts area elements */
|
||||
|
||||
.uploadedImage {
|
||||
width: 60px;
|
||||
margin: 10px 0px 10px 10px;
|
||||
height: 60px;
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
box-shadow: 3px 3px 3px grey;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.uploadBox {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.delpic {
|
||||
border-radius:90px;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#send {
|
||||
padding:5px;
|
||||
border-radius:3px;
|
||||
font-weight:bold;
|
||||
margin-top:5px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.formbtn {
|
||||
background-color:transparent;
|
||||
border: 0px;
|
||||
margin-top:11px;
|
||||
margin-left:15px;
|
||||
float:left;
|
||||
width:20px;
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
text-align:center;
|
||||
overflow:hidden;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
.formbtn label{
|
||||
margin:-5px;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
.element {
|
||||
width: 800px;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.profile,.loader {
|
||||
float:left;
|
||||
border-radius:5px;
|
||||
width:650px;
|
||||
}
|
||||
|
||||
.profileButton{
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
font-family: fontello, sans-serif;
|
||||
}
|
||||
|
||||
#usermenu .menu {
|
||||
display: none;
|
||||
width: 150px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: -80px;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
#usermenu:hover>.menu,
|
||||
#usermenu:active>.menu {
|
||||
display: block;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.postMenu {
|
||||
cursor: pointer;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.postMenu div{
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postMenu li {
|
||||
margin:0px;
|
||||
width:100%;
|
||||
height:35px;
|
||||
display:block;
|
||||
text-align:center;
|
||||
line-height:35px;
|
||||
}
|
||||
|
||||
.postMenu:hover > div{
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.postMenu ul {
|
||||
margin:0px;
|
||||
width:100%;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
.profileMenu:hover > div, .listmenu:hover > div{
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.listmenu li {
|
||||
font-family: fontello, sans-serif;
|
||||
height:30px;
|
||||
line-height:30px;
|
||||
text-align:left;
|
||||
padding-left:12px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.felem {
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
float: left;
|
||||
margin: 15px;
|
||||
border-radius: 10px;
|
||||
background-size: auto 80px;
|
||||
}
|
||||
|
||||
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore {
|
||||
width: 650px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#searchmobile{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.postform {
|
||||
width:650px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
.postHeader {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.previewpost {
|
||||
display: none;
|
||||
position: absolute;
|
||||
margin-top: -100px;
|
||||
width: 400px;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.user {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:0px;
|
||||
top:15px;
|
||||
width: 300px;
|
||||
height: auto;
|
||||
border-radius:3px;
|
||||
line-height:initial;
|
||||
z-index:99;
|
||||
}
|
||||
|
||||
.userinfo_upper{
|
||||
top:-100px;
|
||||
}
|
||||
|
||||
.userinfo_co {
|
||||
width: 280px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.userinfo_he {
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.media {
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 600px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.blur {
|
||||
-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
|
||||
/* Safari 6.0 - 9.0 */
|
||||
filter: blur(25px) brightness(70%) grayscale(100%);
|
||||
opacity: 0.5;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.toggleblur {
|
||||
display:none;
|
||||
cursor: pointer;
|
||||
font-family: sans, fontello;
|
||||
}
|
||||
|
||||
.small {
|
||||
width: 321px !important;
|
||||
height: 321px;
|
||||
line-height: 321px;
|
||||
/* background-color: black; */
|
||||
float:left;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.smaller {
|
||||
width: 212px !important;
|
||||
height: 212px;
|
||||
line-height: 212px;
|
||||
/* background-color: black; */
|
||||
float:left;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 80px !important;
|
||||
height: 80px !important;
|
||||
line-height: 80px;
|
||||
float:left;
|
||||
text-align:center;
|
||||
margin:2px !important;
|
||||
}
|
||||
|
||||
.postbody {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 600px;
|
||||
display: inline-block;
|
||||
margin:0px !important;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.post_footer {
|
||||
width: 630px;
|
||||
display: table-cell;
|
||||
clear: both;
|
||||
padding: 10px;
|
||||
height: 20px;
|
||||
text-align: left;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.post_buttons {
|
||||
font-family: fontello;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
.post_buttons a,
|
||||
.post_buttons span {
|
||||
font-family: inherit;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.reply {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.note {
|
||||
width: 640px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 15px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
font-size: 20pt;
|
||||
}
|
||||
|
||||
/* pages */
|
||||
|
||||
.setting label {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
float: left;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.setting input[type="radio"]:checked+label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* other stuff */
|
||||
|
||||
/* <lightbox> */
|
||||
.lightbox-opened {
|
||||
/* background-color: #333; */
|
||||
background-color: rgba(50, 50, 50, 0.85);
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
/* left: 0; */
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index:105;
|
||||
&:before {
|
||||
background-color: #333;
|
||||
background-color: rgba(#333, 0.9);
|
||||
color: #eee;
|
||||
content: "x";
|
||||
font-family: sans-serif;
|
||||
padding: 6px 12px;
|
||||
position: fixed;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
img {
|
||||
box-shadow: 0 0 6px 3px #333;
|
||||
}
|
||||
}
|
||||
|
||||
.no-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* </lightbox> */
|
||||
|
||||
.fontello {
|
||||
font-family: fontello;
|
||||
}
|
||||
|
||||
.loading {
|
||||
font-family: fontello;
|
||||
color: black;
|
||||
content: "\E822";
|
||||
animation-name: spin;
|
||||
animation-duration: 5000ms;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
/* transform: rotate(3deg); */
|
||||
/* transform: rotate(0.3rad);/ */
|
||||
/* transform: rotate(3grad); */
|
||||
/* transform: rotate(.03turn); */
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.disabled {
|
||||
background-color: black;
|
||||
}
|
||||
BIN
themes/whistler/loadingb.gif
Normal file
BIN
themes/whistler/loadingb.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
themes/whistler/wallpaper.jpg
Normal file
BIN
themes/whistler/wallpaper.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
Reference in New Issue
Block a user