From 51fab967f198630f3b7e7fe3a42d14cbd6266eea Mon Sep 17 00:00:00 2001
From: cfoe <cfoe@ispconfig3>
Date: Sat, 19 May 2012 05:00:28 -0400
Subject: [PATCH] lossless compression of all images of the default themes by yahoo smush.it -> saving 36% ~ 500kb of 1350kb
---
interface/web/themes/default/css/screen/content_ispc.css | 338 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 337 insertions(+), 1 deletions(-)
diff --git a/interface/web/themes/default/css/screen/content_ispc.css b/interface/web/themes/default/css/screen/content_ispc.css
index 9e65bd4..b3d9354 100644
--- a/interface/web/themes/default/css/screen/content_ispc.css
+++ b/interface/web/themes/default/css/screen/content_ispc.css
@@ -912,6 +912,342 @@
max-width: 80%;
min-width: 680px;
}
-
+
+ div.subsectiontoggle {
+ border:1px solid #ccc;
+ font-weight:bold;
+ font-size:14px;
+ padding-top:10px;
+ padding-bottom:0;
+ margin-top:5px;
+ text-indent:15px;
+ cursor:pointer;
+ margin-bottom:10px;
+ background-color:#f4f4f4;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ -khtml-border-radius:5px;
+ -o-border-radius:5px;
+ -ms-border-radius:5px;
+ border-radius:5px;
+ }
+ div.subsectiontoggle span{
+ display:inline-block;
+ margin-bottom:-3px;
+ margin-right:10px;
+ width:16px;
+ height:16px;
+ background:url(../../icons/x16/plus_circle_frame.png) top left no-repeat;
+ }
+ div.subsectiontoggle span.showing{
+ background:url(../../icons/x16/minus_circle_frame.png) top left no-repeat;
+ }
+ div.subsectiontoggle em{
+ display:block;
+ position:relative;
+ left:425px;
+ top:-13px;
+ margin-bottom:-3px;
+ width:13px;
+ height:13px;
+ background:url(../../images/chevron.png) top left no-repeat;
+ -webkit-transform:none;
+ -moz-transform:none;
+ -khtml-transform:none;
+ -o-transform:none;
+ -ms-transform:none;
+ transform:none;
+ -webkit-transition-duration: .2s;
+ -moz-transition-duration: .2s;
+ -khtml-transition-duration: .2s;
+ -o-transition-duration: .2s;
+ -ms-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-property: -webkit-transform;
+ -moz-transition-property: -moz-transform;
+ -khtml-transition-property: -khtml-transform;
+ -o-transition-property: -o-transform;
+ -ms-transition-property: -ms-transform;
+ transition-property: transform;
+ }
+ div.subsectiontoggle em.showing{
+ display:block;
+ position:relative;
+ left:425px;
+ top:-13px;
+ background:url(../../images/chevron.png) top left no-repeat;
+ width:13px;
+ height:13px;
+ -webkit-transform:rotate(90deg);
+ -moz-transform:rotate(90deg);
+ -khtml-transform:rotate(90deg);
+ -o-transform:rotate(90deg);
+ -ms-transform:rotate(90deg);
+ transform:rotate(90deg);
+ }
+ div.subsectiontoggle:hover em{
+ -webkit-transform:rotate(90deg);
+ -moz-transform:rotate(90deg);
+ -khtml-transform:rotate(90deg);
+ -o-transform:rotate(90deg);
+ -ms-transform:rotate(90deg);
+ transform:rotate(90deg);
+ }
+
+ div.gs-container{
+ margin-top:10px;
+ }
+ div.gs-container *{
+ margin: 0;
+ padding: 0;
+ background-position: 0 0;
+ text-decoration: none;
+ font-size: 1em;
+ }
+ div.gs-container input{
+ height:20px;
+ border:1px solid #444;
+ padding:0 5px 2px 5px;
+ color:#444;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ -khtml-border-radius:5px;
+ -o-border-radius:5px;
+ -ms-border-radius:5px;
+ border-radius:5px;
+ }
+ input.gs-loading{
+ background-image: url(../../icons/x16/loading.gif);
+ background-repeat: no-repeat;
+ background-position: center right;
+ }
+ ul.gs-resultbox{
+ margin: 0 !important;
+ padding: 0 !important;
+ width: 300px;
+ z-index: 999999;
+ border: 1px solid #777;
+ font-size: 11px;
+ background: #fff;
+ -moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ -webkit-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ -khtml-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ -o-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ -ms-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ box-shadow: 2px 2px 5px 0 #c5c5c5;
+ list-style: none;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ -khtml-border-radius:5px;
+ -o-border-radius:5px;
+ -ms-border-radius:5px;
+ border-radius:5px;
+ }
+ ul.gs-resultbox li{
+ float: left;
+ width: 100%;
+ clear: both;
+ cursor: pointer;
+ }
+ ul.gs-resultbox li.gs-cheader{
+ height: 13px;
+ overflow: hidden;
+ padding: 5px 0;
+ color: #fff;
+ background: #6ea6d1;
+ cursor:default;
+ padding-bottom:10px;
+ }
+ ul.gs-resultbox li.gs-cheader p.gs-cheader-title{
+ margin: 0 !important;
+ padding: 0 0 0 10px !important;
+ float: left;
+ font-size: 12px;
+ font-weight: bold;
+ }
+ ul.gs-resultbox li.gs-cheader p.gs-cheader-limit{
+ margin: 0 !important;
+ padding: 0 10px 0 0 !important;
+ float: right;
+ font-size: 11px;
+ font-weight: normal;
+ }
+ ul.gs-resultbox li.gs-cdata{
+ margin: 0 !important;
+ padding: 0 !important;
+ border-bottom: 1px solid #c5c5c5;
+ }
+ ul.gs-resultbox li.gs-cdata:last-child{
+ border-bottom: none;
+ }
+ ul.gs-resultbox li.gs-cdata:hover{
+ background: #eaf4fd;
+ }
+ ul.gs-resultbox li.gs-cdata a{
+ display: block;
+ padding: 5px 10px;
+ text-decoration: none !important;
+ background: #fff;
+ }
+ ul.gs-resultbox li.gs-cdata a:hover{
+ background: #cde0ff;
+ }
+ ul.gs-resultbox li.gs-cdata img{
+ margin-right: 12px;
+ }
+ ul.gs-resultbox li.gs-cdata p{
+ margin: 0 !important;
+ padding: 0 !important;
+ color: #444;
+ font-size: 10px;
+ min-height:30px;
+ }
+ ul.gs-resultbox li.gs-cdata p span.gs-cdata-title{
+ display: inline !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ font-size: 11px;
+ font-weight: bold;
+ color: #000;
+ }
+ ul.gs-resultbox li:first-child{
+ -moz-border-radius:5px 5px 0 0;
+ -webkit-border-radius:5px 5px 0 0;
+ -khtml-border-radius:5px 5px 0 0;
+ -o-border-radius:5px 5px 0 0;
+ -ms-border-radius:5px 5px 0 0;
+ border-radius:5px 5px 0 0;
+ }
+ ul.gs-resultbox li:last-child{
+ -moz-border-radius:0 0 5px 5px;
+ -webkit-border-radius:0 0 5px 5px;
+ -khtml-border-radius:0 0 5px 5px;
+ -o-border-radius:0 0 5px 5px;
+ -ms-border-radius:0 0 5px 5px;
+ border-radius:0 0 5px 5px;
+ }
+
+ div.df-container{
+ }
+ div.df-container *{
+ margin: 0;
+ padding: 0;
+ background-position: 0 0;
+ text-decoration: none;
+ font-size: 1em;
+ }
+ div.df-container input{
+ }
+ input.df-loading{
+ background-image: url(../../icons/x16/loading.gif);
+ background-repeat: no-repeat;
+ background-position: center right;
+ }
+ ul.df-resultbox{
+ margin: 0 !important;
+ padding: 0 !important;
+ min-width: 250px;
+ max-width: 500px;
+ z-index: 999999;
+ border: 1px solid #777;
+ font-size: 11px;
+ background: #fff;
+ -moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ -webkit-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ -khtml-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ -o-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ -ms-box-shadow: 2px 2px 5px 0 #c5c5c5;
+ box-shadow: 2px 2px 5px 0 #c5c5c5;
+ list-style: none;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ -khtml-border-radius:5px;
+ -o-border-radius:5px;
+ -ms-border-radius:5px;
+ border-radius:5px;
+ }
+ ul.df-resultbox li{
+ float: left;
+ width: 100%;
+ clear: both;
+ cursor: pointer;
+ }
+ ul.df-resultbox li.df-cheader{
+ height: 13px;
+ overflow: hidden;
+ padding: 5px 0;
+ color: #fff;
+ background: #6ea6d1;
+ cursor:default;
+ padding-bottom:10px;
+ }
+ ul.df-resultbox li.df-cheader p.df-cheader-title{
+ margin: 0 !important;
+ padding: 0 0 0 10px !important;
+ float: left;
+ font-size: 12px;
+ font-weight: bold;
+ }
+ ul.df-resultbox li.df-cheader p.df-cheader-limit{
+ margin: 0 !important;
+ padding: 0 10px 0 0 !important;
+ float: right;
+ font-size: 11px;
+ font-weight: normal;
+ }
+ ul.df-resultbox li.df-cdata{
+ margin: 0 !important;
+ padding: 0 !important;
+ border-bottom: 1px solid #c5c5c5;
+ }
+ ul.df-resultbox li.df-cdata:last-child{
+ border-bottom: none;
+ }
+ ul.df-resultbox li.df-cdata:hover{
+ background: #eaf4fd;
+ }
+ ul.df-resultbox li.df-cdata a{
+ display: block;
+ padding: 5px 10px;
+ text-decoration: none !important;
+ background: #fff;
+ }
+ ul.df-resultbox li.df-cdata a:hover{
+ background: #cde0ff;
+ }
+ ul.df-resultbox li.df-cdata img{
+ margin-right: 12px;
+ }
+ ul.df-resultbox li.df-cdata p{
+ margin: 0 !important;
+ padding: 0 !important;
+ color: #444;
+ font-size: 10px;
+ min-height:30px;
+ }
+ ul.df-resultbox li.df-cdata p span.df-cdata-title{
+ display: inline !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ font-size: 11px;
+ font-weight: bold;
+ color: #000;
+ }
+ ul.df-resultbox li:first-child{
+ -moz-border-radius:5px 5px 0 0;
+ -webkit-border-radius:5px 5px 0 0;
+ -khtml-border-radius:5px 5px 0 0;
+ -o-border-radius:5px 5px 0 0;
+ -ms-border-radius:5px 5px 0 0;
+ border-radius:5px 5px 0 0;
+ }
+ ul.df-resultbox li:last-child{
+ -moz-border-radius:0 0 5px 5px;
+ -webkit-border-radius:0 0 5px 5px;
+ -khtml-border-radius:0 0 5px 5px;
+ -o-border-radius:0 0 5px 5px;
+ -ms-border-radius:0 0 5px 5px;
+ border-radius:0 0 5px 5px;
+ }
}
--
Gitblit v1.9.1