rules_filter.css in Rules filter 7
#rules-filter-wrapper {
overflow: hidden;
border: 1px solid #ccc;
}
/* Tabs styles */
#rules-filter-tabs {
width: 20%;
float: left;
}
#rules-filter-tabs ul {
margin: 0;
}
#rules-filter-tabs ul li {
display: block;
border-bottom: 1px solid #ccc;
}
#rules-filter-tabs ul li:nth-child(2):after {
content: '';
width: 100%;
height: 10px;
display: block;
border-top: 1px solid #ccc;
background-color: #ddd;
}
#rules-filter-tabs ul li a {
padding: 10px;
display: block;
background-color: #eee;
color: #666;
}
#rules-filter-tabs ul li a.selected,
#rules-filter-tabs ul li a.selected:hover {
background-color: #fff;
color: #000;
}
#rules-filter-tabs ul li a:hover {
background: #d5d5d5;
text-decoration: none;
}
/* Rules table */
#rules-filter-rules {
width: 79%;
float: left;
}
/* Filter form */
#rules-filter-rules .rules-filter-form .form-item {
margin-left: 10px;
display: inline-block;
}
.rules-overview-table td {
vertical-align: top;
}
.rules-overview-table tr.disabled {
opacity: 0.5;
}
.rules-overview-table tr.disabled:hover {
opacity: 1;
}
.rules-overview-table .sort {
cursor: pointer;
position: relative;
}
.rules-overview-table .sort:after {
width: 13px;
height: 13px;
content: '';
display: block;
background-image: none;
position: absolute;
right: 8px;
top: 2px;
}
.rules-overview-table .sort.asc:after {
background-image: url(/themes/seven/images/arrow-asc.png);
}
.rules-overview-table .sort.desc:after {
background-image: url(/themes/seven/images/arrow-desc.png);
}
/* Dropdown button */
.ctools-button-processed {
background-image:
-moz-linear-gradient(
-90deg,
#ffffff 0px,
#f9f9f9 100%);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.0, rgba(255, 255, 255, 1.0)),
color-stop(1.0, rgba(249, 249, 249, 1.0))
);
background-image:
-webkit-linear-gradient(
-90deg,
#ffffff 0px,
#f9f9f9 100%);
background-image:
linear-gradient(
-90deg,
#ffffff 0px,
#f9f9f9 100%);
-moz-border-radius: 11px 11px 11px 11px;
-webkit-border-radius: 11px 11px 11px 11px;
border-radius: 11px 11px 11px 11px;
}
.ctools-button-processed:hover {
background-image:
-moz-linear-gradient(
-90deg,
#ffffff 0px,
#f1f1f1 100%);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.0, rgba(255, 255, 255, 1.0)),
color-stop(1.0, rgba(241, 241, 241, 1.0))
);
background-image:
-webkit-linear-gradient(
-90deg,
#ffffff 0px,
#f1f1f1 100%);
background-image:
linear-gradient(
-90deg,
#ffffff 0px,
#f1f1f1 100%);
}
.ctools-dropbutton-processed.open:hover {
background-image:
-moz-linear-gradient(
-90deg,
#ffffff 0px,
#f9f9f9 100%);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.0, rgba(255, 255, 255, 1.0)),
color-stop(1.0, rgba(249, 249, 249, 1.0))
);
background-image:
-webkit-linear-gradient(
-90deg,
#ffffff 0px,
#f9f9f9 100%);
background-image:
linear-gradient(
-90deg,
#ffffff 0px,
#f9f9f9 100%);
}
.ctools-dropbutton-processed.open {
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
.ctools-button-processed {
background-color: #ffffff;
border-color: #cccccc;
font-size: 11px;
padding-bottom: 2px;
padding-top: 2px;
}
.ctools-button-processed:hover {
border-color: #b8b8b8;
}
.ctools-button-processed:active {
border-color: #a0a0a0;
}
.ctools-button-processed .ctools-content {
padding-bottom: 0;
padding-top: 0;
}
.ctools-dropbutton-processed {
position: absolute;
}
.ctools-dropbutton-processed .ctools-content {
border-right: 1px solid #e8e8e8;
}
.ctools-dropbutton-processed .ctools-content ul {
margin: 0;
padding: 0;
}
.ctools-content ul.actions {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.ctools-button-processed .ctools-content a {
background-image: none;
border: medium none;
text-transform: capitalize;
}
.ctools-dropbutton-processed.open:hover {
border-color: #D0D0D0;
}
.ctools-dropbutton-processed.open {
z-index: 100;
}
.ctools-dropbutton-processed .ctools-link {
border-left: 1px solid #ffffff;
}
.ctools-dropbutton-processed.open .ctools-content {
padding-bottom: 4px;
}
.ctools-dropbutton-processed li a,
.ctools-dropbutton-processed li input {
padding-right: 9px;
}
.ctools-dropbutton-processed.open li + li {
border-top: 1px solid #efefef;
margin-top: 4px;
padding-bottom: 0;
padding-top: 4px;
}
table.sticky-header {
z-index: 101;
}
File
css/rules_filter.css
View source
- #rules-filter-wrapper {
- overflow: hidden;
- border: 1px solid #ccc;
- }
-
- /* Tabs styles */
- #rules-filter-tabs {
- width: 20%;
- float: left;
- }
- #rules-filter-tabs ul {
- margin: 0;
- }
- #rules-filter-tabs ul li {
- display: block;
- border-bottom: 1px solid #ccc;
- }
- #rules-filter-tabs ul li:nth-child(2):after {
- content: '';
- width: 100%;
- height: 10px;
- display: block;
- border-top: 1px solid #ccc;
- background-color: #ddd;
- }
- #rules-filter-tabs ul li a {
- padding: 10px;
- display: block;
- background-color: #eee;
- color: #666;
- }
- #rules-filter-tabs ul li a.selected,
- #rules-filter-tabs ul li a.selected:hover {
- background-color: #fff;
- color: #000;
- }
- #rules-filter-tabs ul li a:hover {
- background: #d5d5d5;
- text-decoration: none;
- }
-
- /* Rules table */
- #rules-filter-rules {
- width: 79%;
- float: left;
- }
-
- /* Filter form */
- #rules-filter-rules .rules-filter-form .form-item {
- margin-left: 10px;
- display: inline-block;
- }
-
- .rules-overview-table td {
- vertical-align: top;
- }
- .rules-overview-table tr.disabled {
- opacity: 0.5;
- }
- .rules-overview-table tr.disabled:hover {
- opacity: 1;
- }
- .rules-overview-table .sort {
- cursor: pointer;
- position: relative;
- }
- .rules-overview-table .sort:after {
- width: 13px;
- height: 13px;
- content: '';
- display: block;
- background-image: none;
- position: absolute;
- right: 8px;
- top: 2px;
- }
- .rules-overview-table .sort.asc:after {
- background-image: url(/themes/seven/images/arrow-asc.png);
- }
- .rules-overview-table .sort.desc:after {
- background-image: url(/themes/seven/images/arrow-desc.png);
- }
-
- /* Dropdown button */
- .ctools-button-processed {
- background-image:
- -moz-linear-gradient(
- -90deg,
- #ffffff 0px,
- #f9f9f9 100%);
- background-image:
- -webkit-gradient(
- linear,
- left top,
- left bottom,
- color-stop(0.0, rgba(255, 255, 255, 1.0)),
- color-stop(1.0, rgba(249, 249, 249, 1.0))
- );
- background-image:
- -webkit-linear-gradient(
- -90deg,
- #ffffff 0px,
- #f9f9f9 100%);
- background-image:
- linear-gradient(
- -90deg,
- #ffffff 0px,
- #f9f9f9 100%);
- -moz-border-radius: 11px 11px 11px 11px;
- -webkit-border-radius: 11px 11px 11px 11px;
- border-radius: 11px 11px 11px 11px;
- }
-
- .ctools-button-processed:hover {
- background-image:
- -moz-linear-gradient(
- -90deg,
- #ffffff 0px,
- #f1f1f1 100%);
- background-image:
- -webkit-gradient(
- linear,
- left top,
- left bottom,
- color-stop(0.0, rgba(255, 255, 255, 1.0)),
- color-stop(1.0, rgba(241, 241, 241, 1.0))
- );
- background-image:
- -webkit-linear-gradient(
- -90deg,
- #ffffff 0px,
- #f1f1f1 100%);
- background-image:
- linear-gradient(
- -90deg,
- #ffffff 0px,
- #f1f1f1 100%);
- }
-
- .ctools-dropbutton-processed.open:hover {
- background-image:
- -moz-linear-gradient(
- -90deg,
- #ffffff 0px,
- #f9f9f9 100%);
- background-image:
- -webkit-gradient(
- linear,
- left top,
- left bottom,
- color-stop(0.0, rgba(255, 255, 255, 1.0)),
- color-stop(1.0, rgba(249, 249, 249, 1.0))
- );
- background-image:
- -webkit-linear-gradient(
- -90deg,
- #ffffff 0px,
- #f9f9f9 100%);
- background-image:
- linear-gradient(
- -90deg,
- #ffffff 0px,
- #f9f9f9 100%);
- }
-
- .ctools-dropbutton-processed.open {
- -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
- -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
- }
-
- .ctools-button-processed {
- background-color: #ffffff;
- border-color: #cccccc;
- font-size: 11px;
- padding-bottom: 2px;
- padding-top: 2px;
- }
-
- .ctools-button-processed:hover {
- border-color: #b8b8b8;
- }
-
- .ctools-button-processed:active {
- border-color: #a0a0a0;
- }
-
- .ctools-button-processed .ctools-content {
- padding-bottom: 0;
- padding-top: 0;
- }
-
- .ctools-dropbutton-processed {
- position: absolute;
- }
-
- .ctools-dropbutton-processed .ctools-content {
- border-right: 1px solid #e8e8e8;
- }
-
- .ctools-dropbutton-processed .ctools-content ul {
- margin: 0;
- padding: 0;
- }
-
- .ctools-content ul.actions {
- margin-top: 0;
- margin-bottom: 0;
- padding-left: 0;
- }
-
- .ctools-button-processed .ctools-content a {
- background-image: none;
- border: medium none;
- text-transform: capitalize;
- }
-
- .ctools-dropbutton-processed.open:hover {
- border-color: #D0D0D0;
- }
-
- .ctools-dropbutton-processed.open {
- z-index: 100;
- }
-
- .ctools-dropbutton-processed .ctools-link {
- border-left: 1px solid #ffffff;
- }
-
- .ctools-dropbutton-processed.open .ctools-content {
- padding-bottom: 4px;
- }
-
- .ctools-dropbutton-processed li a,
- .ctools-dropbutton-processed li input {
- padding-right: 9px;
- }
-
- .ctools-dropbutton-processed.open li + li {
- border-top: 1px solid #efefef;
- margin-top: 4px;
- padding-bottom: 0;
- padding-top: 4px;
- }
-
- table.sticky-header {
- z-index: 101;
- }