/*Styles for HTML tags*/ body{ font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif; font-size: 16px; margin:0; padding:0; color:#646464; background-color:#f7f7f7; } h1,h2,h3{ text-align:left; } h1{ font-family:'Ubuntu', sans-serif; font-weight:700; color:#0d579b; font-size:160%; margin-top: 0; } h2{ font-family:'Ubuntu', sans-serif; font-weight:700; color:#383838; font-size:130%; } h3{ color:#383838; font-size:110%; } h1 img,h2 img,h3 img{ vertical-align:middle; margin-right:5px; } p { line-height:1.5em; } a:link,a:visited,a:active{ color:#4892b2; text-decoration:none; } a:link:hover,a:visited:hover,a:active:hover{ color:#75bfdf; } a img,a:link img,a:visited img,a:active img{ border:0; } blockquote{ margin-left:0px; margin-bottom:18px; border-left:5px solid #eee; padding-left:15px; } pre{ background-color:#f5f5f5; display:block; padding:17px; margin:0 0 18px; line-height:18px; font-size:12px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; white-space:pre-wrap; word-wrap:break-word; } ul{ padding-left:20px; margin-left:0px; } ul ul{ list-style-type:disc; } li{ padding:5px 0px; text-align:left; } li p{ margin:0px; } /*Styles for whole website*/ @font-face{ font-family:'Ubuntu'; src:url('/font/ubuntu-r-webfont.eot'); src:url('/font/ubuntu-r-webfont.eot?iefix') format('eot'), url('/font/ubuntu-r-webfont.woff') format('woff'), url('/font/ubuntu-r-webfont.ttf') format('truetype'), url('/font/ubuntu-r-webfont.svg') format('svg'); font-weight:300; font-style:normal; } @font-face{ font-family:'Ubuntu'; src:url('/font/ubuntu-ri-webfont.eot'); src:url('/font/ubuntu-ri-webfont.eot?iefix') format('eot'), url('/font/ubuntu-ri-webfont.woff') format('woff'), url('/font/ubuntu-ri-webfont.ttf') format('truetype'), url('/font/ubuntu-ri-webfont.svg') format('svg'); font-weight:300; font-style:italic; } @font-face{ font-family:'Ubuntu'; src:url('/font/ubuntu-b-webfont.eot'); src:url('/font/ubuntu-b-webfont.eot?iefix') format('eot'), url('/font/ubuntu-b-webfont.woff') format('woff'), url('/font/ubuntu-b-webfont.ttf') format('truetype'), url('/font/ubuntu-b-webfont.svg') format('svg'); font-weight:700; font-style:normal; } @font-face{ font-family:'Ubuntu'; src:url('/font/ubuntu-bi-webfont.eot'); src:url('/font/ubuntu-bi-webfont.eot?iefix') format('eot'), url('/font/ubuntu-bi-webfont.woff') format('woff'), url('/font/ubuntu-bi-webfont.ttf') format('truetype'), url('/font/ubuntu-bi-webfont.svg') format('svg'); font-weight:700; font-style:italic; } .alert-message{ background-color:#fff; } .alert-message div{ background-color:#fff; background-color:#c5251f; } .alert-message.error div{ background-color:#c5251f; } .alert-message.success div{ background-color:#489e48; } .alert-message.info div{ background-color:#517ea7; } .alert-message div div{ margin:auto; width:960px; padding:10px; } .alert-message,.alert-message a,.alert-message a:link,.alert-message a:active,.alert-message a:visited{ color:#fff; } #head{ margin:30px 0px 30px 0px; } #head>div{ max-width:1050px; margin:auto; position:relative; z-index:100; } #head.home { text-align:center; } #head.home #logo { text-align: center; } #body{ max-width:1050px; margin:auto; position:relative; } #langselect{ display:none; } #lang,#lang li,#lang ul{ display:block; list-style:none; padding:0px; margin:0px; text-align:right; cursor:pointer; } #lang{ position:absolute; right:5px; top:5px; height:30px; border-left:2px solid transparent; border-right:2px solid transparent; border-top:2px solid transparent; } #lang:hover{ border-left:2px solid #ebebeb; border-right:2px solid #ebebeb; border-top:2px solid #ebebeb; background-color:#fff; } #lang li ul{ display:none; right:-2px; top:28px; position:absolute; background-color:#fff; margin-left:-5px; padding-bottom:4px; border-left:2px solid #ebebeb; border-right:2px solid #ebebeb; border-bottom:2px solid #ebebeb; } #lang:hover li ul{ display:block; } #lang li a,#lang li a:link,#lang li a:visited,#lang li a:active{ text-decoration:none; color:#000; font-size:115%; width:100px; display:inline-block; color:#5c5c5c; padding:4px 8px; } #lang li ul li a,#lang li ul li a:link,#lang li ul li a:visited,#lang li ul li a:active{ padding:2px 8px; } #lang li ul li:hover a{ color:#000; } #logo{ display:block; margin-left:40px; width:191px; height:40px; } #menumobile{ display:none; } #menusimple{ margin:0px; position:absolute; top:8px; left:250px; padding:0px; height:35px; } #menusimple li{ list-style:none; display:inline-block; position:relative; padding:0px; margin:0px 6px; border-radius:5px; -webkit-border-radius:5px; } #menusimple li:first-child,#menusimple li:first-child+li{ border-bottom-left-radius:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; } #menusimple li a{ font-family:'Ubuntu', sans-serif; font-weight:300; font-size:110%; display:block; text-decoration:none; padding:6px 10px 4px 10px; color:#2c6fad; white-space:nowrap; } #menusimple li:hover, #menusimple li.active{ background-color:#2c6fad; } #menusimple li:hover a, #menusimple li.active a{ color:#fff; } #menusimple li ul{ display:none; position:absolute; background-color:#fff; border:1px solid #2c6fad; min-width:120%; padding:5px 0px; margin:0px; } #menusimple li:hover ul{ display:block; } #menusimple li ul li{ padding:0px; margin:0px; display:block; width:100%; border-radius:0px; -webkit-border-radius:0px; } #menusimple li ul li a, #menusimple li ul li a:active, #menusimple li ul li a:visited, #menusimple li ul li a:link{ display:block; color:#2c6fad; font-size:100%; width:100%; margin:1px 0px; padding:6px 10px 3px 10px; } #menusimple li ul li:hover a, #menusimple li ul li.active a{ color:#fff; } #content{ position:relative; padding:20px 265px 30px 30px; margin: 0px 5px; max-width:780px; text-align:justify; background-color:#fff; min-height:400px; border:2px solid #ebebeb; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } #content.wide{ padding:20px 40px 30px 30px; max-width:990px; } #rightbox{ width:210px; position:absolute; right:30px; top:20px; border-radius:5px; -webkit-border-radius:5px; padding:5px; } #rightbox.wide{ display:none; } #choose a,#before a,#support a{ font-family:'Ubuntu', sans-serif; font-weight:300; padding:10px 8px 10px 48px; color:#fff; display:block; text-align:left; margin-bottom:10px; text-decoration:none; border-radius:5px; -webkit-border-radius:5px; } #choose img,#before img,#support img{ vertical-align:middle; margin-right:8px; margin-left:-40px; width:32px; height:32px; } #before a,#support a{ background-color:#2c6fad; border:1px solid #20598f; background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:-o-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:-moz-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:-webkit-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); background-image:-ms-linear-gradient(bottom, #20598f 14%, #2c6fad 70%); } #choose a{ padding:12px 8px 12px 48px; background-color:#e78406; border:1px solid #d57700; background-image:linear-gradient(bottom, #d57700 14%, #e78406 70%); background-image:-o-linear-gradient(bottom, #d57700 14%, #e78406 70%); background-image:-moz-linear-gradient(bottom, #d57700 14%, #e78406 70%); background-image:-webkit-linear-gradient(bottom, #d57700 14%, #e78406 70%); background-image:-ms-linear-gradient(bottom, #d57700 14%, #e78406 70%); } #choose a:hover,#before a:hover,#support a:hover{ background-image:none; } #footer{ position:relative; top:-2px; padding:20px 0px 20px 40px; text-align:left; font-size:94%; max-width:1050px; } #footer div{ padding-top:6px; } #footer>div>a{ margin-right:15px; } /*Styles specific to elements in pages*/ .titleicon{ width:32px; height:32px; } .index,.index ul,.index li{ list-style:none; padding:0px; margin:0px; } .index{ padding:20px; border:2px dashed #4892b2; display:inline-block; } .index li a{ font-weight:bold; } .index ul{ padding:20px 0px 20px 20px; } .index a, .index a:link, .index a:active, .index a:visited{ display:block; text-decoration:none; line-height:1.5em; } .box{ border:2px dashed #4892b2; padding:0px 20px 0px 20px; } .boxexpand{ overflow:hidden; } .boxexpand>*{ display:none; } .boxexpand>h3:first-child{ display:block; margin:20px 0px; } .boxexpand>h3:first-child a:link, .boxexpand>h3:first-child a:visited, .boxexpand>h3:first-child a:active{ text-decoration:none; } .titlelight{ color:#a0a0a0; } .contributors{ width:900px; text-align:left; } .contributors span a{ font-size:80%; } .contributors span{ padding:6px 0px; width:170px; overflow:hidden; display:inline-block; } .resources{ font-size:115%; font-weight:bold; } .resources ul{ padding-top:5px; } .resources li{ padding-top:6px; } .resources a,.resources a:link,.resources a:active,.resources a:visited{ text-decoration:none; } .resources li ul li{ font-weight:normal; } #chatbox{ text-align:center; } .devprojectlist{ overflow:hidden; } .devprojectlist li{ display:none; } .devprojectlist li:first-child, .devprojectlist li:first-child+li, .devprojectlist li:first-child+li+li, .devprojectlist li:first-child+li+li+li{ display:list-item; } .devprojectlist li.more{ display:block; } .devprojectlist a{ display:inline-block; margin-top:5px; } .floatimg{ float:left; margin-right:10px; } .preview{ width:880px; padding-left:40px; padding-top:15px; border:2px solid #eee; margin-top:30px; border-radius:8px; -webkit-border-radius:8px; } .previewcol{ clear:both; } .previewcol .previewrow:first-child{ padding-left:0px; } .previewrow{ float:left; width:260px; text-align:justify; padding-left:30px; position:relative; } .previewrow>h2{ font-size:115%; } .previewrow>div{ display:inline-block; position:relative; margin-right:17px; margin-bottom:12px; vertical-align:top; } .previewrow>div.last{ margin-right:0px; } .previewrow>div>a>img{ display:block; margin:auto; margin-bottom:10px; } .previewrow>div>a,.previewrow>div>a:visited,.previewrow>div>a:link,.previewrow>div>a:active{ font-size:94%; text-align:center; text-decoration:none; font-weight:bold; width:72px; height:110px; display:inline-block; vertical-align:top; } .previewrow>div>div{ opacity:0; transition:opacity 400ms ease-out; -moz-transition:opacity 400ms ease-out; -webkit-transition:opacity 400ms ease-out; width:0px; height:0px; display:inline-block; position:absolute; left:-110px; right:-110px; bottom:100px; padding:0px; z-index:1000; overflow:hidden; } .previewrow>div:hover>div{ opacity:1; width:auto; height:auto; } .previewrow>div>div>div:first-child{ background:url(/img/bubbletop.svg) bottom center no-repeat; height:10px; } .previewrow>div>div>div:first-child+div{ background:url(/img/bubblemiddle.svg) bottom center repeat-y; padding:0px 30px; } .previewrow>div>div>div:first-child+div+div{ background:url(/img/bubblebottom.svg) bottom center no-repeat; height:64px; } .previewrow>div>div>div>span{ position:absolute; top:24px; right:30px; } .previewrow>div>div>div>h2{ margin:0px; padding-top:10px; } .previewrow>div>div>div>span>img{ margin-left:4px; } .previewrow>div>div>div>h2:first-child+span+p{ font-size:95%; line-height:1.2em; margin:0px; padding:10px 0px; } .previewrow>div>div>div>h2:first-child+span+p+p{ text-align: center; margin:0px; padding:0px; position:relative; bottom:-10px; } .previewrow>div>div>div>h2:first-child+span+p+p>a, .previewrow>div>div>div>h2:first-child+span+p+p>a:visited, .previewrow>div>div>div>h2:first-child+span+p+p>a:link, .previewrow>div>div>div>h2:first-child+span+p+p>a:active { font-weight:bold; text-decoration:none; color:#fff; background-color:#2c6fad; background-image:linear-gradient(bottom, #255f96 14%, #2c6fad 70%); background-image:-o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); background-image:-moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); background-image:-webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); background-image:-ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); border:1px solid #255f96; padding:4px 8px; border-radius:4px; -webkit-border-radius:4px; } .previewrow>div>div>div>h2:first-child+span+p+p>a:hover{ background-image:none; } .previewrow .walletwarning>div:first-child{ background:url(/img/bubblewarntop.svg) bottom center no-repeat; } .previewrow .walletwarning>div:first-child+div{ background:url(/img/bubblewarnmiddle.svg) bottom center repeat-y; } .previewrow .walletwarning>div:first-child+div+div{ background:url(/img/bubblewarnbottom.svg) bottom center no-repeat; } .previewrow .walletwarning>div>h2:first-child+span+p+p a, .previewrow .walletwarning>div>h2:first-child+span+p+p a:link, .previewrow .walletwarning>div>h2:first-child+span+p+p a:visited, .previewrow .walletwarning>div>h2:first-child+span+p+p a:active { background-color:#b95357; background-image:linear-gradient(bottom, #a04246 14%, #b95357 70%); background-image:-o-linear-gradient(bottom, #a04246 14%, #b95357 70%); background-image:-moz-linear-gradient(bottom, #a04246 14%, #b95357 70%); background-image:-webkit-linear-gradient(bottom, #a04246 14%, #b95357 70%); background-image:-ms-linear-gradient(bottom, #a04246 14%, #b95357 70%); border:1px solid #a04246; } .previewrow .walletwarning>div>h2:first-child+span+p+p a:hover{ background-image:none; } .versiontext{ text-align:left; margin-bottom:40px; } h1 .rssicon{ vertical-align:bottom; margin-bottom:9px; margin-left:10px; } h2 .rssicon{ vertical-align:bottom; margin-bottom:7px; margin-left:10px; } .alertstatusinactive{ font-size:130%; color:#0d579b; margin-bottom:30px; } .alertstatusactive{ font-size:130%; color:#d57700; margin-bottom:30px; } .alertsactive{ margin-bottom:20px; } .alertsactive a{ font-weight:bold; } .download a{ font-size:125%; display:inline-block; margin:5px 0px; } .summary{ font-size:125%; } .foundation{ max-width:500px; margin:40px auto; border:2px dashed #dfdfdf; padding:40px; border-radius:9px; -webkit-border-radius:9px; } .press h2{ font-size:150%; } .press-volunteer{ text-align:left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .press-volunteer>div>div{ width:400px; height:150px; display:inline-block; margin-right:30px; margin-bottom:30px; vertical-align:top; } .press-volunteer>div>div>img{ float:left; margin-right:30px; } .press-volunteer>div>div>img:first-child+p{ font-weight:bold; color:#0d579b; margin:0px; } .press-volunteer>div>div>img:first-child+p+p{ margin:0px; } .press-volunteer>div>div>img:first-child+p+p+p{ font-size:80%; } .press-volunteer>div>div>img:first-child+p+p+p+p{ margin:0px; } .press-volunteer>div>p>img{ vertical-align:bottom; } .press-volunteer>div:first-child+div+div>p{ margin-top:0px; margin-bottom:10px; } .press-volunteer>div:first-child>p:first-child+p{ height:0px; overflow:hidden; margin-top:0px; margin-bottom:10px; font-size:85%; text-align:justify; transition:height 400ms ease-out; -moz-transition:height 400ms ease-out; -webkit-transition:height 400ms ease-out; } .press-faq{ text-align:left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .press-faq>div{ width:400px; display:inline-block; vertical-align:top; text-align:left; margin-bottom:15px; margin-right:30px; } .press-faq>div>a{ display:inline-block; font-weight:bold; margin-right:20px; } .press-faq>div>div{ height:0px; overflow:hidden; text-align:justify; transition: height 400ms ease-out; -moz-transition: height 400ms ease-out; -webkit-transition: height 400ms ease-out; } .press-faq li{ text-align:justify; line-height:1.5em; } .press-faq>div>span>p{ margin-bottom:0px; } .press-materials{ text-align:left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .press-materials>div>a{ font-weight: bold; font-size: 110%; } .press-materials>div{ display:inline-block; width:300px; vertical-align:top; position:relative; } .press-materials>div>div{ height:270px; overflow:hidden; transition: height 400ms ease-out; -moz-transition: height 400ms ease-out; -webkit-transition: height 400ms ease-out; } .press-materials>div:first-child+div>div img{ margin-right: 14px; margin-bottom: 14px; height:120px; width:120px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .press-materials>div:first-child>div>p>a{ margin-right:10px; margin-bottom:10px; display:inline-block; } .press-materials>div:first-child+div+div>div>p{ margin-bottom:25px; margin-top:0px } .press-materials>div:first-child+div+div>div>p>span:first-child{ font-weight:bold; display:block; } .press-news{ text-align:left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .press-news>div{ height:125px; margin-bottom:30px; width:700px; } .press-news>div>a>img{ float:left; margin-right:30px; } .press-news>div>a:first-child+a{ display:block; margin-bottom:10px; } .press-news a:link,.press-news a:active,.press-news a:visited{ font-weight:bold; color:#0d579b; } .press-news>div>a:first-child+a+a+p{ font-size:80%; } .conferencebanner{ position:absolute; top:0px; right:5px; } /*Styles specific to mobiles*/ @media handheld, only screen and (max-device-height: 37em), only screen and (max-device-width: 50em){ img{ max-width:100%; } #head{ margin:0px; } #langselect{ background-color:transparent; border:0px; font-size:115%; position:absolute; right:-20px; top:10px; width:150px; text-align:right; } #menumobile{ display:inline-block; float:right; height:40px; width:40px; padding:12px; background-image:url(/img/menumobile.svg); background-repeat:no-repeat; background-position:center center; } #lang, #menusimple{ display:none; } #menusimple{ position:static; bottom:0px; margin:0px 0px 10px 0px; height:auto; } #menusimple li a, #menusimple li ul li a, #menusimple li ul li a:active, #menusimple li ul li a:visited, #menusimple li ul li a:link{ padding:10px 6px 8px 6px; display:block; } #menusimple li{ display:block; margin:4px; position:static; } #menusimple li ul{ min-width:0; position:relative; } #menusimple ul.hover{ display:block; } #logo{ position:static; display:inline-block; margin:10px; } #rightbox,#rightbox.wide{ display:block; position:static; margin:30px auto 20px auto; } #content,#content.wide{ position:static; margin:0px 5px; padding:15px 10px 20px 10px; } #footer{ padding:0px 0px 20px 5px; background-color:transparent; } .contributors{ width:auto; } .foundation{ padding:20px; } .preview{ display:none; } .preview{ width:auto; border:0px; padding:0px; } .previewrow{ float:none; padding-left:0px; margin:auto; } .press-volunteer>div>div{ width:200px; height:auto; } .press-volunteer>div>div>img{ float:none; margin-right:0px; margin-bottom:20px; } .press-faq>div{ width:auto; display:block; margin-right:0px; } .press-news>div{ width:auto; height:auto; } .press-news>div>a>img{ float:none; margin-right:0px; margin-bottom: 20px; } .conferencebanner{ position:static; display:block; margin:0px 0px 10px -5px; text-align:center; } } /* Deprecated styles (should be removed when translations are updated) */ #menufor{ margin:0px; position:absolute; top:8px; left:250px; padding:0px; height:35px; } #menufor li{ list-style:none; float:left; padding:0px; margin:0px 8px; border-radius:5px; -webkit-left-radius:5px; } #menufor li a, #menufor li a:active, #menufor li a:visited, #menufor li a:link{ font-family:'Ubuntu', sans-serif; font-weight:700; font-size:105%; display:block; text-decoration:none; padding:6px 8px 3px 8px; color:#2c6fad; white-space:nowrap; } #menufor li:hover, #menufor li.active{ background-color:#2c6fad; } #menufor li:hover a, #menufor li.active a{ border-radius:5px; -webkit-left-radius:5px; color:#fff; } #menu{ padding:0px; margin:12px auto -12px 32px; } #menu li{ list-style:none; display:inline-block; margin:0px; } #menu li a, #menu li a:active, #menu li a:visited, #menu li a:link{ font-family:'Ubuntu', sans-serif; font-weight:300; display:block; color:#6a6a6a; text-decoration:none; padding: 8px 10px; border: 2px solid transparent; white-space:nowrap; } #menu li:hover a, #menu li.active a{ color:#000; background-color:#fff; border:2px solid #ebebeb; border-radius:3px; -webkit-border-radius:3px; } /* Deprecated styles specific to mobiles (should be removed when translations are updated) */ @media handheld, only screen and (max-device-height: 37em), only screen and (max-device-width: 50em){ #menufor, #menu, #menusimple{ display:none; } #menufor{ position:static; bottom:0px; margin:10px 0px 0px 0px; height:auto; } #menufor li{ float:none; display:inline-block; } #menufor li a,#menufor li a:active,#menufor li a:visited,#menufor li a:link{ padding:6px 6px 3px 6px; } #menufor li{ margin:6px; } #menu{ position:static; height:auto; margin:10px 0px 10px 0px; } #menu li{ float:none; display:inline-block; padding: 5px; } #menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{ padding:5px; } }