hyperzlib
/
nodebb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

did some much needed spring cleaning of the admin less files

Browse Source
v1.18.x
psychobunny 10 years ago
parent 2cebeeb1ca
commit 6a9b131223
11 changed files with 428 additions and 455 deletions
Show Stats Download Patch File Download Diff File

467
public/less/admin/admin.less
Unescape Escape View File

@ -1,11 +1,15 @@
@import "./bootstrap/bootstrap";
@import "../mixins";
.box-header-font {
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
}
@import "./mixins";
@import "./components";
@import "./general/dashboard";
@import "./manage/categories";
@import "./manage/groups";
@import "./manage/tags";
@import "./manage/users";
@import "./appearance/customise";
@import "./appearance/themes";
@import "./extend/plugins";
.admin {
padding-top: 70px;
@ -154,243 +158,6 @@
}
}
.graph-container {
padding-right: 50px;
position: relative;
.graph-legend {
.box-header-font;
display: block;
position: absolute;
top: 20px;
left: 35px;
list-style-type: none;
padding: 0;
li {
div {
border: 1px solid;
width: 12px;
height: 12px;
vertical-align: -41%;
margin-bottom: 5px;
display: inline-block;
margin-right: 5px;
&.page-views {
border-color: rgba(220,220,220,1);
background-color: rgba(220,220,220,0.2);
}
&.unique-visitors {
border-color: rgba(151,187,205,1);
background-color: rgba(151,187,205,0.2);
}
}
}
}
}
.version-check {
-webkit-transition: background, color 500ms ease-in;
-moz-transition: background, color 500ms ease-in;
-ms-transition: background, color 500ms ease-in;
-o-transition: background, color 500ms ease-in;
transition: background, color 500ms ease-in;
}
#unique-visitors, #active-users {
margin-left: -15px;
> div {
width: 25%;
font-size: 13px;
}
}
.categories {
.entry-row {
border-radius: 10px;
cursor: move;
list-style-type: none;
}
.admin-categories {
margin-top: 20px;
> ul > li {
label {
font-size: 12px;
font-weight: none;
}
form {
.btn-group {
display: block;
}
}
h3 {
margin-top: 0;
}
h3, h4 {
cursor: text;
.fa-edit {
cursor: pointer;
}
}
h3, h4, .toggle-settings {
padding-left: 8px;
}
.preview-box {
width: 100%;
height: 100px;
text-align: center;
color: white;
margin-top: 0;
.icon {
width: 30px;
height: 30px;
line-height: 40px;
display: inline-block;
margin: 35px 5px 0 5px;
}
}
.dropdown {
hr {
margin: 5px auto;
}
}
}
}
.permissions-modal {
.search-results {
padding: 0;
> li {
.zebra;
clear: both;
list-style-type: none;
padding: 0.5em;
min-height: 46px;
a {
&:before {
font-family: "FontAwesome";
content: "\f096";
display: inline-block;
min-width: 20px;
}
&.active:before {
content: "\f046";
}
}
img {
width: 32px;
margin-right: 1em;
}
}
}
.members {
li {
list-style-type: none;
.inline-block;
.pointer;
img {
width: 32px;
}
&.empty {
font-size: 12px;
cursor: auto;
min-height: 28px;
}
}
}
}
}
.themes, .skins {
ul.directory {
margin: 0;
padding: 0;
li {
padding: 10px 16px;
margin: 0.25em 1em;
list-style-type: none;
.pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: background-color 250ms linear;
-moz-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
-o-transition: background-color 250ms linear;
transition: background-color 250ms linear;
img {
max-width: 150px;
float: left;
}
h4, p {
margin-left: 170px;
}
p {
font-size: 0.9em;
}
&:hover {
background-color: rgba(128, 128, 128, 0.2);
}
&.no-themes {
font-style: italic;
}
}
}
textarea[data-field] {
min-height: 450px;
width: 100%;
resize: vertical;
}
}
.motd textarea {
width: 100%;
}
.topics {
margin: 0;
padding: 0;
> li {
.zebra;
list-style-type: none;
padding: 1em;
margin-bottom: 1em;
ul {
margin: 0.5em 0;
li {
list-style-type: none;
}
}
}
}
.icon-container {
.row {
margin: 0;
@ -410,220 +177,10 @@
}
}
.plugins {
padding-left: 0px;
li {
list-style-type: none;
background: rgba(64, 64, 64, 0.05);
padding: 1em;
margin-bottom: 5px;
border-left: 5px solid #08c;
h2 {
font-size: 16px;
margin: 0;
}
p {
font-size: 12px;
}
}
}
.groups {
> ul {
padding-left: 0;
> li {
list-style-type: none;
margin-bottom: 1em;
padding: 1em;
.zebra;
h2 {
margin-top: 0;
font-size: 26px;
}
}
}
.members {
padding: 1em;
&.current_members {
li {
margin-right: 1em;
}
}
li {
display: inline-block;
border: 1px solid rgb(200, 200, 200);
img {
width: 32px;
}
span {
padding: 0 1em;
}
&:hover {
.pointer;
background: rgba(192, 192, 192, 0.2);
}
&.more {
width: 34px;
height: 34px;
vertical-align: top;
padding-top: 3px;
position: relative;
left: -4px;
}
}
}
}
.users {
#users-container {
padding: 0;
}
.users-box{
display: inline-block;
margin-top: 20px;
text-align: center;
vertical-align: top;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: auto;
max-width: 125px;
img {
width:80px;
height:80px;
}
a {
margin-bottom:5px;
}
}
}
.tags {
.tag-list {
h3 {
min-width: 225px;
}
.tag-row {
padding: 5px;
float: left;
.tag-item {
cursor: pointer;
display: inline-block;
margin-top: 22px;
font-size: 11px;
}
}
.save {
margin-top:25px;
}
}
}
.tag-item {
border: solid 1px @gray-light;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
background-color: transparent;
color: @gray-light;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
white-space: nowrap;
}
.tag-topic-count {
border: solid 1px lighten(@brand-primary, 20%);
background-color: lighten(@brand-primary, 20%);
color: #FFFFFF;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
white-space: nowrap;
border-left: none;
padding-right: 5px;
padding-left: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
#acp-search {
.search-match {
font-weight: 700;
color: black;
}
}
#customCSS, #customHTML {
width: 100%;
height: 450px;
display: block;
}
}
#admin-redis-info {
span {
display:inline-block;
width:220px;
}
}
.fa-icons .col-md-3 {
padding-left: 0;
padding-right: 0;
}
.alert-window {
position:fixed;
width:300px;
z-index:10;
.toaster-alert {
.pointer;
}
.alert {
img {
float:left;
padding-right:10px;
}
}
}
.alert-left-top {
left:20px;
top:70px;
}
.alert-left-bottom {
left:20px;
bottom:20px;
}
.alert-right-top {
right:20px;
top:70px;
}
.alert-right-bottom {
right:20px;
bottom:20px;
}
}

5
public/less/admin/appearance/customise.less
Unescape Escape View File

@ -0,0 +1,5 @@
#customCSS, #customHTML {
width: 100%;
height: 450px;
display: block;
}

48
public/less/admin/appearance/themes.less
Unescape Escape View File

@ -0,0 +1,48 @@
.themes, .skins {
ul.directory {
margin: 0;
padding: 0;
li {
padding: 10px 16px;
margin: 0.25em 1em;
list-style-type: none;
.pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: background-color 250ms linear;
-moz-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
-o-transition: background-color 250ms linear;
transition: background-color 250ms linear;
img {
max-width: 150px;
float: left;
}
h4, p {
margin-left: 170px;
}
p {
font-size: 0.9em;
}
&:hover {
background-color: rgba(128, 128, 128, 0.2);
}
&.no-themes {
font-style: italic;
}
}
}
textarea[data-field] {
min-height: 450px;
width: 100%;
resize: vertical;
}
}

35
public/less/admin/components.less
Unescape Escape View File

@ -0,0 +1,35 @@
.alert-window {
position:fixed;
width:300px;
z-index:10;
.toaster-alert {
.pointer;
}
.alert {
img {
float:left;
padding-right:10px;
}
}
}
.alert-left-top {
left:20px;
top:70px;
}
.alert-left-bottom {
left:20px;
bottom:20px;
}
.alert-right-top {
right:20px;
top:70px;
}
.alert-right-bottom {
right:20px;
bottom:20px;
}

20
public/less/admin/extend/plugins.less
Unescape Escape View File

@ -0,0 +1,20 @@
.plugins {
padding-left: 0px;
li {
list-style-type: none;
background: rgba(64, 64, 64, 0.05);
padding: 1em;
margin-bottom: 5px;
border-left: 5px solid #08c;
h2 {
font-size: 16px;
margin: 0;
}
p {
font-size: 12px;
}
}
}

55
public/less/admin/general/dashboard.less
Unescape Escape View File

@ -0,0 +1,55 @@
.graph-container {
padding-right: 50px;
position: relative;
.graph-legend {
.box-header-font;
display: block;
position: absolute;
top: 20px;
left: 35px;
list-style-type: none;
padding: 0;
li {
div {
border: 1px solid;
width: 12px;
height: 12px;
vertical-align: -41%;
margin-bottom: 5px;
display: inline-block;
margin-right: 5px;
&.page-views {
border-color: rgba(220,220,220,1);
background-color: rgba(220,220,220,0.2);
}
&.unique-visitors {
border-color: rgba(151,187,205,1);
background-color: rgba(151,187,205,0.2);
}
}
}
}
}
.version-check {
-webkit-transition: background, color 500ms ease-in;
-moz-transition: background, color 500ms ease-in;
-ms-transition: background, color 500ms ease-in;
-o-transition: background, color 500ms ease-in;
transition: background, color 500ms ease-in;
}
#unique-visitors, #active-users {
margin-left: -15px;
> div {
width: 25%;
font-size: 13px;
}
}
.motd textarea {
width: 100%;
}

116
public/less/admin/manage/categories.less
Unescape Escape View File

@ -0,0 +1,116 @@
.categories {
.entry-row {
border-radius: 10px;
cursor: move;
list-style-type: none;
}
.fa-icons .col-md-3 {
padding-left: 0;
padding-right: 0;
}
.admin-categories {
margin-top: 20px;
> ul > li {
label {
font-size: 12px;
font-weight: none;
}
form {
.btn-group {
display: block;
}
}
h3 {
margin-top: 0;
}
h3, h4 {
cursor: text;
.fa-edit {
cursor: pointer;
}
}
h3, h4, .toggle-settings {
padding-left: 8px;
}
.preview-box {
width: 100%;
height: 100px;
text-align: center;
color: white;
margin-top: 0;
.icon {
width: 30px;
height: 30px;
line-height: 40px;
display: inline-block;
margin: 35px 5px 0 5px;
}
}
.dropdown {
hr {
margin: 5px auto;
}
}
}
}
.permissions-modal {
.search-results {
padding: 0;
> li {
.zebra;
clear: both;
list-style-type: none;
padding: 0.5em;
min-height: 46px;
a {
&:before {
font-family: "FontAwesome";
content: "\f096";
display: inline-block;
min-width: 20px;
}
&.active:before {
content: "\f046";
}
}
img {
width: 32px;
margin-right: 1em;
}
}
}
.members {
li {
list-style-type: none;
.inline-block;
.pointer;
img {
width: 32px;
}
&.empty {
font-size: 12px;
cursor: auto;
min-height: 28px;
}
}
}
}
}

54
public/less/admin/manage/groups.less
Unescape Escape View File

@ -0,0 +1,54 @@
.groups {
> ul {
padding-left: 0;
> li {
list-style-type: none;
margin-bottom: 1em;
padding: 1em;
.zebra;
h2 {
margin-top: 0;
font-size: 26px;
}
}
}
.members {
padding: 1em;
&.current_members {
li {
margin-right: 1em;
}
}
li {
display: inline-block;
border: 1px solid rgb(200, 200, 200);
img {
width: 32px;
}
span {
padding: 0 1em;
}
&:hover {
.pointer;
background: rgba(192, 192, 192, 0.2);
}
&.more {
width: 34px;
height: 34px;
vertical-align: top;
padding-top: 3px;
position: relative;
left: -4px;
}
}
}
}

50
public/less/admin/manage/tags.less
Unescape Escape View File

@ -0,0 +1,50 @@
.tags {
.tag-list {
h3 {
min-width: 225px;
}
.tag-row {
padding: 5px;
float: left;
.tag-item {
cursor: pointer;
display: inline-block;
margin-top: 22px;
font-size: 11px;
}
}
.save {
margin-top:25px;
}
}
.tag-item {
border: solid 1px @gray-light;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
background-color: transparent;
color: @gray-light;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
white-space: nowrap;
}
.tag-topic-count {
border: solid 1px lighten(@brand-primary, 20%);
background-color: lighten(@brand-primary, 20%);
color: #FFFFFF;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
white-space: nowrap;
border-left: none;
padding-right: 5px;
padding-left: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
}

26
public/less/admin/manage/users.less
Unescape Escape View File

@ -0,0 +1,26 @@
.users {
#users-container {
padding: 0;
}
.users-box{
display: inline-block;
margin-top: 20px;
text-align: center;
vertical-align: top;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: auto;
max-width: 125px;
img {
width:80px;
height:80px;
}
a {
margin-bottom:5px;
}
}
}

7
public/less/admin/mixins.less
Unescape Escape View File

@ -0,0 +1,7 @@
@import "../mixins";
.box-header-font {
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
}
Write Preview
Loading…
Cancel
Save