github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Conform to CSSLINT rules

pull/489/merge
Abdullah Almsaeed 2015-07-25 15:52:28 -04:00
parent 2827e4d2fb
commit 30e6e1f034
24 changed files with 148 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
build/less/.csslintrc Normal file
View File

@ -0,0 +1,23 @@
{
"adjoining-classes": false,
"box-sizing": false,
"box-model": false,
"compatible-vendor-prefixes": false,
"floats": false,
"font-sizes": false,
"gradients": false,
"important": false,
"known-properties": false,
"outline-none": false,
"qualified-headings": false,
"regex-selectors": false,
"shorthand": false,
"text-indent": false,
"unique-headings": false,
"universal-selector": false,
"unqualified-attributes": false,
"ids": false,
"fallback-colors": false,
"vendor-prefix": false,
"import": false
}

50
build/less/boxes.less
View File

@ -69,7 +69,7 @@
//use this class to get a colored header and borders
&.box-solid {
border-top: 0px;
border-top: 0;
> .box-header {
.btn.btn-default {
background: transparent;
@ -292,7 +292,7 @@
.todo-list {
margin: 0;
padding: 0px 0px;
padding: 0;
list-style: none;
overflow: auto;
// Todo list element
@ -306,22 +306,6 @@
&:last-of-type {
margin-bottom: 0;
}
// Color varaity
&.danger {
border-left-color: @red;
}
&.warning {
border-left-color: @yellow;
}
&.info {
border-left-color: @aqua;
}
&.success {
border-left-color: @green;
}
&.primary {
border-left-color: @light-blue;
}
> input[type='checkbox'] {
margin: 0 10px 0 5px;
@ -368,6 +352,23 @@
}
}
// Color varaity
.danger {
border-left-color: @red;
}
.warning {
border-left-color: @yellow;
}
.info {
border-left-color: @aqua;
}
.success {
border-left-color: @green;
}
.primary {
border-left-color: @light-blue;
}
.handle {
display: inline-block;
cursor: move;
@ -390,12 +391,13 @@
height: 40px;
border: 2px solid transparent;
.border-radius(50%);
&.online {
border: 2px solid @green;
}
&.offline {
border: 2px solid @red;
}
}
> .online {
border: 2px solid @green;
}
> .offline {
border: 2px solid @red;
}
// The message body

8
build/less/dropdown.less
View File

@ -52,7 +52,7 @@
//Define footer class
> .dropdown-menu > li.footer > a {
.border-radius(0px; 0px; 4px; 4px);
.border-radius(0; 0; 4px; 4px);
font-size: 12px;
background-color: #fff;
padding: 7px 10px;
@ -117,7 +117,7 @@
> .dropdown-menu > li .menu {
// Messages menu item
> li > a {
margin: 0px;
margin: 0;
//line-height: 20px;
padding: 10px 10px;
// User image
@ -138,8 +138,8 @@
color: #999999;
font-size: 10px;
position: absolute;
top: 0px;
right: 0px;
top: 0;
right: 0;
}
}

2
build/less/header.less
View File

@ -153,7 +153,7 @@
> .breadcrumb {
float: right;
background: transparent;
margin-top: 0px;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
padding: 7px 5px;

1
build/less/login_and_register.less
View File

@ -33,7 +33,6 @@
.register-box-body {
background: #fff;
padding: 20px;
color: #444;
border-top: 0;
color: #666;
.form-control-feedback {

7
build/less/miscellaneous.less
View File

@ -15,7 +15,6 @@
// Display inline
.inline {
display: inline;
width: auto;
}
// Description Blocks
@ -233,15 +232,15 @@
// Remove borders
.no-border {
border: 0px !important;
border: 0 !important;
}
// Remove padding
.no-padding {
padding: 0px !important;
padding: 0 !important;
}
// Remove margins
.no-margin {
margin: 0px !important;
margin: 0 !important;
}
// Remove box shadow

2
build/less/mixins.less
View File

@ -31,7 +31,7 @@
}
//Logo color variation
.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0px) {
.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {
background-color: @bg-color;
color: @color;
border-bottom: @border-bottom-width solid @border-bottom-color;

28
build/less/timeline.less
View File

@ -13,7 +13,7 @@
&:before {
content: '';
position: absolute;
top: 0px;
top: 0;
bottom: 0;
width: 4px;
background: #ddd;
@ -33,7 +33,7 @@
> .timeline-item {
.box-shadow(@box-boxshadow);
.border-radius(@box-border-radius);
margin-top: 0px;
margin-top: 0;
background: #fff;
color: #444;
margin-left: 60px;
@ -66,18 +66,6 @@
}
// Time label
&.time-label {
> span {
font-weight: 600;
padding: 5px;
display: inline-block;
background-color: #fff;
.border-radius(4px);
}
}
// The icons
> .fa,
> .glyphicon,
@ -95,4 +83,16 @@
top: 0;
}
}
// Time label
> .time-label {
> span {
font-weight: 600;
padding: 5px;
display: inline-block;
background-color: #fff;
.border-radius(4px);
}
}
}

2
build/less/variables.less
View File

@ -92,7 +92,7 @@
//FORMS
//--------------------------------------------------------
@input-radius: 0px;
@input-radius: 0;
//BUTTONS
//--------------------------------------------------------

86
dist/css/AdminLTE.css vendored
View File

@ -314,7 +314,7 @@ a:focus {
.content-header > .breadcrumb {
float: right;
background: transparent;
margin-top: 0px;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
padding: 7px 5px;
@ -941,8 +941,8 @@ a:focus {
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
font-size: 12px;
@ -1002,7 +1002,7 @@ a:focus {
width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
margin: 0px;
margin: 0;
padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
@ -1021,8 +1021,8 @@ a:focus {
color: #999999;
font-size: 10px;
position: absolute;
top: 0px;
right: 0px;
top: 0;
right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
margin: 0 0 0 45px;
@ -1223,7 +1223,7 @@ a:focus {
* ---------------
*/
.form-control {
border-radius: 0px;
border-radius: 0;
box-shadow: none;
border-color: #d2d6de;
}
@ -1265,7 +1265,7 @@ a:focus {
}
/* Input group */
.input-group .input-group-addon {
border-radius: 0px;
border-radius: 0;
border-color: #d2d6de;
background-color: #fff;
}
@ -1553,7 +1553,7 @@ a:focus {
border-left: 1px solid #f4f4f4;
}
.box.box-solid {
border-top: 0px;
border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
background: transparent;
@ -1802,7 +1802,7 @@ a:focus {
/* Widget: TODO LIST */
.todo-list {
margin: 0;
padding: 0px 0px;
padding: 0;
list-style: none;
overflow: auto;
}
@ -1817,21 +1817,6 @@ a:focus {
.todo-list > li:last-of-type {
margin-bottom: 0;
}
.todo-list > li.danger {
border-left-color: #dd4b39;
}
.todo-list > li.warning {
border-left-color: #f39c12;
}
.todo-list > li.info {
border-left-color: #00c0ef;
}
.todo-list > li.success {
border-left-color: #00a65a;
}
.todo-list > li.primary {
border-left-color: #3c8dbc;
}
.todo-list > li > input[type='checkbox'] {
margin: 0 10px 0 5px;
}
@ -1868,6 +1853,21 @@ a:focus {
.todo-list > li.done .label {
background: #d2d6de !important;
}
.todo-list .danger {
border-left-color: #dd4b39;
}
.todo-list .warning {
border-left-color: #f39c12;
}
.todo-list .info {
border-left-color: #00c0ef;
}
.todo-list .success {
border-left-color: #00a65a;
}
.todo-list .primary {
border-left-color: #3c8dbc;
}
.todo-list .handle {
display: inline-block;
cursor: move;
@ -1894,10 +1894,10 @@ a:focus {
border: 2px solid transparent;
border-radius: 50%;
}
.chat .item > img.online {
.chat .item > .online {
border: 2px solid #00a65a;
}
.chat .item > img.offline {
.chat .item > .offline {
border: 2px solid #dd4b39;
}
.chat .item > .message {
@ -2025,7 +2025,7 @@ a:focus {
.timeline:before {
content: '';
position: absolute;
top: 0px;
top: 0;
bottom: 0;
width: 4px;
background: #ddd;
@ -2050,7 +2050,7 @@ a:focus {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-top: 0px;
margin-top: 0;
background: #fff;
color: #444;
margin-left: 60px;
@ -2079,13 +2079,6 @@ a:focus {
.timeline > li > .timeline-item > .timeline-footer {
padding: 10px;
}
.timeline > li.time-label > span {
font-weight: 600;
padding: 5px;
display: inline-block;
background-color: #fff;
border-radius: 4px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
@ -2101,6 +2094,13 @@ a:focus {
left: 18px;
top: 0;
}
.timeline > .time-label > span {
font-weight: 600;
padding: 5px;
display: inline-block;
background-color: #fff;
border-radius: 4px;
}
/*
* Component: Button
* -----------------
@ -3079,7 +3079,6 @@ table.text-center th {
.register-box-body {
background: #fff;
padding: 20px;
color: #444;
border-top: 0;
color: #666;
}
@ -3860,7 +3859,7 @@ table.text-center th {
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
border: 1px solid #d2d6de;
border-radius: 0px;
border-radius: 0;
padding: 6px 12px;
height: 34px;
}
@ -3869,7 +3868,7 @@ table.text-center th {
}
.select2-dropdown {
border: 1px solid #d2d6de;
border-radius: 0px;
border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #3c8dbc;
@ -3918,7 +3917,7 @@ table.text-center th {
}
.select2-container--default .select2-selection--multiple {
border: 1px solid #d2d6de;
border-radius: 0px;
border-radius: 0;
height: 34px;
}
.select2-container--default .select2-selection--multiple:focus {
@ -3958,7 +3957,6 @@ table.text-center th {
}
.inline {
display: inline;
width: auto;
}
.description-block {
display: block;
@ -4221,13 +4219,13 @@ table.text-center th {
display: none !important;
}
.no-border {
border: 0px !important;
border: 0 !important;
}
.no-padding {
padding: 0px !important;
padding: 0 !important;
}
.no-margin {
margin: 0px !important;
margin: 0 !important;
}
.no-shadow {
box-shadow: none!important;

2
dist/css/AdminLTE.min.css vendored
View File

File diff suppressed because one or more lines are too long

32
dist/css/skins/_all-skins.css vendored
View File

@ -44,7 +44,7 @@
.skin-blue .main-header .logo {
background-color: #367fa9;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
background-color: #357ca5;
@ -134,7 +134,7 @@
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;
@ -185,7 +185,7 @@
.skin-blue-light .main-header .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
background-color: #3b8ab8;
@ -300,7 +300,7 @@
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;
@ -358,7 +358,7 @@
.skin-black .main-header > .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-black .main-header > .logo:hover {
@ -368,7 +368,7 @@
.skin-black .main-header > .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black .main-header > .logo:hover {
@ -511,7 +511,7 @@
.skin-black-light .main-header > .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-black-light .main-header > .logo:hover {
@ -521,7 +521,7 @@
.skin-black-light .main-header > .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-light .main-header > .logo:hover {
@ -679,7 +679,7 @@
.skin-green .main-header .logo {
background-color: #008d4c;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-green .main-header .logo:hover {
background-color: #008749;
@ -812,7 +812,7 @@
.skin-green-light .main-header .logo {
background-color: #00a65a;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-green-light .main-header .logo:hover {
background-color: #00a157;
@ -967,7 +967,7 @@
.skin-red .main-header .logo {
background-color: #d73925;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-red .main-header .logo:hover {
background-color: #d33724;
@ -1100,7 +1100,7 @@
.skin-red-light .main-header .logo {
background-color: #dd4b39;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-red-light .main-header .logo:hover {
background-color: #dc4735;
@ -1255,7 +1255,7 @@
.skin-yellow .main-header .logo {
background-color: #e08e0b;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-yellow .main-header .logo:hover {
background-color: #db8b0b;
@ -1388,7 +1388,7 @@
.skin-yellow-light .main-header .logo {
background-color: #f39c12;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-yellow-light .main-header .logo:hover {
background-color: #f39a0d;
@ -1543,7 +1543,7 @@
.skin-purple .main-header .logo {
background-color: #555299;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-purple .main-header .logo:hover {
background-color: #545096;
@ -1676,7 +1676,7 @@
.skin-purple-light .main-header .logo {
background-color: #605ca8;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-purple-light .main-header .logo:hover {
background-color: #5d59a6;

4
dist/css/skins/skin-black-light.css vendored
View File

@ -51,7 +51,7 @@
.skin-black-light .main-header > .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-black-light .main-header > .logo:hover {
@ -61,7 +61,7 @@
.skin-black-light .main-header > .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-light .main-header > .logo:hover {

4
dist/css/skins/skin-black.css vendored
View File

@ -51,7 +51,7 @@
.skin-black .main-header > .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-black .main-header > .logo:hover {
@ -61,7 +61,7 @@
.skin-black .main-header > .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black .main-header > .logo:hover {

4
dist/css/skins/skin-blue-light.css vendored
View File

@ -44,7 +44,7 @@
.skin-blue-light .main-header .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
background-color: #3b8ab8;
@ -159,7 +159,7 @@
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;

4
dist/css/skins/skin-blue.css vendored
View File

@ -44,7 +44,7 @@
.skin-blue .main-header .logo {
background-color: #367fa9;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
background-color: #357ca5;
@ -134,7 +134,7 @@
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;

2
dist/css/skins/skin-green-light.css vendored
View File

@ -44,7 +44,7 @@
.skin-green-light .main-header .logo {
background-color: #00a65a;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-green-light .main-header .logo:hover {
background-color: #00a157;

2
dist/css/skins/skin-green.css vendored
View File

@ -44,7 +44,7 @@
.skin-green .main-header .logo {
background-color: #008d4c;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-green .main-header .logo:hover {
background-color: #008749;

2
dist/css/skins/skin-purple-light.css vendored
View File

@ -44,7 +44,7 @@
.skin-purple-light .main-header .logo {
background-color: #605ca8;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-purple-light .main-header .logo:hover {
background-color: #5d59a6;

2
dist/css/skins/skin-purple.css vendored
View File

@ -44,7 +44,7 @@
.skin-purple .main-header .logo {
background-color: #555299;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-purple .main-header .logo:hover {
background-color: #545096;

2
dist/css/skins/skin-red-light.css vendored
View File

@ -44,7 +44,7 @@
.skin-red-light .main-header .logo {
background-color: #dd4b39;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-red-light .main-header .logo:hover {
background-color: #dc4735;

2
dist/css/skins/skin-red.css vendored
View File

@ -44,7 +44,7 @@
.skin-red .main-header .logo {
background-color: #d73925;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-red .main-header .logo:hover {
background-color: #d33724;

2
dist/css/skins/skin-yellow-light.css vendored
View File

@ -44,7 +44,7 @@
.skin-yellow-light .main-header .logo {
background-color: #f39c12;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-yellow-light .main-header .logo:hover {
background-color: #f39a0d;

2
dist/css/skins/skin-yellow.css vendored
View File

@ -44,7 +44,7 @@
.skin-yellow .main-header .logo {
background-color: #e08e0b;
color: #ffffff;
border-bottom: 0px solid transparent;
border-bottom: 0 solid transparent;
}
.skin-yellow .main-header .logo:hover {
background-color: #db8b0b;