/* Eric Meyer CSS Reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } big { font-size: 120%; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } body { text-align: center; font-family: "Liberation Sans","Bitstream Vera Sans",sans-serif; } /*Header and footer backgrounds*/ html { background: #fff; /*#d4e9f1 #c2dfec;*/ background-image:url(../../images/kde1.jpg); background-repeat: no-repeat; background-position: top center; } body { background: transparent; background-image: url(../../images/footer1.jpg); background-repeat: no-repeat; background-position: bottom center; } /*Formating and setups*/ .root { width: 850px; margin: 0 auto; text-align: left; padding-bottom: 25px; min-height: 1100px; } .header { background-image: url(../../images/page-hr-alt.png); background-repeat: no-repeat; background-position: 0 28px; } .header .toolbox { height: 32px; margin-bottom: 8px; } .header .toolbox .toolboxtext { padding-top: 10px; } .header .toolbox img { padding-top: 4px; padding-right: 10px; float: left; } .header .toolbox div { float: left; width: auto; padding: 0 10px; color: #888; text-shadow: #fff 0 0 3px; text-decoration: none; font-size: 12px; font-weight: 400; } .header .toolbox div.toolboxtext { float: none; } .header .toolbox #location { min-width: 700px; } .header .toolbox #location a { color: #666; text-shadow: #fff 0 0 3px; text-decoration: none; font-size: 12px; font-weight: 400; } .header .toolbox #location a:hover { text-decoration: underline; } .header .menu_box { display: table; text-align: left; width: auto; min-height: 160px; margin: 0 auto; text-shadow: #fff 0 0 3px; } .header .menu_box li { float: left; margin: 3px 14px; } .header .menu_box li a { text-decoration: none; margin: 0 10px; } .header .menu_box li h2 a { color: #555; font-size: 14px; font-weight: 400; padding-left: 10px; text-transform: uppercase; } .header .menu_box li ul { padding-top: 5px; padding-left: 10px; } .header .menu_box li a:hover h2,.header .menu_box li a:hover,.header .menu_box li a#current { color: #222; text-shadow: #E6F1FF 0 0 3px; background-image: url(../../images/underline.png); background-repeat: repeat-x; background-position: bottom; } .header .menu_box li ul li { float: none; text-align: left; margin: 5px 0; } .header .menu_box li ul li a { color: #666; font-size: 12px; margin: 5px; } .header .menu_box li ul li ul { margin: 4px 2px 4px 10px; padding: 0; } .header .menu_box li ul li ul li { margin: 2px; padding: 0; } .header .menubox_body .menubox_title { font-weight: bold; } /*Header glow/icons*/ #cp-menu-home { background-image: url(../../images/blue.icon.png); background-repeat: no-repeat; background-position: 0 0; } #cp-menu-home:hover { text-shadow: #8ed1ff 0 0 18px; } #cp-menu-community { background-image: url(../../images/green.icon.png); background-repeat: no-repeat; background-position: 0 0; } #cp-menu-community:hover { text-shadow: #acff08 0 0 18px; } #cp-menu-workspaces { background-image: url(../../images/orange.icon.png); background-repeat: no-repeat; background-position: 0 0; } #cp-menu-workspaces:hover { text-shadow: #ffae00 0 0 18px; } #cp-menu-applications { background-image: url(../../images/red.icon.png); background-repeat: no-repeat; background-position: 0 0; } #cp-menu-applications:hover { text-shadow: #ff96af 0 0 18px; } #cp-menu-developerplatform { background-image: url(../../images/gray.icon.png); background-repeat: no-repeat; background-position: 0 0; } #cp-menu-developerplatform:hover { text-shadow: #aaa 0 0 18px; } #cp-menu-support { background-image: url(../../images/purple.icon.png); background-repeat: no-repeat; background-position: 0 0; } #cp-menu-support:hover { text-shadow: #e285ff 0 0 18px; } .content { background-image: url(../../images/page-bg-alt.png); background-repeat: repeat-y; background-position: top center; } .content .teaser,.content .teaser_edu { height: 300px; width: 830px; display: block; margin: auto; } .content .teaser_hide { display: none; } .content a { color: #235E9A; } .footer { text-align: left; background-image: url(../../images/page-fr-alt.png); background-repeat: no-repeat; background-position: 0 0; width: 850px; height: 60px; padding: 40px 0 0; } .footer .module { float: left; width: 25%; margin: 0 10px 30px; } .footer .module { font-size: x-small; } #footer { color: #aaa; font-size: xx-small; width: 100%; background: #333; padding: 5px 0; margin-top: -25px; height: 25px; } #footer a { color: #eee; } #sidebar { color: #444; float: right; max-width: 185px; min-height: 200px; margin: 10px 0 10px 15px; padding: 15px; border: 1px solid #ccc; font-size: 10pt; text-align: left; background-image: url(../../images/30.png); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; box-shadow: 0 1px 8px #aaa; } a.cp-doNotDisplay { display: none; } #main { text-align: justify; padding: 10px 35px 0; font-size: 10pt; line-height: 120%; text-shadow: #fff 0 0 3px; color: #444; } #main a[href] { color: #235E9A; text-decoration: none; } #main a[href]:hover { text-decoration: underline; } #main p { color: #444; padding: 10px 0; } #main h1,#main h2,#main h3,#main h4,#main h5,#main h6 { font-weight: 400; } #main h1 { line-height: 130%; padding-left: 10px; background-image: url(../../images/30.png); color: #335877; font-size: 18pt; margin: 20px 10px 10px 0px; } #main h2 { color: #446888; font-size: 16pt; padding: 30px 0 20px 0px; line-height: 120%; } #main h3 { color: #557899; font-size: 15pt; padding: 25px 0 15px 0px; line-height: 120%; } #main h4 { color: #557899; font-size: 13pt; padding: 20px 0 10px 0px; font-weight: 700; line-height: 120%; } #main h5 { color: #557899; font-size: 12pt; padding: 15px 0 10px 0px; font-weight: 700; line-height: 120%; } #main h6 { color: #557899; font-size: 11pt; padding: 15px 0 10px 0px; font-weight: 700; line-height: 120%; } #main > h1,#main > h2,#main > h3,#main > h4,#main > h5,#main > h6 { margin-left: -15px; } #main img { margin: 10px; padding: 5px; background-image: url(../../images/70.png); border: 1px solid #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } #main img.clear { background-image: none; border: 0; padding: 0; margin: 0; } #main dl,#main ol,#main ul { padding: 5px 30px; } #main ol { list-style: decimal; } #main ul { list-style-image: url(../../images/list-circle.png); } #main ul li:hover { list-style-image: url(../../images/list-circle-over.png); } #main ul li ul { padding: 10px 0 0 30px; } #main ul.clear, #main ol.clear, #main ul.clear li:hover, #main ol.clear li:hover { list-style: none; list-style-image: none; } #main li { padding-bottom: 10px; } #main form { margin: 10px; padding: 5px; border: 1px solid #E1EAF2; box-shadow: 0 2px 3px #888; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #main #languageChooser form { float: right; font-size: 10pt; text-align: left; background-image: url(../../images/30.png); margin: 20px 10px 10px 10px; } #main fieldset { } #main legend { } #main input { } #main textarea { } #main table { border: 1px solid #E1EAF2; color: #444; background-image: url(../../images/30.png); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } #main table th { color: #444; background-color: #E1EAF2; padding: 5px; text-align: center; } #main table tr:nth-child(odd) { background-image: url(../../images/30.png); } #main table tr:nth-child(even) { } #main table tr:hover { background-image: url(../../images/30s.png); } #main table td { padding: 5px; } #main table.donations-and-sponsors td { vertical-align: middle; } #main sup { font-size: 7pt; } #main sub { font-size: 7pt; } #main cite { } #main pre { font-size: 9pt; font-style: monospace; color: #555; padding: 2px 5px 2px 20px; border: 1px solid #DDD; margin-left: 20px; } /* Download button */ #main a.downloadButton { display: block; width: 130px; height: 61px; background: url(https://kst-plot.kde.org/images/buttons/download_empty.png); text-align: center; padding: 40px 10px 15px 130px; font-size: 12pt; line-height: 20px; margin-left: auto; margin-right: auto; vertical-align: middle; color: #444; } #main a.downloadButton:hover { text-decoration: none; } .table-wrapper { padding: 15px; } /* Application pages */ #sidebar a { text-decoration: none; } .app-icon { float: left; } .app-screenshot { clear: left; text-align: center; } .infobox { padding-top: 15px; } #infobox-return img,.header-image { padding: 0!important; border: 0!important; margin: 0 5px 0 0!important; background-image: none!important; } .app-category,.international-site { float: left; display: table-cell; max-width: 240px; width: 240px; height: 60px; max-height: 60px!important; text-align: left; } .app-category img,.international-site img { float: left; margin: 0 10px 0 0!important; } .app-category a,.international-site a { font-size: 12pt; font-weight: 700; text-decoration: none; } .international-site { height: auto!important; } /* OCS Stuff */ .info-area { float: right; max-width: 300px; padding-left: 10px; text-align: left; } #main table.ocs img { padding: 1px!important; margin: 0; } #main table.ocs { border: none!important; } .ocs-hackergotchi img { height: 32px!important; width: 32px!important; } .ocs-applicationshot { padding: 10px 0 10px 10px!important; } .ocs-latestapp { padding: 10px!important; } .ocs-content,.ocs-linksbar,.ocs-latestapp { vertical-align: top; text-align: left; } .ocs-title { font-weight: 700; padding-right: 10px; } .ocs-linksbar { text-align: right!important; min-width: 75px; } .ocs-linksbar img { margin: 0 2px 2px!important; } .screenshot { margin-top: 20px; margin-bottom: 20px; } .main-content .app-screenshot { max-width: 539px; } .toggle { float: right; width: auto; padding: 10px 10px 0; color: #888; text-shadow: #fff 0 0 3px; text-decoration: none; font-size: 12px; font-weight: 400; } #hotspot { float: right; } #main .social img { margin: 5px; vertical-align: top; } #main table.social { border: 0; width: 100%; } #main table.thanks { text-align: left; } #main table.thanks td { border: 1px solid #E1EAF2; } .timeline-members td { border: 1px solid #dddddd; }