Permalink
Browse files

Add some CSS sniffs.

  • Loading branch information...
1 parent 2b86896 commit 3c282b3e2b70611c8170b287fed7e7747121cd76 @realityking realityking committed Feb 19, 2012
Showing with 113 additions and 102 deletions.
  1. +8 −1 build/phpcs/Joomla/ruleset.xml
  2. +14 −14 media/system/css/adminlist.css
  3. +90 −86 media/system/css/calendar-jos.css
  4. +1 −1 media/system/css/system.css
@@ -23,7 +23,14 @@
<rule ref="Squiz.Classes.SelfMemberReference"/>
<rule ref="PEAR.Commenting.InlineComment"/>
-
+
+ <rule ref="Squiz.CSS.ColonSpacing"/>
+ <rule ref="Squiz.CSS.DuplicateClassDefinition"/>
+ <rule ref="Squiz.CSS.EmptyClassDefinition"/>
+ <rule ref="Squiz.CSS.EmptyStyleDefinition"/>
+ <rule ref="Squiz.CSS.MissingColon"/>
+ <rule ref="Squiz.CSS.SemicolonSpacing"/>
+
<rule ref="Generic.Files.LineEndings"/>
<rule ref="Generic.Files.LineLength"/>
<rule ref="Zend.Files.ClosingTag"/>
@@ -18,13 +18,13 @@ table.adminlist {
border-spacing: 1px;
background-color: #f3f3f3;
color: #666;
- font-size: 11px
+ font-size: 11px;
}
table.adminlist td,
table.adminlist th {
padding: 4px !important;
- font-size: 11px
+ font-size: 11px;
}
table.adminlist thead th {
@@ -62,7 +62,7 @@ table.adminlist tbody tr {
}
table.adminlist tbody tr.row0:hover td,
-table.adminlist tbody tr.row1:hover td {
+table.adminlist tbody tr.row1:hover td {
background-color: #e8f6fe;
}
@@ -136,7 +136,7 @@ fieldset li,
ol#property-values li {
list-style: none;
margin: 0;
- padding: 5px
+ padding: 5px;
}
fieldset.filter {
@@ -149,7 +149,7 @@ fieldset.filter ol {
border: 0;
list-style: none;
margin: 0;
- padding: 5px 0 0
+ padding: 5px 0 0;
}
fieldset.filter ol li {
@@ -167,7 +167,7 @@ fieldset.filter .left {
float: left;
width: auto;
margin: 0;
- text-align: left
+ text-align: left;
}
fieldset.filter .left label {
@@ -221,7 +221,7 @@ fieldset button {
float: left;
width: auto;
margin: 5px 5px 5px 0;
- font-size:11px !important
+ font-size: 11px !important;
}
.list-footer div.limit {
@@ -237,9 +237,9 @@ fieldset button {
/* ++++++++++++++ pagination ++++++++++++++ */
.list-footer {
- margin: 10px 0 ;
+ margin: 10px 0;
padding: 10px 0 10px 0;
- text-align: center
+ text-align: center;
}
table .list-footer ul {
@@ -248,7 +248,7 @@ table .list-footer ul {
padding: 0;
text-align: left;
border: solid 0 #ccc;
- float: left
+ float: left;
}
.list-footer li {
@@ -257,14 +257,14 @@ table .list-footer ul {
text-align: left;
border: solid 0 #eee;
margin: 0 2px;
- font-size: 11px
+ font-size: 11px;
}
.list-footer li.pagination-start,
.list-footer li.pagination-next,
.list-footer li.pagination-end,
.list-footer li.pagination-prev {
- border: 0;
+ border: 0;
}
.list-footer li.pagination-start ,
@@ -273,5 +273,5 @@ table .list-footer ul {
}
p.counter {
- font-weight:bold;
-}
+ font-weight: bold;
+}
@@ -5,180 +5,184 @@
/* The main calendar widget. DIV containing a table. */
div.calendar {
- position: relative;
- z-index: 100;
- width: 226px;
+ position: relative;
+ z-index: 100;
+ width: 226px;
}
.calendar, .calendar table {
- border: 1px solid #cccccc;
- font-size: 11px;
- color: #000;
- cursor: default;
- background: #efefef;
- font-family: arial,verdana,sans-serif;
+ border: 1px solid #cccccc;
+ font-size: 11px;
+ color: #000;
+ cursor: default;
+ background: #efefef;
+ font-family: arial,verdana,sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
- text-align: center; /* They are the navigation buttons */
- padding: 2px; /* Make the buttons seem like they're pressing */
+ text-align: center; /* They are the navigation buttons */
+ padding: 2px; /* Make the buttons seem like they're pressing */
}
.calendar thead .title { /* This holds the current "month, year" */
- font-weight: bold; /* Pressing it will take you to the current date */
- text-align: center;
- background: #333333;
- color: #ffffff;
- padding: 2px;
+ font-weight: bold; /* Pressing it will take you to the current date */
+ text-align: center;
+ background: #333333;
+ color: #ffffff;
+ padding: 2px;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
- background: #dedede;
- color: #000;
+ background: #dedede;
+ color: #000;
}
.calendar thead .name { /* Cells <TD> containing the day names */
- border-bottom: 1px solid #cccccc;
- padding: 2px;
- text-align: center;
- color: #000;
+ border-bottom: 1px solid #cccccc;
+ padding: 2px;
+ text-align: center;
+ color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
- color: #999;
+ color: #999;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
- background: #bbbbbb;
- color: #000000;
- border: 1px solid #cccccc;
- padding: 1px;
+ background: #bbbbbb;
+ color: #000000;
+ border: 1px solid #cccccc;
+ padding: 1px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
- background: #c77;
- padding: 2px 0px 0px 2px;
+ background: #c77;
+ padding: 2px 0px 0px 2px;
}
.calendar thead .daynames { /* Row <TR> containing the day names */
- background: #dddddd;
+ background: #dddddd;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
- width: 2em;
- text-align: right;
- padding: 2px 4px 2px 2px;
+ width: 2em;
+ text-align: right;
+ padding: 2px 4px 2px 2px;
}
.calendar table .wn {
- padding: 2px 3px 2px 2px;
- border-right: 1px solid #cccccc;
- background: #dddddd;
+ padding: 2px 3px 2px 2px;
+ border-right: 1px solid #cccccc;
+ background: #dddddd;
}
.calendar tbody .rowhilite td {
- background: #666666;
- color: #ffffff;
+ background: #666666;
+ color: #ffffff;
}
.calendar tbody .rowhilite td.wn {
- background: #666666;
- color: #ffffff;
+ background: #666666;
+ color: #ffffff;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
- background: #000000;
- color: #ffffff;
- padding: 2px 2px 0px 2px;
+ background: #000000;
+ color: #ffffff;
+ padding: 2px 2px 0px 2px;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
- color: #999;
+ color: #999;
}
.calendar tbody td.selected { /* Cell showing today date */
- font-weight: bold;
- border: 1px solid #000;
- padding: 1px 3px 1px 1px;
- background: #000000;
- color: #ffffff;
+ font-weight: bold;
+ border: 1px solid #000;
+ padding: 1px 3px 1px 1px;
+ background: #000000;
+ color: #ffffff;
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
- background: #999999;
- padding: 1px 3px 1px 1px;
- border: 1px solid #666666;
- color: #ffffff;
+ background: #999999;
+ padding: 1px 3px 1px 1px;
+ border: 1px solid #666666;
+ color: #ffffff;
}
-.calendar tbody td.today { font-weight: bold; }
+.calendar tbody td.today {
+ font-weight: bold;
+}
-.calendar tbody .disabled { color: #999; }
+.calendar tbody .disabled {
+ color: #999;
+}
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
- visibility: hidden;
+ visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
- display: none;
+ display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
- text-align: center;
- background: #cccccc;
- color: #000;
+ text-align: center;
+ background: #cccccc;
+ color: #000;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
- border-top: 1px solid #cccccc;
- background: #efefef;
- color: #000000;
+ border-top: 1px solid #cccccc;
+ background: #efefef;
+ color: #000000;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
- background: #666666;
- border: 1px solid #f40;
- padding: 1px;
+ background: #666666;
+ border: 1px solid #f40;
+ padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
- background: #999999;
- padding: 2px 0px 0px 2px;
+ background: #999999;
+ padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.combo {
- position: absolute;
- display: none;
- top: 0px;
- left: 0px;
- width: 4em;
- cursor: default;
- border: 1px solid #655;
- background: #ffffff;
- color: #000;
- font-size: smaller;
+ position: absolute;
+ display: none;
+ top: 0px;
+ left: 0px;
+ width: 4em;
+ cursor: default;
+ border: 1px solid #655;
+ background: #ffffff;
+ color: #000;
+ font-size: smaller;
}
.combo .label {
- width: 100%;
- text-align: center;
+ width: 100%;
+ text-align: center;
}
.combo .hilite {
- background: #fc8;
+ background: #fc8;
}
.combo .active {
- border-top: 1px solid #cccccc;
- border-bottom: 1px solid #cccccc;
- background: #efefef;
- font-weight: bold;
-}
+ border-top: 1px solid #cccccc;
+ border-bottom: 1px solid #cccccc;
+ background: #efefef;
+ font-weight: bold;
+}
Oops, something went wrong.

0 comments on commit 3c282b3

Please sign in to comment.