Ergebnisse des CSS Crunching von workroom.forgeworldwide.com

Mal sehen was wir getan haben für workroom.forgeworldwide.com

CSSCruncher.com hat dieser Webseite
18,20 %Code erspart! Wow!

Crunched CSS Code:

@charset "UTF-8";*{margin:0;padding:0}
html,body{margin:0;padding:0}
#header{height:93px}
#header img#secondary-logo{margin-top:20px}
#upper-links{margin-top:37px;height:31px;width:510px;float:right}
h4#phone-number{float:left;margin-top:6px}
a#visit-button{float:left;margin-left:4px}
ul#social{float:left;margin-left:3px}
ul#secondary-menu{width:966px;height:34px;margin:0 auto;clear:both}
ul#secondary-menu li{float:left}
ul#secondary-menu li a{display:block;padding-top:3px;height:31px;text-indent:-9000px;overflow:hidden;background-image:url(../images/secondary-nav-sprite.png);background-repeat:no-repeat}
ul#secondary-menu li.here{display:block;text-indent:-9000px;overflow:hidden;height:34px;background:url(../images/secondary-nav-sprite.png) no-repeat}
ul#secondary-menu li a:link#nav-home,ul#secondary-menu li a:visited#nav-home{width:68px}
ul#secondary-menu li a:hover#nav-home{background-position:0px -34px}
ul#secondary-menu li a:link#nav-see-dragon,ul#secondary-menu li a:visited#nav-see-dragon{width:155px;background-position:-68px 0px}
ul#secondary-menu li a:hover#nav-see-dragon{background-position:-68px -34px}
ul#secondary-menu li#nav-see-dragon.here{width:155px;background-position:-68px -68px}
ul#secondary-menu li a:link#nav-how-fast,ul#secondary-menu li a:visited#nav-how-fast{width:173px;background-position:-223px 0px}
ul#secondary-menu li a:hover#nav-how-fast{background-position:-223px -34px}
ul#secondary-menu li#nav-how-fast.here{width:173px;background-position:-223px -68px}
ul#secondary-menu li a:link#nav-hear-users,ul#secondary-menu li a:visited#nav-hear-users{width:171px;background-position:-396px 0px}
ul#secondary-menu li a:hover#nav-hear-users{background-position:-396px -34px}
ul#secondary-menu li#nav-hear-users.here{width:171px;background-position:-396px -68px}
ul#secondary-menu li a:link#nav-learn-about,ul#secondary-menu li a:visited#nav-learn-about{width:206px;background-position:-567px 0px}
ul#secondary-menu li a:hover#nav-learn-about{background-position:-567px -34px}
ul#secondary-menu li#nav-learn-about.here{width:206px;background-position:-567px -68px}
ul#secondary-menu li a:link#nav-mobile-apps,ul#secondary-menu li a:visited#nav-mobile-apps{background-position:-773px 0px;width:193px}
ul#secondary-menu li a:hover#nav-mobile-apps{background-position:-773px -34px}
ul#secondary-menu li#nav-mobile-apps.here{width:193px;background-position:-773px -68px}
#center{width:960px;margin:0 auto}
.center{margin:0 auto}
#content{float:left;width:100%;background:#3dab34 url(../images/secondary-content-bg.png) repeat-x}
#left-bar{color:#000;background-image:url(../images/secondary-left-column-shadow.png);background-repeat:repeat-y;padding-top:25px;padding-left:24px;padding-right:22px;padding-bottom:25px;width:194px;float:left}
#left-bar.testimonial{}
#left-bar h1{font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-size:32px;line-height:36px;margin-bottom:15px;color:#FFF}
#right-block{width:720px;float:right;padding-top:25px;padding-bottom:25px}
#right-block h1{font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-size:32px;line-height:36px}
.cream{background:#f2faeb url(../images/secondary-cream-top.gif) repeat-x}
#see-dragon-in-action{color:#ccc;background-color:#000;width:640px;height:360px;margin:0 auto}
#see-dragon-in-action p{padding:25px}
#see-dragon-in-action img{padding:25px;margin-left:30px}
#see-dragon-in-action a.outgoing:hover span{top:-81px;left:-31px}
.dragon-demo .center{width:640px}
.fof .center{width:630px}
#fingers-of-fire{width:630px;height:630px;margin:0 auto;color:#ccc;background:#000}
#fingers-of-fire p,#fingers-of-fire h1,#fingers-of-fire a{padding:25px}
#fingers-of-fire img{margin-left:50px}
#fingers-of-fire a.outgoing:hover span{top:-32px;left:-11px}
.testamonial-section{overflow:auto;clear:both;width:666px;margin-left:15px;margin-right:15px;padding-left:12px;padding-right:12px;min-height:84px;background-image:url(../images/testamonial-bottom.png);background-repeat:no-repeat;background-position:bottom}
.testamonial-section h1{height:32px;margin-bottom:8px;padding-bottom:0px;width:500px;clear:none;float:left}
.testamonial-section.bottom-section h1{padding-top:32px;margin-bottom:0px;height:9px}
.testamonial-section a.last{display:block;width:77px;height:24px;text-indent:-9000px;overflow:hidden;float:right;background:url(../images/expand-button-sprite.png) no-repeat}
.testamonial-section.bottom-section a.last{margin-top:39px}
.testamonial-section a.last:hover{background-position:0px -24px}
.testamonial-section a.last.collapse{width:81px;background-position:-77px -0px}
.testamonial-section a.last.collapse:hover{background-position:-77px -24px}
.testamonial-section p{clear:both}
.testamonial-section div.section{width:666px}
.extender{display:block;height:20px;width:666px;clear:both}
.video-block{display:block;width:320px;float:left;margin-top:29px;padding-bottom:11px}
.testamonial-section .left{margin-right:26px}
.video-block.last{margin-right:346px}
.video-block p{margin-top:8px}
.video-block h4{margin-bottom:8px}
.video{display:block;width:320px;height:180px;background-color:#000;color:#ccc}
.video p{padding:25px}
.video img{margin-top:20px;margin-left:40px}
.video a.outgoing:hover span{top:-60px;left:-46px}
.bottom-section .video a.outgoing:hover span{top:8px;left:-234px}
#edition-container{width:720px;height:568px;overflow:hidden;position:relative}
#edition-container h1{height:85px;width:215px}
.edition-block{display:block;padding-left:30px;padding-right:30px;width:660px;height:568px}
.edition-block h1{position:absolute;float:left;overflow:auto}
.edition-block .edition-info{display:block;width:368px;float:right}
.edition-info p{margin-bottom:5px}
.edition-info li{list-style-type:disc;margin-left:16px}
.edition-adlob{position:absolute;margin-top:477px;margin-left:-11px;width:669px}
.edition-adlob div.bar{height:48px;border-top:#000 dotted 1px;border-bottom:#000 dotted 1px;background:url(../images/price-bar.png) no-repeat 0px 8px}
.edition-adlob h5{font-size:24px;font-family:Arial Narrow,Arial,Helvetica,sans-serif}
.edition-adlob a{margin-top:12px;display:block;float:right;width:107px;height:24px;text-indent:-9000px;background:url(../images/ready-to-buy-sprite.png) no-repeat;margin-left:17px}
.edition-adlob a.outgoing:hover span{top:-29px;left:-182px}
.edition-adlob a:hover{background-position:0px -24px}
.edition-adlob img{float:left;margin-top:18px;margin-left:76px}
#home-edition{background:url(../images/box-home-edition.png) no-repeat 0px 80px}
#premium-edition{background:url(../images/box-premium-edition.png) no-repeat 0px 80px}
#mac-edition{background:url(../images/box-dictate-edition.png) no-repeat 0px 80px}
ul#edition-buttons{margin-top:10px}
ul#edition-buttons li a:link,ul#edition-buttons li a:visited{display:block;width:191px;height:37px;margin-top:4px;margin-left:-4px;text-indent:-9000px;overflow:hidden;background:url(../images/edition-button-sprite.png) no-repeat}
ul#edition-buttons li a:link#edition-home,ul#edition-home li a:visited#edition-home{background-position:0px 0px}
ul#edition-buttons li a:hover#edition-home{background-position:-191px 0px}
ul#edition-buttons li a#edition-home.clicked{background-position:-381px 0px}
ul#edition-buttons li a#edition-premium{background-position:0px -37px}
ul#edition-buttons li a:hover#edition-premium{background-position:-191px -37px}
ul#edition-buttons li a#edition-premium.clicked{background-position:-381px -37px}
ul#edition-buttons li a#edition-dictate{background-position:0px -74px}
ul#edition-buttons li a:hover#edition-dictate{background-position:-191px -74px}
ul#edition-buttons li a#edition-dictate.clicked{background-position:-381px -74px}
#mobile-content{width:690px;background:url(../images/mobile-apps-bg.png) no-repeat 63px 31px;height:660px}
#mobile-content p{width:353px;float:right;clear:both;margin-right:10px}
#mobile-content ul{position:absolute;margin-left:325px;margin-top:423px;width:363px}
#mobile-content li{height:34px;border-top:#000 dotted 1px;padding-top:14px}
#mobile-content li a{display:block;float:right;width:89px;height:24px;text-indent:-9000px;background:url(../images/learn-more-sprite.png) no-repeat}
#mobile-content li a.outgoing:hover span{top:-29px;left:-222px}
#mobile-content li a:hover{background-position:0px -24px}
#mobile-content li span.mobile-app{float:left}
#mobile-content li.last{border-bottom:#000 dotted 1px}
#menu-wrap{width:742px;margin:0 auto;padding-left:240px}
#big-menu{background-image:url(../images/big-menu-bg-secondary.png);background-repeat:no-repeat;float:right}
div#menu-wrap.mobile{width:982px;margin:0 auto;padding-left:0px}
div#big-menu.mobile{float:none;background-image:url(../images/big-menu-bg.png);background-repeat:no-repeat;float:right}
.mobile{clear:both;margin-top:100px}
#mobile-box{width:960px;margin:0 auto;clear:both;background:url(../images/secondary-mobile-adlob.jpg) no-repeat right}
#mobile-box h2{margin-left:262px}
#mobile-box a{margin-left:259px;margin-top:17px}
.sIFR-active h1{visibility:hidden;padding-bottom:0;font-family:Arial Narrow,Arial,Helvetica,sans-serif}

» Zeige den Original CSS code

« Verberge den Original CSS code

@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
html, body {
	margin:0;
	padding:0;
}
#header {
	height:93px;	
}
#header img#secondary-logo {
	margin-top:20px;
}
#upper-links {
	margin-top:37px;
	height:31px;
	width:510px;
	float:right;
}
h4#phone-number {
	float:left;	
	margin-top:6px;	
}
a#visit-button {
	float:left;
	margin-left:4px;
}
ul#social {
	float:left;
	margin-left:3px;
}

/* Secondary Nav Menu */

ul#secondary-menu {
	width:966px;
	height:34px;
	margin:0 auto;
	clear:both;
}
ul#secondary-menu li {
	float:left;	
}
ul#secondary-menu li a {
	display:block;
	padding-top:3px;
	height:31px;
	text-indent:-9000px;
	overflow:hidden;
	background-image:url(../images/secondary-nav-sprite.png);
	background-repeat:no-repeat;
}
ul#secondary-menu li.here {
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	height:34px;
	background:url(../images/secondary-nav-sprite.png) no-repeat;
}
ul#secondary-menu li a:link#nav-home, ul#secondary-menu li a:visited#nav-home {
	width:68px;
}
ul#secondary-menu li a:hover#nav-home {
	background-position:0px -34px;
}

ul#secondary-menu li a:link#nav-see-dragon, ul#secondary-menu li a:visited#nav-see-dragon {
	width:155px;
	background-position:-68px 0px;
}
ul#secondary-menu li a:hover#nav-see-dragon {
	background-position:-68px -34px;
}
ul#secondary-menu li#nav-see-dragon.here {
	width:155px;
	background-position:-68px -68px;
}

ul#secondary-menu li a:link#nav-how-fast, ul#secondary-menu li a:visited#nav-how-fast {
	width:173px;
	background-position:-223px 0px;
}
ul#secondary-menu li a:hover#nav-how-fast {
	background-position:-223px -34px;
}
ul#secondary-menu li#nav-how-fast.here {
	width:173px;
	background-position:-223px -68px;
}

ul#secondary-menu li a:link#nav-hear-users, ul#secondary-menu li a:visited#nav-hear-users {
	width:171px;
	background-position:-396px 0px;
}
ul#secondary-menu li a:hover#nav-hear-users {
	background-position:-396px -34px;
}
ul#secondary-menu li#nav-hear-users.here {
	width:171px;
	background-position:-396px -68px;
}

ul#secondary-menu li a:link#nav-learn-about, ul#secondary-menu li a:visited#nav-learn-about {
	width:206px;
	background-position:-567px 0px;
}
ul#secondary-menu li a:hover#nav-learn-about {
	background-position:-567px -34px;
}
ul#secondary-menu li#nav-learn-about.here {
	width:206px;
	background-position:-567px -68px;
}

ul#secondary-menu li a:link#nav-mobile-apps, ul#secondary-menu li a:visited#nav-mobile-apps {
	background-position:-773px 0px;
	width:193px;
}
ul#secondary-menu li a:hover#nav-mobile-apps {
	background-position:-773px -34px;
}
ul#secondary-menu li#nav-mobile-apps.here {
	width:193px;
	background-position:-773px -68px;
}

/* Content Area */
#center {
	width:960px;
	margin:0 auto;	
}
.center {
	margin:0 auto;	
}
#content {
	float:left;
	width:100%;
	background:#3dab34 url(../images/secondary-content-bg.png) repeat-x;
}
#left-bar {
	color:#000;
	background-image:url(../images/secondary-left-column-shadow.png);
	background-repeat:repeat-y;
	padding-top:25px;
	padding-left:24px;
	padding-right:22px;
	padding-bottom:25px;
	width:194px;
	float:left;
}
#left-bar.testimonial {
	
}
#left-bar h1 {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:36px;
	margin-bottom:15px;
	color:#FFF;
}
#right-block {
	width:720px;
	float:right;
	padding-top:25px;
	/*
	padding-left:24px;
	padding-right:27px;
	*/
	padding-bottom:25px;
}
#right-block h1 {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:36px;
}
.cream {
	background:#f2faeb url(../images/secondary-cream-top.gif) repeat-x;
}
/* See Dragon in Action */
#see-dragon-in-action {
	color:#ccc;
	background-color:#000;
	width:640px;	
	height:360px;
	margin:0 auto;
}
#see-dragon-in-action p {
	padding:25px;	
}
#see-dragon-in-action img {
	padding:25px;	
	margin-left:30px;
}
#see-dragon-in-action a.outgoing:hover span {
    top:-81px; left:-31px;
}
.dragon-demo .center {
	width:640px;	
}

/* Fingers of Fire */
.fof .center {
	width:630px;	
}
#fingers-of-fire {
	width:630px;
	height:630px;
	margin:0 auto;	
	color:#ccc;
	background:#000;
}
#fingers-of-fire p, #fingers-of-fire h1, #fingers-of-fire a {
	padding:25px;	
}
#fingers-of-fire img {
	margin-left:50px;	
}
#fingers-of-fire a.outgoing:hover span {
    top:-32px; left:-11px;
}
/* Testamonials */
.testamonial-section {
	overflow:auto;
	clear:both;
	width:666px;
	margin-left:15px;
	margin-right:15px;
	padding-left:12px;
	padding-right:12px;
	/*padding-bottom:10px;
	margin-bottom:10px;*/
	/*ui-accordion-header ui-helper-reset ui-state-default ui-corner-all*/
	/*ui-accordion-header ui-helper-reset ui-state-default ui-state-active ui-corner-top*/
	min-height:84px;
	background-image:url(../images/testamonial-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.testamonial-section h1 {
	height:32px;
	margin-bottom:8px;
	padding-bottom:0px;
	width:500px;
	clear:none;
	float:left;
}
.testamonial-section.bottom-section h1 {
	padding-top:32px;
	margin-bottom:0px;
	height:9px;
}
.testamonial-section a.last {
	display:block;
	width:77px;
	height:24px;
	text-indent:-9000px;
	overflow:hidden;
	float:right;
	background:url(../images/expand-button-sprite.png) no-repeat;
}
.testamonial-section.bottom-section a.last {
	margin-top:39px;
}
.testamonial-section a.last:hover {
	background-position:0px -24px;	
}
.testamonial-section a.last.collapse {
	width:81px;
	background-position:-77px -0px;	
}
.testamonial-section a.last.collapse:hover {
	background-position:-77px -24px;	
}
.testamonial-section p {
	clear:both;	
}
.testamonial-section div.section {
	width:666px;
}
.extender {
	display:block;
	height:20px;
	width:666px;
	clear:both;	
}
.video-block {
	display:block;
	width:320px;
	float:left;
	margin-top:29px;
	padding-bottom:11px;
}
.testamonial-section .left {
	margin-right:26px;	
}
.video-block.last {
	margin-right:346px;
}
.video-block p {
	margin-top:8px;	
}
.video-block h4 {
	margin-bottom:8px;	
}
.video {
	display:block;
	width:320px;
	height:180px;
	background-color:#000;
	color:#ccc;
}
.video p {
	padding:25px;	
}
.video img {
	margin-top:20px;	
	margin-left:40px;
}
.video a.outgoing:hover span {
    top:-60px; left:-46px;
}
.bottom-section .video a.outgoing:hover span {
    top:8px; left:-234px;
}
/* Learn about Dragon Software */
#edition-container {
	width:720px;
	height:568px;
	overflow:hidden;
	position:relative;
}
#edition-container h1 {
	height:85px;
	width:215px;
}
.edition-block {
	display:block;
	padding-left:30px;
	padding-right:30px;
	width:660px;
	height:568px;	
}
.edition-block h1 {
	position:absolute;
	float:left;	
	overflow:auto;
}
.edition-block .edition-info {
	display:block;
	width:368px;
	float:right;
}
.edition-info p {
	margin-bottom:5px;	
}
.edition-info li {
	list-style-type:disc;
	margin-left:16px;	
}
.edition-adlob {
	position:absolute;
	margin-top:477px;
	margin-left:-11px;
	width:669px;
}
.edition-adlob div.bar {
	height:48px;
	border-top:#000 dotted 1px;
	border-bottom:#000 dotted 1px;
	background:url(../images/price-bar.png) no-repeat 0px 8px;
}
.edition-adlob h5 {
	font-size:24px;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;	
	/*
	margin-bottom:10px;
	padding-bottom:11px;
	background:url(../images/edition-buy-border.png) no-repeat left bottom;*/
}
.edition-adlob a {
	margin-top:12px;
	display:block;
	float:right;
	width:107px;
	height:24px;
	text-indent:-9000px;
	background:url(../images/ready-to-buy-sprite.png) no-repeat;
	margin-left:17px;	
}
.edition-adlob a.outgoing:hover span {
    top:-29px; left:-182px;
}
.edition-adlob a:hover {
	background-position:0px -24px;	
}
.edition-adlob img {
	float:left;
	margin-top:18px;
	margin-left:76px;	
}
/*
.edition-adlob span.edition-phone {
	margin-top:15px;
	display:block;
	float:left;
	width:157px;
	height:21px;
	text-indent:-9000px;
	overflow:hidden;
	background:url(../images/edition-number.png) no-repeat;	
}
*/
#home-edition {
	background:url(../images/box-home-edition.png) no-repeat 0px 80px;	
}
#premium-edition {
	background:url(../images/box-premium-edition.png) no-repeat 0px 80px;	
}
#mac-edition {
	background:url(../images/box-dictate-edition.png) no-repeat 0px 80px;	
}		
ul#edition-buttons {
	margin-top:10px;
}
ul#edition-buttons li a:link, ul#edition-buttons li a:visited {
	display:block;
	width:191px;
	height:37px;
	margin-top:4px;
	margin-left:-4px;
	text-indent:-9000px;
	overflow:hidden;
	background:url(../images/edition-button-sprite.png) no-repeat;
}
ul#edition-buttons li a:link#edition-home, ul#edition-home li a:visited#edition-home {
	background-position:0px 0px;
}
ul#edition-buttons li a:hover#edition-home {
	background-position:-191px 0px;
}
ul#edition-buttons li a#edition-home.clicked {
	background-position:-381px 0px;
}

ul#edition-buttons li a#edition-premium {
	background-position:0px -37px;
}
ul#edition-buttons li a:hover#edition-premium {
	background-position:-191px -37px;
}
ul#edition-buttons li a#edition-premium.clicked {
	background-position:-381px -37px;
}

ul#edition-buttons li a#edition-dictate {
	background-position:0px -74px;
}
ul#edition-buttons li a:hover#edition-dictate {
	background-position:-191px -74px;
}
ul#edition-buttons li a#edition-dictate.clicked {
	background-position:-381px -74px;
}

/* Mobile Apps */

#mobile-content {
	width:690px;
	background:url(../images/mobile-apps-bg.png) no-repeat 63px 31px;
	height:660px;
}
#mobile-content p {
	width:353px;
	float:right;
	clear:both;
	margin-right:10px;
}
#mobile-content ul {
	position:absolute;
	margin-left:325px;
	margin-top:423px;
	width:363px;
}
#mobile-content li {
	height:34px;
	border-top:#000 dotted 1px;
	padding-top:14px;	
}
#mobile-content li a {
	display:block;
	float:right;
	width:89px;
	height:24px;
	text-indent:-9000px;
	background:url(../images/learn-more-sprite.png) no-repeat;	
}
#mobile-content li a.outgoing:hover span {
    top:-29px; left:-222px;
}
#mobile-content li a:hover {
	background-position:0px -24px;	
}
#mobile-content li span.mobile-app {
	float:left;	
}
#mobile-content li.last {
	border-bottom:#000 dotted 1px;
}

/* Big Menu */
#menu-wrap {
	width:742px;
	margin:0 auto;
	padding-left:240px;	
}
#big-menu {
	background-image:url(../images/big-menu-bg-secondary.png);
	background-repeat:no-repeat;
	float:right;
}

/* mobile menu fix */
div#menu-wrap.mobile {
	width:982px;
	margin:0 auto;
	padding-left:0px;
}
div#big-menu.mobile {
	float:none;
	background-image:url(../images/big-menu-bg.png);
	background-repeat:no-repeat;
	float:right;
}
/*
div#big-menu.mobile {
	float:none;
	width:960px;
	margin:0 auto;
	background-image:url(../images/big-menu-bg.png);
	background-repeat:no-repeat;
}*/
.mobile {
	clear:both;
	margin-top:100px;	
}

/* Mobile Adlob */
#mobile-box {
	width:960px;
	margin:0 auto;
	clear:both;
	background:url(../images/secondary-mobile-adlob.jpg) no-repeat right;
}
#mobile-box h2 {
	margin-left:262px; 
}
#mobile-box a {
	margin-left:259px;
	margin-top:17px;
}

/* sifr styles */
.sIFR-active h1 {
	visibility:hidden;
    padding-bottom: 0;	
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
}