From 6a9b131223a4fcf7b3a2fcd604df55a4f28f1a7a Mon Sep 17 00:00:00 2001 From: psychobunny Date: Sun, 28 Sep 2014 20:39:10 -0400 Subject: [PATCH] did some much needed spring cleaning of the admin less files --- public/less/admin/admin.less | 467 +------------------- public/less/admin/appearance/customise.less | 5 + public/less/admin/appearance/themes.less | 48 ++ public/less/admin/components.less | 35 ++ public/less/admin/extend/plugins.less | 20 + public/less/admin/general/dashboard.less | 55 +++ public/less/admin/manage/categories.less | 116 +++++ public/less/admin/manage/groups.less | 54 +++ public/less/admin/manage/tags.less | 50 +++ public/less/admin/manage/users.less | 26 ++ public/less/admin/mixins.less | 7 + 11 files changed, 428 insertions(+), 455 deletions(-) create mode 100644 public/less/admin/appearance/customise.less create mode 100644 public/less/admin/appearance/themes.less create mode 100644 public/less/admin/components.less create mode 100644 public/less/admin/extend/plugins.less create mode 100644 public/less/admin/general/dashboard.less create mode 100644 public/less/admin/manage/categories.less create mode 100644 public/less/admin/manage/groups.less create mode 100644 public/less/admin/manage/tags.less create mode 100644 public/less/admin/manage/users.less create mode 100644 public/less/admin/mixins.less diff --git a/public/less/admin/admin.less b/public/less/admin/admin.less index 637f46c567..51ea930e19 100644 --- a/public/less/admin/admin.less +++ b/public/less/admin/admin.less @@ -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; -} +} \ No newline at end of file diff --git a/public/less/admin/appearance/customise.less b/public/less/admin/appearance/customise.less new file mode 100644 index 0000000000..753d14e688 --- /dev/null +++ b/public/less/admin/appearance/customise.less @@ -0,0 +1,5 @@ +#customCSS, #customHTML { + width: 100%; + height: 450px; + display: block; +} \ No newline at end of file diff --git a/public/less/admin/appearance/themes.less b/public/less/admin/appearance/themes.less new file mode 100644 index 0000000000..aa052d4e67 --- /dev/null +++ b/public/less/admin/appearance/themes.less @@ -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; + } +} \ No newline at end of file diff --git a/public/less/admin/components.less b/public/less/admin/components.less new file mode 100644 index 0000000000..06d2424d71 --- /dev/null +++ b/public/less/admin/components.less @@ -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; +} \ No newline at end of file diff --git a/public/less/admin/extend/plugins.less b/public/less/admin/extend/plugins.less new file mode 100644 index 0000000000..a8b71ab275 --- /dev/null +++ b/public/less/admin/extend/plugins.less @@ -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; + } + } +} \ No newline at end of file diff --git a/public/less/admin/general/dashboard.less b/public/less/admin/general/dashboard.less new file mode 100644 index 0000000000..297a827496 --- /dev/null +++ b/public/less/admin/general/dashboard.less @@ -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%; +} \ No newline at end of file diff --git a/public/less/admin/manage/categories.less b/public/less/admin/manage/categories.less new file mode 100644 index 0000000000..37b7b939a5 --- /dev/null +++ b/public/less/admin/manage/categories.less @@ -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; + } + } + } + } +} \ No newline at end of file diff --git a/public/less/admin/manage/groups.less b/public/less/admin/manage/groups.less new file mode 100644 index 0000000000..7713a63479 --- /dev/null +++ b/public/less/admin/manage/groups.less @@ -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; + } + } + } +} \ No newline at end of file diff --git a/public/less/admin/manage/tags.less b/public/less/admin/manage/tags.less new file mode 100644 index 0000000000..69cc32eb2b --- /dev/null +++ b/public/less/admin/manage/tags.less @@ -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; + } +} \ No newline at end of file diff --git a/public/less/admin/manage/users.less b/public/less/admin/manage/users.less new file mode 100644 index 0000000000..e30949416e --- /dev/null +++ b/public/less/admin/manage/users.less @@ -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; + } + } +} \ No newline at end of file diff --git a/public/less/admin/mixins.less b/public/less/admin/mixins.less new file mode 100644 index 0000000000..36315ce5f2 --- /dev/null +++ b/public/less/admin/mixins.less @@ -0,0 +1,7 @@ +@import "../mixins"; + +.box-header-font { + font-size: 11px; + text-transform: uppercase; + font-weight: 700; +} \ No newline at end of file