<?php
$d = ":link,:visited { text-decoration:none } :focus,:active { outline: 0 } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }
body { font: .8em \"Trebuchet MS\", Verdana, Helvetica, sans-serif; color: #666; background: #F7FCFF url(../images/bg.gif) repeat-x; }
a { color: #AF1515; cursor: pointer; }
a:hover { color: #7D1919; }
h1 { font-size: 3em; clear: both; margin: 0 0 5px; }
h2 { font: normal 1.6em Arial; color: #3D3C3B; margin: 0 0 15px; }
h2#slogan { font-size: 1.3em; color: #808080; }
p { margin: 0 0 15px; line-height: 1.7em; }
.clear { clear: both; }
.wrap { margin: 0 auto; width: 900px; }
.background { background: url(../images/bg.jpg) no-repeat left 42px; }
.sf-ad-footer img { margin:0 auto; }
.sf-ad-footer {background: url(../images/dot.gif) repeat-x; clear:both; padding: 15px 0 15px; text-align:center; margin:10px 0 0;}
.ad-banner-center {background: url(../images/dot.gif) repeat-x; text-align:center; padding: 15px 0 11px;}
.ad-banner-center-split {background: url(../images/dot.gif) repeat-x; text-align:center; padding: 15px 0 1px;}
.ad-banner { margin-bottom:15px;}
p.link-unit-mixed { text-align:left;}
#search { float: right; margin: 9px 0 0; width: 205px; }
input.field { float: left; background: #808080; color: #ccc; padding: 4px; border: 0; margin: 0 5px 0 0; width: 170px; font: .8em \"Trebuchet MS\", Arial, Sans-Serif; }
input.field:focus { border-bottom: 1px dotted #ccc; color: #666; }
input.button { float: right; background: url(../images/search.gif) no-repeat; width: 20px; height: 13px; border: 0; margin: 5px 0 0; }
#menu { padding: 0 0 8px; margin: 0 0 25px; height: 20px; }
#menu li { display: inline; }
#menu li a { float: left; width: 86px; text-align: center; margin: 0 2px 0 0; font-weight: bold; font-size: .8em; padding: 16px 0 21px; color: #ccc; }
#menu li a:hover, #menu li a.current { color: #AF1515; background: url(../images/menu.gif) no-repeat center bottom; }
#logo { float: left; margin: 40px 0 0; }
#feature{ color: #33617F; float: right; background: #fff; width: 580px; height: 89px; margin: 0 0 40px; font-size: 1.1em; font-style: italic; padding: 10px 10px 2px; }
#feature img { float: left; margin: 0 20px 0 0; }
#feature p { margin: 10px 0 0; }
.more { font-size: .74em; font-weight: bold; margin: 0 5px 0 0; color: #390505; font-style: normal; }
#feature_menu { float: right; }
#feature_menu li { display: inline; }
#feature_menu li a { color: #33617F; float: left; padding: 6px 14px 6px 21px; margin: 0 0 0 2px; background: #C6E5F9 url(../images/bullet.gif) no-repeat 7px 12px; font-size: .8em; font-weight: bold; }
#feature_menu li a:hover { color: #071F2D; background: #fff url(../images/bullet_hover.gif) no-repeat 7px 8px; }
#feature_menu li a.current { background: #fff url(../images/bullet.gif) no-repeat 5px 12px; }
#feature, #feature_menu li a {
opacity: 0.6;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-MS-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)\";
}
#left { float: left; width: 550px; margin: 0 0 10px; text-align: justify; }
#left h2 { color: #52A9BA; }
#left h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
#left .more { color: #7EA4BC; }
.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; }
.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
.date span { font-size: 1.6em; }
#left_wide { float: left; margin: 0 0 10px; text-align: justify; }
#left_wide h2 { color: #52A9BA; }
#left_wide h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
#left_wide .more { color: #7EA4BC; }
.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; }
.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
.date span { font-size: 1.6em; }
.seperate {background:transparent url(../images/dot.gif) repeat-x scroll 0 0; padding:15px 0 10px;}
#side { float: right; width: 312px; margin: 0 0 30px; font-size: .9em; }
#side h3 { color: #ccc; margin: 0 0 6px 5px; height: 16px; }
.boxtop { background: url(../images/box.gif) no-repeat top; padding: 2px 0; }
.box { padding: 3px 6px; background: #363636; }
.boxbottom { background: url(../images/box.gif) no-repeat bottom; padding: 2px 0; }
.item { font-size: .94em; display: block; color: #ccc; background: #fff url(../images/item.gif) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; }
.item.last { margin: 0; }
.item:hover { background: #fff url(../images/item.gif) no-repeat bottom; color: #fff; }
.item strong { color: #FFFAD3; line-height: 27px; }
.sidedate { float: left; width: 35px; text-align: center; padding: 4px 9px 0 0; font-size: 1.6em; margin: 0 12px 0 0; border-right: 1px dotted #808080; }
.sidedate span { font-size: .6em; font-weight: bold; color: #808080; }
#ad { background: url(../images/dot.gif) repeat-x; padding: 15px 0 10px; clear: both; font-size: .9em; line-height: 1.7em; }
#promo { clear: both; border-top: 3px solid #6E6E6E; background: #505050 url(../images/footer.gif) no-repeat right top; color: #ccc; padding: 30px 0 0 0; }
#promo h2 { color: #fff; }
#promo a { color: #D9EAF9; border-bottom: 1px dotted #808080; }
.col { float: left; width: 280px; margin: 0 30px 20px 0; }
.last { margin: 0; }
#footer { clear: both; padding: 15px 0; font-size: .84em; color: #808080; border-top: 1px dotted #666; }
.ad-footer img {margin:0 auto; display:block; padding: 0; text-align:center; }
.ad-footer {background: url(../images/dot.gif) repeat-x; clear:both; padding: 15px 0 15px; text-align:center; margin:10px 0 0;}
#page-content { position:absolute; top: 503px; right: 0; height: 1000px;}
#top-right-tabbed-nav-container { position:absolute; top: 53px; right: 0; }
#top-right-tabbed-nav-container #feature-container{ margin-top:27px; color: #33617F; width: 320px; height: 80px; font-size: 1.1em; font-style: italic; padding: 10px 10px 2px; background:transparent url(../images/tab-background.png); position:absolute; top:0; right:0;}
#top-right-tabbed-nav-container #tab-content-container div.tab { display: none; }
#top-right-tabbed-nav-container #tab-content-container div.current { display: block; }
#top-right-tabbed-nav-container #tab-content-container #addthis-container { position:absolute; top: 27px; right: 0; padding: 10px; width: 320px; text-align: left;}
#top-right-tabbed-nav-container #tab-content-container #addthis-container img { padding: 0 9px 4px; display:inline; }
#top-right-tabbed-nav-container #tab-content-container #support-container { font-size:12px; position:absolute; top: 27px; right: 0; padding: 10px; width: 320px; text-align: left;}
#top-right-tabbed-nav-container #tab-content-container #support-container ol { list-style-type: decimal; margin-left:17px; }
#compressor-tab-container #compressor-tab-content-container div.tab { display: none; }
#compressor-tab-container #compressor-tab-content-container div.current { display: block; }
#compressor-tab-container #compressor-tab-content-container{ float: right; width: 878px; padding: 10px 10px 2px; background:transparent url(../images/tab-background.png);}
#compressor-tab-container #compressor-tab-content-container #form-container, #compressor-tab-container #compressor-tab-content-container #instructions-container, #compressor-tab-container #compressor-tab-content-container #about-container {padding: 10px; }
#compressor-tab-container #compressor-tab-content-container #instructions-container ol { list-style-type: decimal; margin:0 0 15px 30px; line-height:1.7em; }
#compressor-tab-container #compressor-tab-content-container #instructions-container li { margin-left:30px; }
#compressor-tab-container #compressor-tab-content-container #instructions-container ul { list-style: disc; margin-left:30px; line-height:1.7em;}
#compressor-tab-container #compressor-tab-content-container #instructions-container #compression-methods ul { list-style-type: discs; }
#compressor-tab-container #compressor-tab-content-container #instructions-container #advanced-features ul { list-style-type: circle; }
#compressor-tab-container #compressor-tab-menu-container { float: left; }
#compressor-tab-container #compressor-tab-menu-container li { display: inline; }
#compressor-tab-container #compressor-tab-menu-container li a { color: #023d64; float: left; padding: 6px 14px 6px 21px; margin: 0 0 0 2px; background: #96C3E1 url(../images/bullet.gif) no-repeat 7px 12px; font-size: .85em; font-weight: bold; opacity: 0.55; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -MS-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)\";}
#compressor-tab-container #compressor-tab-menu-container li a:hover { color: #071F2D; background: #fff url(../images/bullet_hover.gif) no-repeat 7px 8px; }
#compressor-tab-container #compressor-tab-menu-container li a.current { color: #071F2D; background: #fff url(../images/bullet.gif) no-repeat 5px 12px; }
#left { float: left; width: 550px; margin: 0 0 10px; text-align: justify; }
#left h2 { color: #52A9BA; }
#left h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
#left .more { color: #7EA4BC; }
.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; }
.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
.date span { font-size: 1.6em; }
#left_wide { float: left; margin: 0 0 10px; text-align: justify; }
#left_wide h2 { color: #52A9BA; }
#left_wide h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
#left_wide .more { color: #7EA4BC; }
.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; }
.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
.promo {margin:7px 12px 5px 0; float: left; }
.addthis_toolbox { padding-top:10px;}
.date span { font-size: 1.6em; }
.seperate {background:transparent url(../images/dot.gif) repeat-x scroll 0 0; padding:15px 0 10px;}
.side { float: right; width: 312px; margin: 0 0 30px; font-size: .9em; }
.side h3 a{ color: #ccc; margin: 0 0 6px 5px; height: 16px; background:transparent url(../images/jump-link-sm.gif) no-repeat 0 2px; padding-left:15px; }
.side h3 a:hover{ color: #fff; }
.boxtop { background: url(../images/box.gif) no-repeat top; padding: 2px 0; }
.box-syndication { padding: 3px 6px 0 6px; background: #363636; }
.box { padding: 3px 6px; background: #363636; }
.boxbottom { background: url(../images/box.gif) no-repeat bottom; padding: 2px 0; }
.item-view-more { font-size: .94em; display: block; color: #ccc; background: #fff url(../images/item.gif) no-repeat; height: 54px; padding: 4px 10px; clear:left; text-align:center; }
.item-view-more:hover { background: #fff url(../images/item.gif) no-repeat bottom; color: #fff; }
.item-view-more strong { color: #FFFAD3; line-height: 27px; font-size:2em; }
.sidedate { float: left; width: 35px; text-align: center; padding: 4px 9px 0 0; font-size: 1.6em; margin: 0 12px 0 0; border-right: 1px dotted #808080; }
.sidedate span { font-size: .6em; font-weight: bold; color: #808080; }
.item { font-size: .94em; display: block; color: #ccc; background: #fff url(../images/item.gif) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; clear:left; }
.item.last { margin: 0; }
.item:hover { background: #fff url(../images/item.gif) no-repeat bottom; color: #fff; }
.item strong { color: #FFFAD3; line-height: 27px; }
.sidedate { float: left; width: 35px; text-align: center; padding: 4px 9px 0 0; font-size: 1.6em; margin: 0 12px 0 0; border-right: 1px dotted #808080; }
.sidedate span { font-size: .6em; font-weight: bold; color: #808080; }
#ad, .ad { background: url(../images/dot.gif) repeat-x; padding: 15px 0 10px; clear: both; font-size: .9em; line-height: 1.7em; text-align:center; }
#promo { clear: both; border-top: 3px solid #6E6E6E; background: #505050 url(../images/footer.gif) no-repeat right top; color: #ccc; padding: 30px 0 0 0; }
#promo h2 { color: #fff; }
#promo a { color: #D9EAF9; border-bottom: 1px dotted #808080; }
.col { float: left; width: 280px; margin: 0 30px 20px 0; }
.last { margin: 0; }
#footer { clear: both; padding: 15px 0; font-size: .84em; color: #808080; border-top: 1px dotted #666; }
textarea.passive {
width: 100%;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
height:12em;
border: 1px solid #C6E5F9;
}
textarea.active {
width: 100%;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
height:12em;
border: 1px solid #AF1515;
background-color:#F7FCFF;
}
p.minify-app { padding-top:25px; margin:0; float:left; font-style:normal;}
p.minify-app-results { padding-top:35px; margin:0; float:left; font-style:normal; }
#under-app { padding-top:35px; }
.stats {text-align:right; float:right; padding-top:30px; color:#505050; font-size:12px;}
.stats .time {background:transparent url(/images/icons-normal.png) no-repeat scroll 0 0; padding:0 0 0 20px; margin-left:25px;}
.stats .ratio {background:transparent url(/images/icons-normal.png) no-repeat scroll 0 -48px; padding:0 0 0 20px;}
.bottom { padding-top:40px; }
.stats .advanced {background:transparent url(/images/advanced.png) no-repeat scroll 0 0; padding:0 0 0 20px; color:#AF1515; cursor:pointer;}
.stats .advanced:hover {text-decoration:underline;}
.encoding { float:right;}
.mover{
padding:3px 0 3px 7px;
margin: 0; height:45px;
}
.mover label {margin-left:5px; font-size:14px; width:155px; float:right;}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; margin-top:5px;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span {
background: transparent url('../images/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}";
$d = preg_replace(array('@/\*((.|\n)*?)\*/@','@(;|\}|{)@','@;?(\s|\n)*\}@'),
array("","$1\n",";\n}"),$d);
echo $d;
- Output for 4.3.0 - 4.3.11, 4.4.0 - 4.4.9, 5.0.0 - 5.0.5, 5.1.0 - 5.1.6, 5.2.0 - 5.2.17, 5.3.0 - 5.3.29, 5.4.0 - 5.4.45, 5.5.0 - 5.5.38, 5.6.0 - 5.6.28, 7.0.0 - 7.0.20, 7.1.0 - 7.1.10, 7.2.0 - 7.2.33, 7.3.12 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.30, 8.1.0 - 8.1.27, 8.2.0 - 8.2.17, 8.3.0 - 8.3.4
- :link,:visited {
text-decoration:none;
}
:focus,:active {
outline: 0;
}
ul,ol {
list-style:none;
}
h1,h2,h3,h4,h5,h6,pre,code {
font-size:1em;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
margin:0;
padding:0;
}
a img,:link img,:visited img, fieldset {
border:none;
}
address {
font-style:normal;
}
body {
font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
background: #F7FCFF url(../images/bg.gif) repeat-x;
}
a {
color: #AF1515;
cursor: pointer;
}
a:hover {
color: #7D1919;
}
h1 {
font-size: 3em;
clear: both;
margin: 0 0 5px;
}
h2 {
font: normal 1.6em Arial;
color: #3D3C3B;
margin: 0 0 15px;
}
h2#slogan {
font-size: 1.3em;
color: #808080;
}
p {
margin: 0 0 15px;
line-height: 1.7em;
}
.clear {
clear: both;
}
.wrap {
margin: 0 auto;
width: 900px;
}
.background {
background: url(../images/bg.jpg) no-repeat left 42px;
}
.sf-ad-footer img {
margin:0 auto;
}
.sf-ad-footer {
background: url(../images/dot.gif) repeat-x;
clear:both;
padding: 15px 0 15px;
text-align:center;
margin:10px 0 0;
}
.ad-banner-center {
background: url(../images/dot.gif) repeat-x;
text-align:center;
padding: 15px 0 11px;
}
.ad-banner-center-split {
background: url(../images/dot.gif) repeat-x;
text-align:center;
padding: 15px 0 1px;
}
.ad-banner {
margin-bottom:15px;
}
p.link-unit-mixed {
text-align:left;
}
#search {
float: right;
margin: 9px 0 0;
width: 205px;
}
input.field {
float: left;
background: #808080;
color: #ccc;
padding: 4px;
border: 0;
margin: 0 5px 0 0;
width: 170px;
font: .8em "Trebuchet MS", Arial, Sans-Serif;
}
input.field:focus {
border-bottom: 1px dotted #ccc;
color: #666;
}
input.button {
float: right;
background: url(../images/search.gif) no-repeat;
width: 20px;
height: 13px;
border: 0;
margin: 5px 0 0;
}
#menu {
padding: 0 0 8px;
margin: 0 0 25px;
height: 20px;
}
#menu li {
display: inline;
}
#menu li a {
float: left;
width: 86px;
text-align: center;
margin: 0 2px 0 0;
font-weight: bold;
font-size: .8em;
padding: 16px 0 21px;
color: #ccc;
}
#menu li a:hover, #menu li a.current {
color: #AF1515;
background: url(../images/menu.gif) no-repeat center bottom;
}
#logo {
float: left;
margin: 40px 0 0;
}
#feature{
color: #33617F;
float: right;
background: #fff;
width: 580px;
height: 89px;
margin: 0 0 40px;
font-size: 1.1em;
font-style: italic;
padding: 10px 10px 2px;
}
#feature img {
float: left;
margin: 0 20px 0 0;
}
#feature p {
margin: 10px 0 0;
}
.more {
font-size: .74em;
font-weight: bold;
margin: 0 5px 0 0;
color: #390505;
font-style: normal;
}
#feature_menu {
float: right;
}
#feature_menu li {
display: inline;
}
#feature_menu li a {
color: #33617F;
float: left;
padding: 6px 14px 6px 21px;
margin: 0 0 0 2px;
background: #C6E5F9 url(../images/bullet.gif) no-repeat 7px 12px;
font-size: .8em;
font-weight: bold;
}
#feature_menu li a:hover {
color: #071F2D;
background: #fff url(../images/bullet_hover.gif) no-repeat 7px 8px;
}
#feature_menu li a.current {
background: #fff url(../images/bullet.gif) no-repeat 5px 12px;
}
#feature, #feature_menu li a {
opacity: 0.6;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#left {
float: left;
width: 550px;
margin: 0 0 10px;
text-align: justify;
}
#left h2 {
color: #52A9BA;
}
#left h2 a {
border-bottom: 1px dotted #ACCADE;
padding: 0 0 3px;
}
#left .more {
color: #7EA4BC;
}
.subtitle {
font-weight: bold;
font-style: italic;
font-size: 1.1em;
margin: 0 0 4px;
}
.date {
background: #fff;
padding: 5px 0;
border-right: 1px solid #D3EAFA;
border-bottom: 1px solid #D3EAFA;
color: #ccc;
float: left;
width: 55px;
margin: 7px 12px 5px 0;
text-align: center;
}
.date span {
font-size: 1.6em;
}
#left_wide {
float: left;
margin: 0 0 10px;
text-align: justify;
}
#left_wide h2 {
color: #52A9BA;
}
#left_wide h2 a {
border-bottom: 1px dotted #ACCADE;
padding: 0 0 3px;
}
#left_wide .more {
color: #7EA4BC;
}
.subtitle {
font-weight: bold;
font-style: italic;
font-size: 1.1em;
margin: 0 0 4px;
}
.date {
background: #fff;
padding: 5px 0;
border-right: 1px solid #D3EAFA;
border-bottom: 1px solid #D3EAFA;
color: #ccc;
float: left;
width: 55px;
margin: 7px 12px 5px 0;
text-align: center;
}
.date span {
font-size: 1.6em;
}
.seperate {
background:transparent url(../images/dot.gif) repeat-x scroll 0 0;
padding:15px 0 10px;
}
#side {
float: right;
width: 312px;
margin: 0 0 30px;
font-size: .9em;
}
#side h3 {
color: #ccc;
margin: 0 0 6px 5px;
height: 16px;
}
.boxtop {
background: url(../images/box.gif) no-repeat top;
padding: 2px 0;
}
.box {
padding: 3px 6px;
background: #363636;
}
.boxbottom {
background: url(../images/box.gif) no-repeat bottom;
padding: 2px 0;
}
.item {
font-size: .94em;
display: block;
color: #ccc;
background: #fff url(../images/item.gif) no-repeat;
height: 54px;
padding: 4px 10px;
margin: 0 0 5px;
}
.item.last {
margin: 0;
}
.item:hover {
background: #fff url(../images/item.gif) no-repeat bottom;
color: #fff;
}
.item strong {
color: #FFFAD3;
line-height: 27px;
}
.sidedate {
float: left;
width: 35px;
text-align: center;
padding: 4px 9px 0 0;
font-size: 1.6em;
margin: 0 12px 0 0;
border-right: 1px dotted #808080;
}
.sidedate span {
font-size: .6em;
font-weight: bold;
color: #808080;
}
#ad {
background: url(../images/dot.gif) repeat-x;
padding: 15px 0 10px;
clear: both;
font-size: .9em;
line-height: 1.7em;
}
#promo {
clear: both;
border-top: 3px solid #6E6E6E;
background: #505050 url(../images/footer.gif) no-repeat right top;
color: #ccc;
padding: 30px 0 0 0;
}
#promo h2 {
color: #fff;
}
#promo a {
color: #D9EAF9;
border-bottom: 1px dotted #808080;
}
.col {
float: left;
width: 280px;
margin: 0 30px 20px 0;
}
.last {
margin: 0;
}
#footer {
clear: both;
padding: 15px 0;
font-size: .84em;
color: #808080;
border-top: 1px dotted #666;
}
.ad-footer img {
margin:0 auto;
display:block;
padding: 0;
text-align:center;
}
.ad-footer {
background: url(../images/dot.gif) repeat-x;
clear:both;
padding: 15px 0 15px;
text-align:center;
margin:10px 0 0;
}
#page-content {
position:absolute;
top: 503px;
right: 0;
height: 1000px;
}
#top-right-tabbed-nav-container {
position:absolute;
top: 53px;
right: 0;
}
#top-right-tabbed-nav-container #feature-container{
margin-top:27px;
color: #33617F;
width: 320px;
height: 80px;
font-size: 1.1em;
font-style: italic;
padding: 10px 10px 2px;
background:transparent url(../images/tab-background.png);
position:absolute;
top:0;
right:0;
}
#top-right-tabbed-nav-container #tab-content-container div.tab {
display: none;
}
#top-right-tabbed-nav-container #tab-content-container div.current {
display: block;
}
#top-right-tabbed-nav-container #tab-content-container #addthis-container {
position:absolute;
top: 27px;
right: 0;
padding: 10px;
width: 320px;
text-align: left;
}
#top-right-tabbed-nav-container #tab-content-container #addthis-container img {
padding: 0 9px 4px;
display:inline;
}
#top-right-tabbed-nav-container #tab-content-container #support-container {
font-size:12px;
position:absolute;
top: 27px;
right: 0;
padding: 10px;
width: 320px;
text-align: left;
}
#top-right-tabbed-nav-container #tab-content-container #support-container ol {
list-style-type: decimal;
margin-left:17px;
}
#compressor-tab-container #compressor-tab-content-container div.tab {
display: none;
}
#compressor-tab-container #compressor-tab-content-container div.current {
display: block;
}
#compressor-tab-container #compressor-tab-content-container{
float: right;
width: 878px;
padding: 10px 10px 2px;
background:transparent url(../images/tab-background.png);
}
#compressor-tab-container #compressor-tab-content-container #form-container, #compressor-tab-container #compressor-tab-content-container #instructions-container, #compressor-tab-container #compressor-tab-content-container #about-container {
padding: 10px;
}
#compressor-tab-container #compressor-tab-content-container #instructions-container ol {
list-style-type: decimal;
margin:0 0 15px 30px;
line-height:1.7em;
}
#compressor-tab-container #compressor-tab-content-container #instructions-container li {
margin-left:30px;
}
#compressor-tab-container #compressor-tab-content-container #instructions-container ul {
list-style: disc;
margin-left:30px;
line-height:1.7em;
}
#compressor-tab-container #compressor-tab-content-container #instructions-container #compression-methods ul {
list-style-type: discs;
}
#compressor-tab-container #compressor-tab-content-container #instructions-container #advanced-features ul {
list-style-type: circle;
}
#compressor-tab-container #compressor-tab-menu-container {
float: left;
}
#compressor-tab-container #compressor-tab-menu-container li {
display: inline;
}
#compressor-tab-container #compressor-tab-menu-container li a {
color: #023d64;
float: left;
padding: 6px 14px 6px 21px;
margin: 0 0 0 2px;
background: #96C3E1 url(../images/bullet.gif) no-repeat 7px 12px;
font-size: .85em;
font-weight: bold;
opacity: 0.55;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#compressor-tab-container #compressor-tab-menu-container li a:hover {
color: #071F2D;
background: #fff url(../images/bullet_hover.gif) no-repeat 7px 8px;
}
#compressor-tab-container #compressor-tab-menu-container li a.current {
color: #071F2D;
background: #fff url(../images/bullet.gif) no-repeat 5px 12px;
}
#left {
float: left;
width: 550px;
margin: 0 0 10px;
text-align: justify;
}
#left h2 {
color: #52A9BA;
}
#left h2 a {
border-bottom: 1px dotted #ACCADE;
padding: 0 0 3px;
}
#left .more {
color: #7EA4BC;
}
.subtitle {
font-weight: bold;
font-style: italic;
font-size: 1.1em;
margin: 0 0 4px;
}
.date {
background: #fff;
padding: 5px 0;
border-right: 1px solid #D3EAFA;
border-bottom: 1px solid #D3EAFA;
color: #ccc;
float: left;
width: 55px;
margin: 7px 12px 5px 0;
text-align: center;
}
.date span {
font-size: 1.6em;
}
#left_wide {
float: left;
margin: 0 0 10px;
text-align: justify;
}
#left_wide h2 {
color: #52A9BA;
}
#left_wide h2 a {
border-bottom: 1px dotted #ACCADE;
padding: 0 0 3px;
}
#left_wide .more {
color: #7EA4BC;
}
.subtitle {
font-weight: bold;
font-style: italic;
font-size: 1.1em;
margin: 0 0 4px;
}
.date {
background: #fff;
padding: 5px 0;
border-right: 1px solid #D3EAFA;
border-bottom: 1px solid #D3EAFA;
color: #ccc;
float: left;
width: 55px;
margin: 7px 12px 5px 0;
text-align: center;
}
.promo {
margin:7px 12px 5px 0;
float: left;
}
.addthis_toolbox {
padding-top:10px;
}
.date span {
font-size: 1.6em;
}
.seperate {
background:transparent url(../images/dot.gif) repeat-x scroll 0 0;
padding:15px 0 10px;
}
.side {
float: right;
width: 312px;
margin: 0 0 30px;
font-size: .9em;
}
.side h3 a{
color: #ccc;
margin: 0 0 6px 5px;
height: 16px;
background:transparent url(../images/jump-link-sm.gif) no-repeat 0 2px;
padding-left:15px;
}
.side h3 a:hover{
color: #fff;
}
.boxtop {
background: url(../images/box.gif) no-repeat top;
padding: 2px 0;
}
.box-syndication {
padding: 3px 6px 0 6px;
background: #363636;
}
.box {
padding: 3px 6px;
background: #363636;
}
.boxbottom {
background: url(../images/box.gif) no-repeat bottom;
padding: 2px 0;
}
.item-view-more {
font-size: .94em;
display: block;
color: #ccc;
background: #fff url(../images/item.gif) no-repeat;
height: 54px;
padding: 4px 10px;
clear:left;
text-align:center;
}
.item-view-more:hover {
background: #fff url(../images/item.gif) no-repeat bottom;
color: #fff;
}
.item-view-more strong {
color: #FFFAD3;
line-height: 27px;
font-size:2em;
}
.sidedate {
float: left;
width: 35px;
text-align: center;
padding: 4px 9px 0 0;
font-size: 1.6em;
margin: 0 12px 0 0;
border-right: 1px dotted #808080;
}
.sidedate span {
font-size: .6em;
font-weight: bold;
color: #808080;
}
.item {
font-size: .94em;
display: block;
color: #ccc;
background: #fff url(../images/item.gif) no-repeat;
height: 54px;
padding: 4px 10px;
margin: 0 0 5px;
clear:left;
}
.item.last {
margin: 0;
}
.item:hover {
background: #fff url(../images/item.gif) no-repeat bottom;
color: #fff;
}
.item strong {
color: #FFFAD3;
line-height: 27px;
}
.sidedate {
float: left;
width: 35px;
text-align: center;
padding: 4px 9px 0 0;
font-size: 1.6em;
margin: 0 12px 0 0;
border-right: 1px dotted #808080;
}
.sidedate span {
font-size: .6em;
font-weight: bold;
color: #808080;
}
#ad, .ad {
background: url(../images/dot.gif) repeat-x;
padding: 15px 0 10px;
clear: both;
font-size: .9em;
line-height: 1.7em;
text-align:center;
}
#promo {
clear: both;
border-top: 3px solid #6E6E6E;
background: #505050 url(../images/footer.gif) no-repeat right top;
color: #ccc;
padding: 30px 0 0 0;
}
#promo h2 {
color: #fff;
}
#promo a {
color: #D9EAF9;
border-bottom: 1px dotted #808080;
}
.col {
float: left;
width: 280px;
margin: 0 30px 20px 0;
}
.last {
margin: 0;
}
#footer {
clear: both;
padding: 15px 0;
font-size: .84em;
color: #808080;
border-top: 1px dotted #666;
}
textarea.passive {
width: 100%;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
height:12em;
border: 1px solid #C6E5F9;
}
textarea.active {
width: 100%;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
height:12em;
border: 1px solid #AF1515;
background-color:#F7FCFF;
}
p.minify-app {
padding-top:25px;
margin:0;
float:left;
font-style:normal;
}
p.minify-app-results {
padding-top:35px;
margin:0;
float:left;
font-style:normal;
}
#under-app {
padding-top:35px;
}
.stats {
text-align:right;
float:right;
padding-top:30px;
color:#505050;
font-size:12px;
}
.stats .time {
background:transparent url(/images/icons-normal.png) no-repeat scroll 0 0;
padding:0 0 0 20px;
margin-left:25px;
}
.stats .ratio {
background:transparent url(/images/icons-normal.png) no-repeat scroll 0 -48px;
padding:0 0 0 20px;
}
.bottom {
padding-top:40px;
}
.stats .advanced {
background:transparent url(/images/advanced.png) no-repeat scroll 0 0;
padding:0 0 0 20px;
color:#AF1515;
cursor:pointer;
}
.stats .advanced:hover {
text-decoration:underline;
}
.encoding {
float:right;
}
.mover{
padding:3px 0 3px 7px;
margin: 0;
height:45px;
}
.mover label {
margin-left:5px;
font-size:14px;
width:155px;
float:right;
}
.clear {
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
margin-top:5px;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px;
text-decoration: none;
}
a.button span {
background: transparent url('../images/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
outline: none;
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px;
}
preferences:
337.4 ms | 437 KiB | 354 Q