/** * Standard-stylesheet for SLIKSVN * * @copyright 2008 Slik BV * @version $Id: default.css 134 2010-12-07 11:50:38Z walter $ */ /* default colors: #dee0b2 -> light green #8c8f3c -> dark green #1a548e -> dark blue */ /* RESETCODE VOOR BROWSER COMPATIBILITEIT *********************/ img { border: 0;} hr { display: none;} p, form, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-size: 100%; } ul, li { list-style-type: none;} h1 span, h2 span, h3 span { display: none;} hr { display: none;} .clear { clear: both;} cite.amp { font-family: Arial, Helvetica, sans-serif; font-style: normal; } a { text-decoration: none; outline: none; } html { overflow: -moz-scrollbars-vertical; } /* CONTAINERS *************************************************/ html { width: 100%; min-height: 100%; } body { position: relative; margin: 0; color: black; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 67.5%; text-align: center; min-height: 100%; width: 100%; background: #fff url('../gfx/body_backgr.gif') no-repeat center 27px; } form input, form textarea, form select{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 100%; } pre, code { font-family: Consolas, Monaco, "Courier New", monospace; } /* This wrapper centers every element within the tag */ .wrapper { position: relative; margin: 0 auto; width: 780px; text-align: left; /* border-left: 1px dotted black; border-right: 1px dotted black; */ min-height: 15px; } /* TOP NAVIGATION *****************************************/ #topNavigation { background: #1A548E; color: #8DAAC7; height: 2.8em; } #topNavigation ul { padding: 0; } #topNavigation ul li { display: inline; } #topNavigation ul li a { float: left; padding: .5em 1em .5em 1em; color: white; text-decoration: none; font-size: 12px; } #topNavigation ul li a:hover { background-color: #386ca0; } #topNavigation ul li a.active { color: #1a548E; background-color: white; padding: .5em 1em .5em 1em; /* margin: 0 1em 0 -1em;*/ /* default_ie.css : margin-left: 0; */ } #topNavigation ul.subNav { position: absolute; right: 0px; top: .5em; } #topNavigation ul.subNav li.first a { padding-left: 0; } #topNavigation ul.subNav li a { padding: 0; } /* HEADER *************************************************/ #header { height: 155px; } #header h1 { position: absolute; background: url(../gfx/logo.gif) no-repeat; width: 360px; height: 49px; top: 50px;} #header .software { position: absolute; right: 0; top: 30px; } #header .software img { display: block; clear: right; float: right; margin-bottom: 15px; } /* PRODUCT SHOWCASE ***************************************/ #showCase { position: relative; height: 235px; color: #676a07; } #showCaseBackground { position: absolute; top: 0; left: 0; background: #B4B847; height: 235px; width: 100%; text-align: center; opacity:.80; * filter: alpha(opacity=80);} .offerBackground { float: left; background: white; height: 180px; width: 190px; margin: 42px 6px 0 0; opacity:.60; * filter: alpha(opacity=60);} #showCase #offerBackground4 { margin-right: 0; } .offer .highlight { position: absolute; bottom: 0; left: 0; width: 190px; height: 75px; background: white; opacity:.50; * filter: alpha(opacity=50); z-index: 0; } #showCase .offer { position: relative; float: left; width: 190px; height: 207px; margin: 15px 6px 0 0; color: #1A548E; } #showCase #offer4 { margin-right: 0; } a.goForIt { position: absolute; bottom: 0; left: 0; width: 160px; padding: 14px; z-index: 1; color: white; border: 1px solid white; background: #7698BB; cursor: pointer; } #offer2 a.goForIt, #offer4 a.goForIt, #offer1 a.goForIt:hover, #offer3 a.goForIt:hover { background: #8DAAC7; } #offer2 a.goForIt:hover, #offer4 a.goForIt:hover { background: #7698BB; } .offer h3 { height: 21px; width: 135px; margin-bottom: 6px; padding-left: 40px; font-size: 160%; color: white; } .offer h3 strong { color: #1A548E; } #offer1 h3 { background: url(../gfx/svn_free.gif) no-repeat 4px 2px;} #offer2 h3 { background: url(../gfx/svn_piano.gif) no-repeat 4px 2px;} #offer3 h3 { background: url(../gfx/svn_mezzo.gif) no-repeat 4px 2px;} #offer4 h3 { background: url(../gfx/svn_forte.gif) no-repeat 4px 2px;} .offer h3 span { display: none; } .offer span { color: #1A548E; } .offer ul { position: relative; padding: 10px 15px; z-index: 1; } .offer ul li { padding: 3px 5px 3px 25px; background: url(../gfx/icon_correct.gif) no-repeat 0 5px; z-index: 1; } .offer ul li.price { padding-top: 12px; } .offer ul li.price span { font-size: 130%; font-weight: bold; color: red; } #offer1 ul li.price { background: url(../gfx/smiley_free.gif) no-repeat 0 14px; } #offer2 ul li.price { background: url(../gfx/smiley_piano.gif) no-repeat 0 14px; } #offer3 ul li.price { background: url(../gfx/smiley_mezzo.gif) no-repeat 0 14px; } #offer4 ul li.price { background: url(../gfx/smiley_forte.gif) no-repeat 0 14px; } /*#details #showCase, #details #showCaseBackground { height: 235px; }XXXX*/ #details #showCase h3 { font-size: 180%; color: #fff; } #details #showCase h4 { font-size: 150%; color: #1A548E; } #details #showCase.productInfo img { position: absolute; top: -25px; left: 81px; } #details #showCase.productInfo h3 { position: absolute; top: 50px; left: 280px; width: 351px; height: 105px; background: url('/gfx/top_subversion_product_info.gif') no-repeat; } #details #showCase.productInfo em { position: absolute; top: 215px; right: 0; } #details #showCase.productInfo em, #details #showCase.productInfo em a { color: #dee0b2; } #details #showCase.techSpecs img { position: absolute; top: -116px; left: 409px; } #details #showCase.techSpecs h3 { position: absolute; top: 30px; left: 0; width: 205px; height: 128px; background: url('../gfx/top_sheer_power.gif') no-repeat; } #details #showCase.aboutUs { height: 185px; } #details #showCase.aboutUs #showCaseBackground { height: 185px; } #details #showCase.aboutUs img { position: absolute; top: -36px; left: 0px; } /* download section */ #details #showCase.download h1 { color: #1a548e; font-size: 180%; margin: 12px 0; } #details #showCase.download .downloadClient { width: 390px; height: 235px; float: left; } .downloadClient p { width: 360px; color: #1a144e; } .downloadClient p strong { color: #10355a; } .downloadClient a.download { display:block; float: left; position: relative; width: 126px; height: 78px; margin-top: 12px; padding: 6px 0 0 60px; font-size: 120%; color: #1a548e; background: url('../gfx/button_download_32.png') no-repeat left top; } .downloadClient a.download:hover { background-image: url('../gfx/button_download_32_hover.png'); } .downloadClient a.download.arch64 { background-image: url('../gfx/button_download_64.png'); } .downloadClient a.download.arch64:hover { background-image: url('../gfx/button_download_64_hover.png'); } .downloadClient a.download strong { color: #e30100; font-size: 140%; } .downloadClient a.download em { color: #e30100; font-style: normal; } .downloadClient a span.os { position: absolute; width: 178px; text-align: center; top: 65px; left: 0; font-size: 10px; color: #5f611c; } #details #showCase.download .plans { width: 390px; height: 235px; float: left; } .plans table { width: 390px; border-collapse: collapse; border-top: 1px solid #9fa35e; } .plans table tr.uneven td { padding: 4px; width: 65px; text-align: center; background-color: #dcddac; border-bottom: 1px solid #a6aa6f; } .plans table tr.even td { padding: 4px; text-align: center; background-color: white; border-bottom: 1px solid #a6aa6f; } .plans table tr.uneven th { padding: 4px; width: 130px; background-color: #d5d69d; border-bottom: 1px solid #9fa35e; } .plans table tr.even th { padding: 4px; background-color: #edeed2; border-bottom: 1px solid #9fa35e; } .plans table td.bright { background: url('../gfx/bright.gif') no-repeat 10px 16px; } .plans table tr.specs td { text-align: center; vertical-align: middle; line-height: 100%; padding: 0; } .plans table tr.specs td a { display: block; padding: 6px 4px 0 4px; background: url('../gfx/button_signup_mirror.png') no-repeat center top; height:26px; font-size: 10px; color: #5f611c; } .plans table tr.specs td a:hover { color: #8c8f3c; } .plans a.signup { display: block; height: 47px; padding-top: 8px; margin-top: 15px; font-size: 140%; color: #e30100; background: url('../gfx/button_signup.gif') no-repeat center top; text-align: center; font-weight: bold; } .plans a.signup em { color: #1a548e; font-size: 10px; font-style: normal; font-weight: normal; } #details #showCase.support img { position: absolute; top: -32px; left: 0px; } #details #showCase.signup.step1, #details #showCase.signup.step1 #showCaseBackground { height: 240px; } #details #showCase.signup.step2, #details #showCase.signup.step2 #showCaseBackground { height: 300px; } #details #showCase.signup.step3, #details #showCase.signup.step3 #showCaseBackground { height: 300px; } /* address on contact page */ #details .address h3 { padding-top: 10px; } #details .address ul { font-style: normal; margin-top: 15px; } #details .address em { display: block; float: left; font-style: normal; width: 60px; color: #dbdda9; } /* contact forms */ form.contact.general { float: right; width: 376px; } form.contact.signup { float: left; width: 410px; } form.contact h3 { padding-top: 8px; } form.contact h4 { padding-bottom: 8px; } form.contact label { display: block; float: left; clear: left; width: 120px; margin-top: 6px; } form.contact input.text, form.contact textarea, form.contact select { border: 1px solid #b2b964; padding: 3px; margin-top: 3px; width: 180px; } form.contact textarea { height: 45px; } form.contact select { width: 188px; } form.contact input.submit { background-color: #676a07; border: none; color: white; margin-bottom: 2px; cursor: pointer; } form.contact.general input.submit { margin: 4px 0 0 121px; width: 186px; cursor: help; } form.contact.signup input.submit { margin: 4px 0 0 121px; padding: 3px 8px; width: 186px; } form.contact.signup table.plan td { color: /* #e5e6bf; */ #ffffff; } form.contact.signup small { color: white; font-size: 95%; } /* CONTENT ************************************************/ #contentBackground { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity:.35; * filter: alpha(opacity=35);} #contentBackground.download { opacity:.65; * filter: alpha(opacity=65);} #content { position: relative; width: 100%; min-height: 450px; background: url(../gfx/content_backgr.png) repeat-y center; } #content.question, #content.section { background: url(../gfx/content_backgr_textpage.png) repeat-y center; } #content .textColumn { float: left; width: 390px; text-align: left; color: black; margin-bottom: 20px; /* default_ie.css: .textColumn {overflow:hidden} */ } #content .textColumn.left { width: 390px; } #content .textColumn.right { width: 390px; } #content.section .textColumn.left { width: 500px; } #content.section .textColumn.right { width: 280px; } #content.question .textColumn.left { width: 500px; } #content.question .textColumn.right { width: 280px; } #content .textColumn h3 { font-size: 160%; } #content .textColumn blockquote { margin: 20px 20px 10px 0; padding: 0 0 0 10px; border-left: 3px solid white; } #content .textColumn ul { margin: 10px 0 0 10px; } #content .textColumn ul.simpleBox { border: 2px solid #cdd085; background: #feffb2; padding: 6px 0; } #content .textColumn ul.simpleBox h3 { padding: 0 0 0 10px; } #content .textColumn ul li { padding: 2px 25px; background: url(../gfx/icon_bullet.gif) no-repeat 2px 5px; } #content .textColumn ul.simpleBox li { font-size: 120%; padding: 5px 40px; background: url(../gfx/icon_bullet_large.gif) no-repeat 12px 8px; } #content .textColumn pre, #content .textColumn code { color: #1a548e; } #content .textColumn dl { margin-right: 10px; } #content .textColumn.right dl { margin-left: 15px; margin-right: 0; } #content .textColumn dl dt { font-weight: bold; background-color: #e9eac9; border-bottom: 1px solid white; padding: 10px; } #content .textColumn dl dd { margin: 10px; padding-bottom: 0; } #content .textColumn dl code { background: #c3c66c; padding: 2px 4px; margin-right: 10px; color: white; } #content .textColumn img.network { margin: 15px 0 0 20px; } /* news section on frontpage */ dl.headlines dt { font-size: 120%; border-top: 1px solid #c3cc6c;} dl.headlines dd em { font-weight: normal; font-style: normal; font-size: 80%; font-family: Tahoma; background-color: #c3c66c; color: white; padding: 2px 4px; } /* downloads styling */ #content .textColumn.left dl.download dt.windows { padding-left: 40px; background: #e9eac9 url('../gfx/icon_download_windows.gif') no-repeat 10px 7px; } #content .textColumn.left dl.download dt.apple { padding-left: 40px; background: #e9eac9 url('../gfx/icon_download_apple.gif') no-repeat 12px 9px; } #content .textColumn.left dl.download dt.ubuntu { padding-left: 40px; background: #e9eac9 url('../gfx/icon_download_ubuntu.gif') no-repeat 9px 7px; } #content .textColumn.left dl.download dt.freebsd { padding-left: 40px; background: #e9eac9 url('../gfx/icon_download_freebsd.gif') no-repeat 11px 9px; } #content .textColumn dl dd pre { color: #1A548E; border: 1px dashed #C3C66C; padding: 4px;} #content .textColumn.left dl.download a.download { display: block; width: 314px; height: 37px; padding: 14px 0 0 42px; margin-left: 12px; background: url('../gfx/backgr_button_download.png') no-repeat; color: #1A548E; } #content .textColumn dl.download a.download:hover { background: url('../gfx/backgr_button_download_hover.png') no-repeat; text-decoration: none; color: #46480e; } #content .textColumn.left { text-align: left; color: #1a2b3d; } #content .textColumn.left p, .textColumn.left h3 { padding: 15px 15px 0 0; } #content .textColumn.left h3 { font-size: 160%; color: #1A548E; } #content .textColumn.left a { color: #7B7E16; text-decoration: none; } #content .textColumn.right { color: #373922; } #content .textColumn.right p, .textColumn.right h3 { padding: 15px 0 0 15px; } #content .textColumn.right p.mailSpam { color: #80834a; background: url('../gfx/icon_email_red.gif') no-repeat 24px 15px; padding-left: 52px; } #content .textColumn.right h3 { color: #7B7E16; } #content .textColumn.right a { color: #1A548E; text-decoration: none; } #content .textColumn a:hover { text-decoration: underline; } #content #specDescription { margin: 15px; } /* support section */ /* support showCase */ #details #showCase.support { height: 135px; } #details #showCase.support #showCaseBackground { height: 135px; } #details #showCase.support.question, #details #showCase.support.section { height: auto; background: #B4B847; background: rgba(180,184,71,.65); } #details #showCase.support.question #showCaseBackground { display: none; } #details #showCase.support.section #showCaseBackground { display: none; } #showCase.support.question h1, #showCase.support.section h1 { font-size: 24px; font-weight: normal; padding: 20px 0;} #showCase.support.question p, #showCase.support.section p { font-weight: normal; padding: 0 0 20px 0; color: #8c8f3c; } #showCase.support.question a, #showCase.support.section a { color: #1a548e; text-decoration: underline; } div.contact.support { float: right; width: 376px; } div.contact.support h3 { padding: 8px 0 4px 0; } div.contact.support strong { display: block; padding: 8px 0; } div.contact.support a { color: #0e3f6f; background: #d9db9a; padding: 0 2px; } div.contact.support a:hover { background: white; } /* support portal */ #content.portal { padding: 20px 0; } #content.portal h3 { font-weight: normal; } #content.portal a { color: #0e3f6f !important; text-decoration: underline !important; } #content.portal a:hover { color: #7f8224 !important; } /* support section */ #content.section a { color: #0e3f6f !important; text-decoration: underline !important; } /* support content */ .answer h2 { padding: 20px 0 0 0; font-weight: bold; font-size: 14px; } .answer p { padding: 0 0 20px 0; } /* signup procedure */ .procedure { margin-top: 10px; } .procedure ul { border: 3px solid #b3b65c; background-color: #ccd05b; margin: 5px 10px; } .procedure ul li, #content .textColumn .procedure ul li { background: none; padding: 6px 12px 6px 0; font-size: 120%; } .procedure ul li strong { color: black; background: #b3b65c url('../gfx/bullet_procedure.gif') no-repeat right top; padding: 2px 8px 2px 2px; } .procedure ul li a { color: white; } /* specs table @ product info page */ #content table.specs { border-collapse: collapse; margin: 10px 0 0 10px; width: 390px; cursor: help; } #content table.specs tr.even td { background-color: #dcddac; border-bottom: 1px solid #cdd085; border-right: 1px solid #d6d89e; } #content table.specs tr.uneven td { background-color: white; border-bottom: 1px solid #cdd085; border-right: 1px solid #e5e6c6; } #content table.specs tr.even th { background-color: #d5d69d; } #content table.specs td { text-align: center; border-bottom: 1px solid white; } #content table.specs tr.uneven td.cool { background-color: #feffb2; } #content table.specs tr.even td.cool { background-color: #e3e49c; } #content table.specs td, #content table.specs th { padding: 5px; } #content table.specs th.column { background: #c3c66c; text-align: center; color: white; padding: 5px; border-top: none; } #content table.specs th.row { border-bottom: 1px solid #c3c66c; } #content table.specs th.row.top { background: none; border: none; } #content table.specs tr.signup { cursor: default; } #content table.specs tr.signup td { border: none; } #content table.specs tr.signup a { display: block; margin: 5px 0 0 5px; width: 49px; height: 37px; padding-top: 5px; color: #777a23; background: url('../gfx/backgr_button_signup.gif'); } #content table.specs tr.signup a:hover { background: url('../gfx/backgr_button_signup_hover.gif'); text-decoration: none; color: #46480e; } #content table.contact { margin: 10px 10px 0 10px; } /* SIGNUP */ #signup input.submit { } #signup input.submit.continue { margin-left: 10px; } #signup #signupStep1 input.submit.continue { margin-left: 121px; } #signup input.submit.back { color: #676a07; background: #bcbf7c; margin: 0 0 0 58px; width: 50px; } #signupStep2 { display: none; } #signupStep3 { display: none; } #signupStep4 { display: none; } #signupStep4 input { display:block; float: left; clear: left; margin: 4px 10px 0; } #signupStep4 input.submit.send { clear: none; margin-top: 24px;} #signupStep4 input.submit.back { clear: none; margin: 24px 0 4px 33px; } #signupStep4 label { width: 300px; float: left; clear: none; } /* THANX */ .thanks { padding: 20px; background-color: #ff9900; color: black; font-size: 14px; }