Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-03-04 11:31:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

modules.less, moved postWindow out. clean up unused css in style

Browse Source
This commit is contained in:
psychobunny
2013-09-11 12:24:10 -04:00
parent 732c8b1f7f
commit 9fe30b905b
6 changed files with 144 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/themes/cerulean/cerulean.less
View File

@@ -1,4 +1,5 @@
@import "../vanilla/mixins";
@import "style";
@import "topic";
@import "category";
@@ -10,4 +11,6 @@
@import "unread";
@import "admin";
@import "users";
@import "footer";
@import "footer";
@import "../vanilla/modules.less";

24
public/themes/cerulean/style.less
View File

@@ -8,4 +8,28 @@ body {
background: #56BCDA;
color: white;
padding: 30px;
}
.alt-logins {
li {
i {
-webkit-transition: color 100ms linear;
-moz-transition: color 100ms linear;
-ms-transition: color 100ms linear;
-o-transition: color 100ms linear;
transition: color 100ms linear;
&.icon-twitter-sign:hover {
color: #4099FF;
}
&.icon-facebook-sign:hover {
color: #3b5999;
}
&.icon-google-plus-sign:hover {
color: #d34836;
}
}
}
}

1
public/themes/vanilla/modules.less Normal file
View File

@@ -0,0 +1 @@
@import "modules/postWindow";

107
public/themes/vanilla/modules/postWindow.less Normal file
View File

@@ -0,0 +1,107 @@
.post-window {
position: fixed;
display: none;
height: 350px;
visibility: hidden;
width: 100%;
> div {
position: absolute;
height: 100%;
background: rgba(64, 64, 64, 0.6);
visibility: visible;
.btn-toolbar {
&.formatting-bar {
.no-select;
width: 90%;
margin: 0 auto 8px auto;
span {
color: white;
&:hover {
text-decoration: none;
}
}
span:focus {
outline: none;
}
}
&.action-bar {
width: 90%;
margin: 8px auto 0 auto;
}
}
input {
width: 98%;
text-align: center;
border: none;
padding: 0.5em 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin: 5px auto 10px auto;
display: block;
}
textarea {
background: rgba(64, 64, 64, 0.95);
border: none;
padding: 0.5em;
display: block;
width: 90%;
margin: 0em auto;
resize: none;
color: white;
height: 200px;
}
.imagedrop {
text-align: center;
color: white;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 214px;
line-height: 214px;
font-size: 20px;
vertical-align: middle;
display: none;
}
.imagelist {
position: absolute;
bottom: 50px;
left: 5%;
div {
margin-right:5px;
}
span {
line-height:20px;
float:left;
}
button {
padding-left:5px;
}
}
}
@media (max-width: 979px) {
position: relative;
bottom: 0px !important;
> div {
position: static;
width: 100% !important;
}
}
}

155
public/themes/vanilla/style.less
View File

@@ -1,20 +1,8 @@
@import "mixins";
html {
overflow-y: scroll;
}
body {
-webkit-transition: margin-bottom 250ms ease;
-moz-transition: margin-bottom 250ms ease;
-ms-transition: margin-bottom 250ms ease;
-o-transition: margin-bottom 250ms ease;
transition: margin-bottom 250ms ease;
&.composing {
margin-bottom: 350px;
}
@media (min-width: 979px)
{
padding-top: 70px;
@@ -57,11 +45,13 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
top: 60px;
width: 300px;
height: 0px;
.toaster-alert {
.pointer;
}
}
.toaster-alert {
.pointer;
}
footer.footer {
color: #555;
@@ -86,26 +76,6 @@ footer.footer {
&.active {
.inline-block;
}
i {
-webkit-transition: color 100ms linear;
-moz-transition: color 100ms linear;
-ms-transition: color 100ms linear;
-o-transition: color 100ms linear;
transition: color 100ms linear;
&.icon-twitter-sign:hover {
color: #4099FF;
}
&.icon-facebook-sign:hover {
color: #3b5999;
}
&.icon-google-plus-sign:hover {
color: #d34836;
}
}
}
}
@@ -113,14 +83,6 @@ footer.footer {
word-wrap: break-word;
}
.formatting-bar {
.no-select;
span:focus {
outline: none;
}
}
.breadcrumb {
li {
@@ -141,113 +103,6 @@ footer.footer {
}
/* START: post-window needs to go in its own plugin area */
.post-window {
position: fixed;
display: none;
height: 350px;
visibility: hidden;
width: 100%;
> div {
position: absolute;
height: 100%;
background: rgba(64, 64, 64, 0.6);
visibility: visible;
.btn-toolbar {
&.formatting-bar {
width: 90%;
margin: 0 auto 8px auto;
span {
color: white;
&:hover {
text-decoration: none;
}
}
}
&.action-bar {
width: 90%;
margin: 8px auto 0 auto;
}
}
input {
width: 98%;
text-align: center;
border: none;
padding: 0.5em 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin: 5px auto 10px auto;
display: block;
}
textarea {
background: rgba(64, 64, 64, 0.95);
border: none;
padding: 0.5em;
display: block;
width: 90%;
margin: 0em auto;
resize: none;
color: white;
height: 200px;
}
.imagedrop {
text-align: center;
color: white;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 214px;
line-height: 214px;
font-size: 20px;
vertical-align: middle;
display: none;
}
.imagelist {
position: absolute;
bottom: 50px;
left: 5%;
div {
margin-right:5px;
}
span {
line-height:20px;
float:left;
}
button {
padding-left:5px;
}
}
}
}
@media (max-width: 979px) {
.post-window {
position: relative;
bottom: 0px !important;
> div {
position: static;
width: 100% !important;
}
}
}
/* END: post-window needs to go in its own plugin area */
//theme
#search-form .btn-link {
color: white;

4
public/themes/vanilla/vanilla.less
View File

@@ -9,4 +9,6 @@
@import "unread";
@import "admin";
@import "users";
@import "footer";
@import "footer";
@import "modules";