| Current Path : /home/digilove/public_html/media/plg_jchoptimize/css/ |
| Current File : /home/digilove/public_html/media/plg_jchoptimize/css/icons.css |
/**
* JCH Optimize - Plugin to aggregate and minify external resources for
* optmized downloads
* @author Samuel Marshall <sdmarshall73@gmail.com>
* @copyright Copyright (c) 2010 Samuel Marshall
* @license GNU/GPLv3, See LICENSE file
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* If LICENSE file missing, see <http://www.gnu.org/licenses/>.
*/
div.icon{
text-align: center;
margin-right: 12px;
float: left;
margin-bottom: 15px;
font-size: 0.9em;
}
div.icon label{
display: inline-block;
}
div.icon a {
padding: 7px 5px 5px;
background-color: white;
background-position: -30px;
display: block;
float: left;
height: 97px;
width: 108px;
color: #565656;
vertical-align: middle;
text-decoration: none;
border: 1px solid #CCC;
border-radius: 5px;
transition-property: none;
box-shadow: inset -5px -5px 10px rgba(0, 0, 0, 0.1), inset 5px 5px 10px rgba(0, 0, 0, 0.05);
}
div.icon.enabled a:hover {
background-position: 0;
-webkit-border-bottom-left-radius: inherit;
-moz-border-radius-bottomleft: inherit;
border-bottom-left-radius: inherit;
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.1), inset -5px -5px 10px rgba(0, 0, 0, 0.05);
position: relative;
z-index: 10;
}
div.icon.disabled a{
pointer-events: none;
text-decoration: none;
color: #ccc;
}
div.icon.disabled a i#toggle:before{
content:"(Pro only)";
color:#ccc;
}
div.icon.enabled[class*="settings"] a i#toggle{
color:crimson;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
div.icon.enabled[class*="settings"] a i#toggle:before{
content:"\f205";
}
div.icon.enabled[class*="settings"] a i#toggle.on{
filter: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
div.icon.enabled[class*="settings"] a i#toggle.on:before{
color:#60AF2C !important;
}
.container-icons{
float: left;
}
.sticky-30{
position: fixed;
top: 100px;
}
.sticky-25{
position: fixed;
top: 20px;
}
#optimize-log{
border: 1px #CCC solid;
list-style-type: none;
padding: 10px;
margin: 10px;
}
#optimize-log li{
font-size: 11px;
}
.collapsible span{
margin-left: 10px;
}
.collapsible.collapse-open span:before {
content: "\f151"
}
.collapsible.collapse-close span:before {
content: "\f150"
}
#jform_params_pro_staticfiles ul{
padding:0;
margin: 0;
display:table;
width: 300px;
}
#jform_params_pro_staticfiles ul li{
display:inline-table;
width: 20%;
}
.form-horizontal .control-label .spacer hr {
margin: 0 0 15px !important;
}
#file-tree-container, #files-container{
float:left;
padding: 5px;
}
.files-content{
height:400px;
overflow-y: auto;
}
#file-tree-container{
width:30%;
}
#files-container{
width: 40%;
margin-right: 20px;
}
#files-container a{
display: inline;
}
#files-container .files-content{
height: 364px;
padding-left: 30px;
}
#files-container-header{
padding-left: 30px;
border-bottom: 1px solid #ccc;
}
#files-container ul li{
height: 18px;
line-height:18px;
padding-left: 0px !important;
}
#files-container ul li span:first-of-type{
position: relative;
left: -20px;
width: 20px;
display: inline-block;
}
#files-container ul li span:nth-child(2),
#files-container ul li span:nth-child(3),
#files-container ul li span:nth-child(4){
display: inline-block;
width: 22.5%;
min-width: 60px;
}
#files-container ul li span:nth-child(2){
width: 50%;
}
#files-container ul li span input{
margin: 0;
}
#files-container ul li.check-all{
margin-bottom: 5px;
}
#files-container ul li input[type=text]{
margin: 0;
padding: 0;
box-shadow: none;
font-size: 11px;
height:18px;
border-radius: 0px;
width:60px;
}
#files-container ul li input[type=text]:focus{
box-shadow: none;
border-color: #ccc;
}
#files-container ul li.file:nth-child(odd),
#files-container ul li.file:nth-child(odd) input[type=text]
{
background-color: whitesmoke;
}
#files-container ul li.file:nth-child(even),
#files-container ul li.file:nth-child(even) input[type=text]
{
background-color: white;
}