moved .less files into the vanilla theme folder

v1.18.x
psychobunny 12 years ago
parent 31624b32e9
commit b19097ab8f

3
.gitignore vendored

@ -1,4 +1,4 @@
################# #################
## npm ## npm
################# #################
@ -9,6 +9,7 @@ config.json
public/config.json public/config.json
public/css/*.css public/css/*.css
public/themes/* public/themes/*
!/public/themes/vanilla
*.sublime-project *.sublime-project
*.sublime-workspace *.sublime-workspace
plugins/* plugins/*

@ -1,13 +1 @@
@import "style"; @import "../themes/vanilla/vanilla.less";
@import "topic";
@import "category";
@import "noscript";
@import "home";
@import "header";
@import "account";
@import "search";
@import "unread";
@import "admin";
@import "users";
@import "footer";

@ -1,285 +1,285 @@
@import "mixins"; @import "mixins";
html { html {
overflow-y: scroll; overflow-y: scroll;
} }
body { body {
/*background: #fdfdfd;*/ // port to default theme when it is implemented. /*background: #fdfdfd;*/ // port to default theme when it is implemented.
-webkit-transition: margin-bottom 250ms ease; -webkit-transition: margin-bottom 250ms ease;
-moz-transition: margin-bottom 250ms ease; -moz-transition: margin-bottom 250ms ease;
-ms-transition: margin-bottom 250ms ease; -ms-transition: margin-bottom 250ms ease;
-o-transition: margin-bottom 250ms ease; -o-transition: margin-bottom 250ms ease;
transition: margin-bottom 250ms ease; transition: margin-bottom 250ms ease;
&.composing { &.composing {
margin-bottom: 350px; margin-bottom: 350px;
} }
@media (min-width: 979px) @media (min-width: 979px)
{ {
padding-top: 70px; padding-top: 70px;
} }
@media (max-width: 979px) @media (max-width: 979px)
{ {
padding-top: 70px; padding-top: 70px;
padding-bottom: 50px; padding-bottom: 50px;
} }
} }
button, a { button, a {
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);
} }
.none { .none {
display: none !important; display: none !important;
} }
.block, .show { .block, .show {
display: block; display: block;
} }
.bold { .bold {
font-weight: bold; font-weight: bold;
} }
a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus { a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
text-decoration:none; text-decoration:none;
} }
#alert_window { #alert_window {
position: fixed; position: fixed;
right: 20px; right: 20px;
top: 60px; top: 60px;
width: 300px; width: 300px;
height: 0px; height: 0px;
} }
.toaster-alert { .toaster-alert {
.pointer; .pointer;
} }
footer.footer { footer.footer {
color: #555; color: #555;
text-align: center; text-align: center;
a { a {
color: #222; color: #222;
} }
} }
.alt-logins { .alt-logins {
margin: 0 0 0 1em; margin: 0 0 0 1em;
padding: 0; padding: 0;
li { li {
vertical-align: top; vertical-align: top;
background: transparent; background: transparent;
display: none; display: none;
margin: 0.25em; margin: 0.25em;
.pointer; .pointer;
&.active { &.active {
.inline-block; .inline-block;
} }
i { i {
-webkit-transition: color 100ms linear; -webkit-transition: color 100ms linear;
-moz-transition: color 100ms linear; -moz-transition: color 100ms linear;
-ms-transition: color 100ms linear; -ms-transition: color 100ms linear;
-o-transition: color 100ms linear; -o-transition: color 100ms linear;
transition: color 100ms linear; transition: color 100ms linear;
&.icon-twitter-sign:hover { &.icon-twitter-sign:hover {
color: #4099FF; color: #4099FF;
} }
&.icon-facebook-sign:hover { &.icon-facebook-sign:hover {
color: #3b5999; color: #3b5999;
} }
&.icon-google-plus-sign:hover { &.icon-google-plus-sign:hover {
color: #d34836; color: #d34836;
} }
} }
} }
} }
.jumbotron { .jumbotron {
// goes into theme // goes into theme
background: #56BCDA; background: #56BCDA;
color: white; color: white;
padding: 30px; padding: 30px;
word-wrap: break-word; word-wrap: break-word;
} }
.formatting-bar { .formatting-bar {
.no-select; .no-select;
span:focus { span:focus {
outline: none; outline: none;
} }
} }
.breadcrumb { .breadcrumb {
li { li {
max-width: 35%; max-width: 35%;
white-space: nowrap; white-space: nowrap;
text-overflow:ellipsis; text-overflow:ellipsis;
overflow: hidden; overflow: hidden;
} }
} }
#chat-content { #chat-content {
height:200px; height:200px;
resize:none; resize:none;
} }
#content{ #content{
padding-bottom:20px; padding-bottom:20px;
} }
/* START: post-window needs to go in its own plugin area */ /* START: post-window needs to go in its own plugin area */
.post-window { .post-window {
position: fixed; position: fixed;
display: none; display: none;
height: 350px; height: 350px;
visibility: hidden; visibility: hidden;
width: 100%; width: 100%;
> div { > div {
position: absolute; position: absolute;
height: 100%; height: 100%;
background: rgba(64, 64, 64, 0.6); background: rgba(64, 64, 64, 0.6);
visibility: visible; visibility: visible;
.btn-toolbar { .btn-toolbar {
&.formatting-bar { &.formatting-bar {
width: 90%; width: 90%;
margin: 0 auto 8px auto; margin: 0 auto 8px auto;
span { span {
color: white; color: white;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }
} }
} }
&.action-bar { &.action-bar {
width: 90%; width: 90%;
margin: 8px auto 0 auto; margin: 8px auto 0 auto;
} }
} }
input { input {
width: 98%; width: 98%;
text-align: center; text-align: center;
border: none; border: none;
padding: 0.5em 0; padding: 0.5em 0;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; -moz-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
margin: 5px auto 10px auto; margin: 5px auto 10px auto;
display: block; display: block;
} }
textarea { textarea {
background: rgba(64, 64, 64, 0.95); background: rgba(64, 64, 64, 0.95);
border: none; border: none;
padding: 0.5em; padding: 0.5em;
display: block; display: block;
width: 90%; width: 90%;
margin: 0em auto; margin: 0em auto;
resize: none; resize: none;
color: white; color: white;
height: 200px; height: 200px;
} }
.imagedrop { .imagedrop {
text-align: center; text-align: center;
color: white; color: white;
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
width: 100%; width: 100%;
height: 214px; height: 214px;
line-height: 214px; line-height: 214px;
font-size: 20px; font-size: 20px;
vertical-align: middle; vertical-align: middle;
display: none; display: none;
} }
.imagelist { .imagelist {
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
left: 5%; left: 5%;
div { div {
margin-right:5px; margin-right:5px;
} }
span { span {
line-height:20px; line-height:20px;
float:left; float:left;
} }
button { button {
padding-left:5px; padding-left:5px;
} }
} }
} }
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.post-window { .post-window {
position: relative; position: relative;
bottom: 0px !important; bottom: 0px !important;
> div { > div {
position: static; position: static;
width: 100% !important; width: 100% !important;
} }
} }
} }
/* END: post-window needs to go in its own plugin area */ /* END: post-window needs to go in its own plugin area */
//theme //theme
#search-form .btn-link { #search-form .btn-link {
color: white; color: white;
} }
//START: FIXES FOR BS3, may need to remove these when we get out of the RC releases //START: FIXES FOR BS3, may need to remove these when we get out of the RC releases
@media (max-width: 979px) { @media (max-width: 979px) {
.hidden-mobile { .hidden-mobile {
// BS2/3's hidden-xs does not support inline-block, so here it is for now. // BS2/3's hidden-xs does not support inline-block, so here it is for now.
display: none !important; display: none !important;
} }
} }
@media (min-width: 760px) { @media (min-width: 760px) {
.container > .navbar-header, .container > .navbar-collapse { .container > .navbar-header, .container > .navbar-collapse {
padding-right: 0; padding-right: 0;
margin-right: -11px; margin-right: -11px;
} }
} }
.badge { .badge {
vertical-align: 17%; vertical-align: 17%;
} }
.modal { .modal {
overflow-y: hidden; overflow-y: hidden;
} }
//END: FIXES FOR BS3, may need to remove these when we get out of the RC releases //END: FIXES FOR BS3, may need to remove these when we get out of the RC releases

@ -0,0 +1,12 @@
@import "style";
@import "topic";
@import "category";
@import "noscript";
@import "home";
@import "header";
@import "account";
@import "search";
@import "unread";
@import "admin";
@import "users";
@import "footer";
Loading…
Cancel
Save