From 185f9bdedf5426950a44c34a422099e2fc643da8 Mon Sep 17 00:00:00 2001 From: Ubuntu Date: Mon, 12 May 2014 17:01:24 +0000 Subject: Capture Linaro Jenkins theme. --- theme/linaro/css/linaro.css | 1661 +++++++++++++++++++++++ theme/linaro/fonts/museosans-webfont.eot | Bin 0 -> 48988 bytes theme/linaro/fonts/museosans-webfont.svg | 256 ++++ theme/linaro/fonts/museosans-webfont.ttf | Bin 0 -> 48824 bytes theme/linaro/fonts/museosans-webfont.woff | Bin 0 -> 26268 bytes theme/linaro/images/background/dotted-dark.png | Bin 0 -> 938 bytes theme/linaro/images/background/dotted-light.png | Bin 0 -> 936 bytes theme/linaro/images/background/footer.png | Bin 0 -> 4933 bytes theme/linaro/images/background/wrapper.png | Bin 0 -> 7478 bytes theme/linaro/images/logo/site-logo.png | Bin 0 -> 3303 bytes 10 files changed, 1917 insertions(+) create mode 100644 theme/linaro/css/linaro.css create mode 100644 theme/linaro/fonts/museosans-webfont.eot create mode 100644 theme/linaro/fonts/museosans-webfont.svg create mode 100644 theme/linaro/fonts/museosans-webfont.ttf create mode 100644 theme/linaro/fonts/museosans-webfont.woff create mode 100644 theme/linaro/images/background/dotted-dark.png create mode 100644 theme/linaro/images/background/dotted-light.png create mode 100644 theme/linaro/images/background/footer.png create mode 100644 theme/linaro/images/background/wrapper.png create mode 100644 theme/linaro/images/logo/site-logo.png diff --git a/theme/linaro/css/linaro.css b/theme/linaro/css/linaro.css new file mode 100644 index 0000000..5d4e9a1 --- /dev/null +++ b/theme/linaro/css/linaro.css @@ -0,0 +1,1661 @@ +/** + * Linaro CSS + * Contains reset elements, browser fixes & common helpers + * Compiled 2011-03-03 by Ian Davenport, Freshleaf Media Ltd + * Updated 2011-05-18 + * Adapted to Jenkins by Fathi Boudra, Linaro Ltd + * + * Contains some elements of Eric Meyer's Reset Reloaded + HTML5 baseline (v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark) + */ + +body { + background: #668E86; + background: -moz-linear-gradient(top, #8e8e8e 0%, #f8faf0 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aabeca), color-stop(100%, #f8faf0)); + background: -webkit-linear-gradient(top, #aabeca 0%, #f8faf0 100%); + background: -o-linear-gradient(top, #aabeca 0%, #f8faf0 100%); + background: -ms-linear-gradient(top, #aabeca 0%, #f8faf0 100%); + background: linear-gradient(top, #aabeca 0%, #f8faf0 100%); +} + +h1, h2, h3, h4, h5, h6 { + color: #4f7b94; +} + +#top-panel { + background: none; +} + +#top-panel td#login-field span a { + background: none; +} + +#top-panel td #searchform a { + background: none; + height: auto; + width: auto; +} + +#top-panel td > a { + background: url('/jenkins/userContent/theme/linaro/images/logo/site-logo.png') 0 0 no-repeat; + background-size: 139px 64px; + display: block; + width: 139px; + height: 64px; + margin: 10px 0 10px 10px; +} + +#top-panel td > a img { + display: none; +} + +#projectstatus { + background: #fff; +} + +#projectstatus tr:nth-of-type(odd) { + background-color: #e5e5e5; +} + +#projectstatus tr:nth-of-type(odd):hover { + background-color: #f0f0f0; +} + +#projectstatus tr:nth-of-type(even) { + background-color: white; +} + +#projectstatus tr:nth-of-type(even):hover { + background-color: #f0f0f0; +} + +#left-top-nav { + border-left: none; +} + +#side-panel { + background-color: #fff; +} + +#side-panel > div:not(#navigation) { + display: none; +} + +#side-panel .task a { + display: inline-block; + text-decoration: none; + width: 10%; +} + +#side-panel .task a + a { + width: 83%; + padding: 4px; +} + +#side-panel .task a + a:hover { + background-color: #e5e5e5; +} + +#side-panel .task a:hover { + text-decoration: underline; +} + +#main-panel { + background: #fff; +} + +#main-panel > h1 { + margin-top: 0; +} + +#main-table { + border-top: 0; + border-bottom: 0; +} + +#description div { + font-size: 1.0em; +} + +#footer { + border-top: 1px solid #ccc; +} + +#view-message #description a img { + padding-right: 4px; +} + +#login-field { + vertical-align: middle; + padding-right: 1em; + width:1px; +} + +#login-field SPAN { + white-space:nowrap; + color: #333; +} + +#login-field A { + /* + link inside login field should be always white. + If I set this to inherit, it won't work in IE7 + */ + color: #333; +} + +/** + * RESET (HTML5 friendly) + */ + +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + /* vertical-align: baseline; */ +} + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { + display: block; +} + +blockquote, q { + quotes: none; +} + +blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; +} + +ins { + background-color: #ff9; + color: #000; + text-decoration: none; +} + +mark { + background-color: #ff9; + color: #000; + font-style: italic; + font-weight: bold; +} + +del { + text-decoration: line-through; +} + +abbr[title], dfn[title] { + border-bottom: 1px dotted; + cursor: help; +} +/* +table { + border-collapse: collapse; + border-spacing: 0; +} +*/ +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} + +input, select { + vertical-align: middle; +} + +/** + * FONT NORMALISING + */ + +body { + font: 13px/1.231 sans-serif; + *font-size: small; +} + +/* Hack retained to preserve specificity */ +select, input, textarea, button { + font: 99% sans-serif; +} + +/* Normalize monospace sizing: */ +pre, code, kbd, samp { + font-family: monospace, sans-serif; +} + +/** + * THE BASICS + */ + +/* Force scrollbar in non-IE */ +html { + overflow-y: scroll; +} + +/* Improve @fontface rendering and uses kerning and ligatures if supported -- disabled due to non-Linux support on Chromium +body { text-rendering: optimizeLegibility; }*/ + +/* Tidy up focus */ +a, a:hover, a:active { + outline: none; +} + +/* De-reset some list resets */ +ul, ol { + margin-left: 2em; +} + +ol { + list-style-type: decimal; +} + +/* Remove margins for navigation lists */ +nav ul, nav li { + margin: 0; + list-style: none; + list-style-image: none; +} + +small { + font-size: 85%; +} + +strong, th { + font-weight: bold; +} + +td { + vertical-align: top; +} + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; + padding: 15px; +} + +textarea { + overflow: auto; +} + +.ie6 legend, .ie7 legend { + margin-left: -7px; +} + +/* Correctly align checkboxes, radios, text inputs with label */ +input[type="radio"] { + vertical-align: text-bottom; +} + +input[type="checkbox"] { + vertical-align: bottom; +} + +.ie7 input[type="checkbox"] { + vertical-align: baseline; +} + +.ie6 input { + vertical-align: text-bottom; +} + +/* Hand cursor on clickable input elements */ +label, input[type="button"], input[type="submit"], input[type="image"], button { + cursor: pointer; +} + +/* Fix Webkit browser 2px margin around form elements */ +button, input, select, textarea { + margin: 0; +} + +/* Standardise text selection */ +::-moz-selection { + background: #444; + color: #fff; + text-shadow: none; +} + +::selection { + background: #444; + color: #fff; + text-shadow: none; +} + +/* Highlight colour for webkit on-tap */ +a:link { + -webkit-tap-highlight-color: #FF5E99; +} + +/* Make buttons play nice in IE */ +button { + width: auto; + overflow: visible; +} + +/* force bicubic resizing for on-page sized IMG */ + +img { + -ms-interpolation-mode: bicubic; +} + +/** + * INITIAL STYLES + */ + +body, select, input, textarea { + color: #333; + /* Set base font here */ + +} + +h1, h2, h3, h4, h5, h6 { + font-weight: bold; +} + +h1, h2, h3, h4, h5, h6, p { + margin: 0 0 0.7em 0; +} + +a, a:active, a:visited { + color:; + text-decoration: none; +} + +a:hover { + color:; +} + +/** + * ADDITIONAL HELPERS + */ + +/* image replacement */ +.ir { + display: block; + text-indent: -999em; + overflow: hidden; + background-repeat: no-repeat; + text-align: left; + direction: ltr; +} + +/* Hide for both screenreaders and browsers */ +.hidden { + display: none; + visibility: hidden; +} + +/* Hide only visually, but have it available for screenreaders */ +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* Clearing, with margin-collapse on child elements fixed */ + +.clearfix:before, .clearfix:after { + content: "\0020"; + display: block; + height: 0; + overflow: hidden; +} + +.clearfix:after { + clear: both; +} + +.clearfix { + zoom: 1; +} + +:focus { + outline: none; +} + +::-moz-focus-inner { + border: 0; +} + +/** + * MOBILE LAYOUT + * Keep these after primary styles so they successfully override. + */ + +@media all and (orientation:portrait) { + /* Style adjustments for portrait */ + +} + +@media all and (orientation:landscape) { + /* Style adjustments for landscape */ + +} + +@media screen and (max-device-width: 480px) { + /* Style adjustments for Opera mobile and Android */ + + /* Uncomment next line if you don't want iOS and WinMobile to mobile-optimize the text */ + /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ +} + +/* For theme package presentation only */ + +h2.fl { + padding: 8px !important; + margin: 30px 0 20px !important; + background: #ccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + color: #777 !important; + font-size: 20px !important; + text-transform: uppercase; + text-shadow: 0 1px 0 #fff !important; +} + +/********************* Helpers *********************/ + +.hidden { + display: none; +} + +.repeat { + padding:; + margin:; + width:; + min-height: 100px; + _height: 100px; + display: -moz-inline-stack; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; +} + +.round { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + padding: 5px; +} + +.shadow { + -moz-box-shadow: 2px 2px 5px #888; + -webkit-box-shadow: 2px 2px 5px #888; + box-shadow: 2px 2px 5px #888; +} + +a.logo_link img { + display: none; +} + +.borderbottom { + padding-bottom: 15px !important; + margin-bottom: 10px !important; + background: url('/jenkins/userContent/theme/linaro/images/background/dotted-dark.png') 0 bottom repeat-x !important; +} + +/********************* Page Framework : Core *********************/ + +body, +html { + background: #fff !important; + margin: 0; + padding: 0; +} + +#header, +#wrapper, +#footer { + margin: 0; + padding: 0; + width: 100%; + border: 0; + clear: both; +} + +#header_inner, +#wrapper_inner, +#footer_inner { + padding: 0; + margin: 0 auto; + width: 1000px; +} + +/********************* Page Framework : Header area *********************/ + +#header { + height: 115px; +} + +#header_inner { + width: 1060px; +} + +#logo { + width: 175px; + height: 100px; + margin: 0; + padding: 20px 0 0 0; +} +/* +#navigation { + height: 90px; + margin-left: 50px; + width: 790px; + text-align: right; + background: url('/jenkins/userContent/theme/linaro/images/background/dotted-dark.png') 0 80px repeat-x; +} +*/ +#primary_nav { + margin: 4px 0 0 0; + width: 100%; + height: 30px; + float: left; +} + +#utility_nav { + background: url('/jenkins/userContent/theme/linaro/images/background/dotted-dark.png') 0 23px repeat-x; + padding-bottom: 8px; + margin-left: 510px; +} + +/********************* Page Framework : Content area *********************/ + +#wrapper { + background: url('/jenkins/userContent/theme/linaro/images/background/wrapper.png') repeat-x center bottom; + padding-bottom: 20px; +} + +#wrapper_inner { + min-height: 370px; +} + +#content { + width: 760px; +} +/* +#social_bar { + margin: 20px 0; + padding: 20px 0 0; + background: url('/jenkins/userContent/theme/linaro/images/background/dotted-dark.png') 0 top repeat-x; +} +*/ +#sidebar { + width: 200px; + margin-right: 5px; + border-right: 1px dotted #ccc; +} + +.sidebar_stack { + margin-bottom: 25px; + padding-right: 10px; +} + +/********************* Page Framework : Footer area *********************/ + +#footer { + border-top: 3px solid #a1cd41; + box-shadow: 0 -1px 0 #fff, 0 -2px 0 #a3a3a3; + -moz-box-shadow: 0 -1px 0 #fff, 0 -2px 0 #a3a3a3; + -webkit-box-shadow: 0 -1px 0 #fff, 0 -2px 0 #a3a3a3; + /* background: #111 url('/jenkins/userContent/theme/linaro/images/background/footer.png') repeat-x center top; */ +} +/* +#footer_social { + padding-top: 5px; + margin-right: 250px; +} +*/ +#footer_nav { + padding-top: 55px; +} + +/********************* Content Style : Core *********************/ + +@font-face { + font-family: 'MuseoSans500'; + src: url('/jenkins/userContent/theme/linaro/fonts/museosans-webfont.eot'); + src: url('/jenkins/userContent/theme/linaro/fonts/museosans-webfont.eot?#iefix') format('embedded-opentype'), url('/jenkins/userContent/theme/linaro/fonts/museosans-webfont.woff') format('woff'), url('/jenkins/userContent/theme/linaro/fonts/museosans-webfont.ttf') format('truetype'), url('/jenkins/userContent/theme/linaro/fonts/museosans-webfont.svg#MuseoSans500') format('svg'); + font-weight: normal; + font-style: normal; +} + +body { + font-size: 13px; + line-height: 1.6em; + font-family: 'Ubuntu', sans-serif; + font-weight: 400; +} + +a { + color: #6c9d10; + font-weight: normal; +} + +a:hover { + color: #444; +} + +p { + margin: 5px 0 6px 0; + padding: 0; +} + +p strong { + font-weight: 700; +} + +h1 { + color: #8cbd30; + font-family: 'MuseoSans500', sans-serif; + font-weight: normal; + line-height: 1.1em; + margin-bottom: 0; + font-size: 36px; +} + +#wrapper_inner h2 { + color: #333; + font-family: 'MuseoSans500', sans-serif; + font-size: 18px; + font-weight: normal; +} + +h3 { + color: #333; + font-weight: normal; + line-height: 1.4em; + font-size: 18px; + margin-top: 0; + padding-top: 0; + width: 70%; +} + +em { + font-style: italic; +} + +blockquote { + font-size: 1.1em; + margin-left: 10px; + padding-left: 5px; + border-left: 4px solid #ccc; +} + +pre { + font-family: "Courier New", Courier; + font-size: 12px !important; + line-height: 20px !important; + white-space: pre-wrap; +} + +code { + display: block; + font-family: "Courier New", Courier; + font-size: 12px; + line-height: 20px; + margin: 15px 0; + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; + padding: 15px; + border: 1px solid #ccc; + background: #f2f2f2; +} + +/********************* Content Style : Header items *********************/ + +#utility_nav p, +#utility_nav a { + color: #666; +} + +#utility_nav a:hover { + color: #8cbd30; +} + +a.logo_link { + display: block; + width: 178px; + height: 82px; + background: url('/jenkins/userContent/theme/linaro/images/logo/site-logo.png') no-repeat 0 0; + text-indent: -500px; +} + +/********************* Content Style : Header items : Navigation ********************/ + +/* LEVEL ONE */ +#primary_nav ul { + position: relative; + list-style: none; + margin-left: 0; + text-align: left; +} + +#primary_nav ul li { + float: left; + zoom: 1; + background: none; + margin-right: 12px; +} + +#primary_nav ul a:hover { + color: #222; +} + +#primary_nav ul a:active { + color: #ffa500; +} + +#primary_nav ul li a { + font-size: 16px; + display: block; + padding: 3px 8px; + color: #444; +} + +#primary_nav ul li.current { + background: #9ccd40; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +#primary_nav ul li.current a { + color: #fff; +} + +#primary_nav ul ul li.current { + background: #ededed; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +#primary_nav ul ul li.current a { + color: #444; +} + +#primary_nav ul li.current ul li a { + color: #222; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +#primary_nav ul li:last-child a { + border-right: none; +} + +#primary_nav ul li.hover, +#primary_nav ul li:hover { + background: #777; + color: #fff; + position: relative; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +#primary_nav ul li a:hover, +#primary_nav ul li.current a:hover, +#primary_nav ul li.hover a { + color: #fff; +} + +#primary_nav ul li.hover ul a { + color: #222; +} + +/* LEVEL TWO */ + +#primary_nav ul ul { + width: 220px; + visibility: hidden; + position: absolute; + top: 100%; + left: 0; + background: #ededed; + border-bottom: 1px solid #aaa; + -webkit-box-shadow: 0 6px 6px -5px #555; + -moz-box-shadow: 0 6px 6px -5px #555; + box-shadow: 0 6px 6px -5px #555; +} + +#primary_nav ul ul li { + font-weight: normal; + color: #222; + float: none; + margin-left: 0; + width: 220px; +} + +#primary_nav ul ul li a { + border-right: none; + width: 100%; + display: inline-block; + font-size: 14px; +} + +#primary_nav ul ul li a:hover { + color: #fff; + text-shadow: none; +} + +#primary_nav ul ul li:hover, +#primary_nav ul ul li.hover { + background: #999; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +/* LEVEL THREE */ +#primary_nav ul ul ul { + left: 100%; + top: 0; +} + +#primary_nav ul li:hover > ul { + visibility: visible; +} + +#primary_nav ul li:first-child { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +/********************* Content Style : Sidebar ********************/ + +#sidebar h2 { + margin: 10px 0 5px 0; + padding-bottom: 10px; + font-size: 16px; + color: #888; + background: url('/jenkins/userContent/theme/linaro/images/background/dotted-dark.png') left bottom repeat-x; +} + +#sidebar h2 > a { + color: #888; +} + +#sidebar ul { + list-style: none; + margin-left: 3px; +} + +#sidebar ul li a:before { + content: "» "; + color: #333; +} + +#sidebar li.current > a { + color: #222; +} + +#sidebar li li { + margin-left: 10px; +} + +/********************* Content Style : Pagination ********************/ + +#pagination { + text-align: center; + margin: 4px auto; +} + +#pagination .page_numbers a { + display: -moz-inline-stack; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + color: #fff; + font-size: 13px; + padding: 1px 3px; + margin: 0 1px; + border: 1px solid #fff; + min-width: 13px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background: #666; +} + +#pagination .current a, +#pagination .page_numbers a:hover { + background: #8cbd30; +} + +#pagination .prev a, +#pagination .next a { + background: none; + border: none; + color: #333; +} + +#pagination .prev a:hover, +#pagination .next a:hover { + background: none; + color: #8cbd30; +} + +/********************* Content Style : Breadcrumbs ********************/ + +#breadcrumbs ul { + list-style: none !important; + margin: 0 0 15px !important; +} + +#breadcrumbs ul li { + min-height: 16px; + _height: 16px; + display: -moz-inline-stack; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + color: #888; + font-size: 12px; +} + +#breadcrumbs ul li a { + color: #aaa; + padding-right: 4px; +} + +#breadcrumbs ul li a:hover { + color: #333; +} + +#breadcrumbs ul li a:after { + content: ' / '; +} + +/********************* Content Style : Social Bar ********************/ +/* +#social_bar ul { + list-style: none; + margin: 0; + padding: 0; + text-indent: 0; +} + +#social_bar ul li { + display: block; + float: left; + margin-right: 10px; +} + +#social_bar ul li span { + text-transform: uppercase; + color: #888; + text-shadow: 0 1px 0 #fff; +} +*/ +/********************* Content Style : Footer items ********************/ + +#footer_inner h2 { + font-size: 16px; + font-weight: 400; + margin: 0 0 8px 0; + padding-top: 0; +} + +#footer_inner a:hover { + color: #aaa; +} +/* +a.socials { + text-transform: uppercase; + text-decoration: none; + color: #aaa; + text-align: center; + font-size: 9px; + margin: 0; + width: 52px; + padding: 0; +} + +a.socials:hover { + color: #8cbd30; +} + +a.gplus span { + display: block; + margin: 0 auto; + padding: 0; + background: url('/jenkins/userContent/theme/linaro/images/icons/sprite-socials.png') no-repeat -3px -3px; + width: 44px; + height: 48px; +} + +a.gplus:hover span { + background-position: -3px -54px; +} + +a.flickr span { + display: block; + margin: 0 auto; + padding: 0; + background: url('/jenkins/userContent/theme/linaro/images/icons/sprite-socials.png') no-repeat -53px -2px; + width: 45px; + height: 48px; +} + +a.flickr:hover span { + background-position: -53px -53px; +} + +a.blog span { + display: block; + margin: 0 auto; + padding: 0; + background: url('/jenkins/userContent/theme/linaro/images/icons/sprite-socials.png') no-repeat -103px -3px; + width: 45px; + height: 48px; +} + +a.blog:hover span { + background-position: -103px -53px; +} + +a.planet span { + display: block; + margin: 0 auto; + padding: 0; + background: url('/jenkins/userContent/theme/linaro/images/icons/sprite-socials.png') no-repeat -153px -3px; + width: 45px; + height: 48px; +} + +a.planet:hover span { + background-position: -153px -53px; +} + +a.launchpad span { + display: block; + margin: 0 auto; + padding: 0; + background: url('/jenkins/userContent/theme/linaro/images/icons/sprite-socials.png') no-repeat -203px -3px; + width: 45px; + height: 48px; +} + +a.launchpad:hover span { + background-position: -203px -53px; +} + +a.youtube span { + display: block; + margin: 0 auto; + padding: 0; + background: url('/jenkins/userContent/theme/linaro/images/icons/sprite-socials.png') no-repeat -253px -2px; + width: 45px; + height: 48px; +} + +a.youtube:hover span { + background-position: -253px -52px; +} + +a.twitter span { + display: block; + margin: 0 auto; + padding: 0; + background: url('/jenkins/userContent/theme/linaro/images/icons/sprite-socials.png') no-repeat -302px -2px; + width: 45px; + height: 48px; +} + +a.twitter:hover span { + background-position: -302px -52px; +} + +a.facebook span { + display: block; + margin: 0 auto;; + padding: 0; + background: url('/jenkins/userContent/theme/linaro/images/icons/sprite-socials.png') no-repeat -352px -2px; + width: 45px; + height: 48px; +} + +a.facebook:hover span { + background-position: -352px -52px; +} +*/ +/********************* Content Style : Everything else ********************/ + +#content h2 { + padding: 0; + margin: 15px 0 10px; +} + +#content ul { + margin-bottom: 1.1em; + margin-left: 20px; + list-style-type: square; +} + +#content h3 { + color: #333; + font-weight: 700; + line-height: 1.2em; + font-size: 14px; + text-transform: uppercase; + margin: 14px 0 3px; + padding: 0 0 3px 0; + border-bottom: 1px solid #ccc; + width: 100%; +} + +.light { + color: #aaa; +} + +.light span { + color: #fff; + font-weight: 500; +} + +p.small { + font-size: 12px; +} + +p.small a { + padding: 0 4px; +} + +p.small a:first-child { + padding-left: 0; +} + +.rulelight { + padding-bottom: 15px; + margin: 0; + background: url('/jenkins/userContent/theme/linaro/images/background/dotted-light.png') 0 30px repeat-x; +} + +p.rulelight { + padding-bottom: 7px; + margin: 0; + background: url('/jenkins/userContent/theme/linaro/images/background/dotted-light.png') 0 25px repeat-x; +} + +p.alertbox { + margin: 5px; + padding: 5px; + background: #f2f2f2; + border: 1px solid #e0e0e0; + font-weight: strong; + display: block; +} + +p.alertbox img { + float: left; + margin: 5px; +} + +.bloblink { + display: block; + clear: both; + height: 30px; +} + +.bloblink a { + display: block; + float: left; + height: 24px; + line-height: 24px; + color: #ccc; + font-size: 11px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 0 5px; + margin: 0 4px; + background: #444; +} + +.bloblink a:hover { + background: #8cbd30; + color: #fff; +} + +/********************* Content Style : Tables ********************/ +/* +table { + margin: 20px 0 30px; + color: #444; + border-collapse: collapse; + width: 100%; +} + +th, +th { + text-align: left; + padding: 5px 10px 5px; + border-bottom: 2px solid #444; + font-weight: normal; + text-transform: uppercase; +} + +td { + border-bottom: 1px dotted #999; + padding: 5px 10px 5px; +} + +td a { + font-weight: 700; +} + +td, +th { + text-align: center; + line-height: 1.2em; +} + +td:first-child, +th:first-child { + text-align: left; +} + +td ul, +td ol { + text-align: left; + line-height: 1.1em; +} + +table.specs td { + font-size: 12px; + line-height: 1.3em; +} + +table.specs tr td:first-child { + font-weight: 700; +} + +table.blockdiagram { + margin: 10px 0; + color: #444; + border-collapse: separate; + border-spacing: 15px; + width: 100%; +} + +table.blockdiagram tr td { + border: 2px solid #8cbd30; + border-top: 2px solid #bced60; + border-bottom: 2px solid #6c9d10; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 5px; + background: #fff; + -webkit-box-shadow: 0 2px 3px #555; + -moz-box-shadow: 0 2px 3px #555; + box-shadow: 0 2px 3px #555; + text-align: center; +} + +table.blockdiagram tr td p { + font-size: 18px; + font-weight: 700; +} + +table.blockdiagram tr td p .small { + font-size: 14px; + font-weight: 400; +} + +table.blockdiagram tr td ul { + list-style: none !important; + text-indent: 0; + margin: 0 !important; + padding: 0 !important; +} + +table.blockdiagram tr td ul li a { + font-weight: 400; +} + +table.blockdiagram tr td ul li strong a, +table.blockdiagram tr td ul li a strong { + display: block; + font-weight: 700; +} + +table.blockdiagram tr td ul li { + border-bottom: 1px dotted #aaa; + padding: 5px 0; +} + +table.blockdiagram tr td ul li:first-child { + border-top: 1px dotted #444; +} +*/ +/********************* Content Style : Forms ********************/ + +.form-group { + padding: 10px 0 0 10px; +} + +.form-group label { + display: block; + margin-bottom: 5px; + color: #444; + margin-top: 5px; +} + +.form-group .field input { + display: inline-block; + width: 400px; + height: 18px; + padding: 4px; + margin-bottom: 0; + font-size: 13px; + line-height: 18px; + color: #555555; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -ms-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +.form-group .field textarea { + display: inline-block; + width: 400px; + height: 150px; + padding: 4px; + margin-bottom: 0; + font-size: 13px; + line-height: 18px; + color: #555555; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -ms-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +.form-group input:focus, +.form-group textarea:focus { + border-color: rgba(140, 189, 48, 0.8); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 189, 48, 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 189, 48, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(140, 189, 48, 0.6); + outline: 0; + outline: thin dotted \9; + /* IE6-8 */ +} + +.form-controls { + padding-left: 10px; +} + +.form-controls button { + display: inline-block; + padding: 4px 6px; + margin: 3px 10px 15px 0; + background: rgb(153, 196, 55); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153, 196, 55, 1)), color-stop(100%, rgba(136, 177, 37, 1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* IE10+ */ + background: linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#99c437', endColorstr = '#88b125', GradientType = 0); /* IE6-9 */ + border-width: 1px; + border-radius: 4px; + box-shadow: inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444; + -webkit-border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444; + -moz-border-radius: 4px; + -moz-box-shadow: inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444; + color: #fff; + font-weight: 400; + font-size: 1.1em; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} + +.form-controls button.minor { + background: rgb(210, 210, 210); + color: #555; + text-shadow: none; + box-shadow: inset 0 1px 0 rgb(230, 230, 230), inset 0 -1px 3px rgb(140, 140, 140), 0 1px 3px #444; + -webkit-border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgb(230, 230, 230), inset 0 -1px 3px rgb(140, 140, 140), 0 1px 3px #444; + -moz-border-radius: 4px; + -moz-box-shadow: inset 0 1px 0 rgb(230, 230, 230), inset 0 -1px 3px rgb(140, 140, 140), 0 1px 3px #444; +} + +.field p.error { + display: block; + margin: 0 0 0 10px; + width: 320px; + font-size: 12px; + border: 1px solid #ccc; + border-top: 0; + padding: 0 10px; + background: #eee; +} + +/******************** Additional User styles ******************/ + +.userbutton { + display: inline-block; + padding: 4px 6px; + margin: 3px 10px 15px 0; + background: rgb(153, 196, 55); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153, 196, 55, 1)), color-stop(100%, rgba(136, 177, 37, 1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* IE10+ */ + background: linear-gradient(top, rgba(153, 196, 55, 1) 0%, rgba(136, 177, 37, 1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#99c437', endColorstr = '#88b125', GradientType = 0); /* IE6-9 */ + border-radius: 4px; + box-shadow: inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444; + -webkit-border-radius: 4px; + -webkit-box-shadow: inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444; + -moz-border-radius: 4px; + -moz-box-shadow: inset 0 1px 0 rgb(236, 255, 140), inset 0 -1px 3px rgb(151, 194, 53), 0 1px 3px #444; + color: #fff; + font-weight: 400; + font-size: 1.1em; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} + +.userbutton:hover { + text-shadow: none; + color: #222; +} + +.userbutton:after { + content: " » "; + padding: 0 5px; + margin-left: 7px; + border-left: 1px solid #b7e255; + color: #fff; +} + +.externalurl:after { + content: url('/jenkins/userContent/theme/linaro/images/icons/external.png'); + top: 3px; + margin-right: 3px; + position: relative; +} + +/******************** Print styles *********************/ + +@media print { + #footer, #navigation, #social_bar, #sidebar { + display: none; + } + + #content { + width: 99%; + padding-left: 20px; + padding-right: 10px; + } + + #breadcrumbs { + padding-bottom: 0; + margin-bottom: 10px; + border-bottom: 1px dotted #888; + } + + #header { + margin-bottom: 20px; + } + + a.logo_link { + display: block; + } + + a.logo_link img { + display: block; + } +} + +/********************* Framework Modifiers : Wide Layout ********************/ +.fullwidth #header_inner, +.fullwidth #wrapper_inner, +.fullwidth #footer_inner { + padding: 0; + margin: 0 auto; + width: 100%; + max-width: 1600px; + min-width: 800px; + overflow: hidden; + margin-left: 10px; +} + +.fullwidth #sidebar { + width: 15%; + max-width: 250px; + min-width: 150px; + +} + +.fullwidth #content { + width: 80%; + max-width: 1300px; + min-width: 550px; +} + +.fullwidth #navigation { + width: 100%; + max-width: 1100px; + min-width: 550px; +} + +.fullwidth #logo { + width: 15%; + max-width: 175px; + min-width: 175px; +} + +.fullwidth #navigation { + width: 75%; + max-width: 1100px; + min-width: 550px; + margin-right: auto; + margin-left: 4%; +} + +.fullwidth #utility_nav { + margin-left: 0; + float: right; +} + +.fullwidth #primary_nav { + width: 100%; + max-width: 1100px; + min-width: 550px; + +} + +@media handheld, only screen and (max-width: 900px) { + + .fullwidth #navigation { + margin-left: 0; + } + + .fullwidth #utility_nav { + visibility: hidden; + } +/* + .fullwidth #footer_social { + display: none; + } +*/ +} + +/********************* Framework Modifiers : Single Column ********************/ + +.singlecolumn #content { + width: 100%; +} +/* +.singlecolumn #social_bar { + width: 800px; + margin-left: auto; + margin-right: auto; +} +*/ +/********************* Framework Modifiers : Right Sidebar ********************/ + +.sidebar-right #sidebar { + width: 200px; + margin-left: 15px; + padding-left: 15px; + border: 0; + border-left: 1px dotted #ccc; +} diff --git a/theme/linaro/fonts/museosans-webfont.eot b/theme/linaro/fonts/museosans-webfont.eot new file mode 100644 index 0000000..983f5ff Binary files /dev/null and b/theme/linaro/fonts/museosans-webfont.eot differ diff --git a/theme/linaro/fonts/museosans-webfont.svg b/theme/linaro/fonts/museosans-webfont.svg new file mode 100644 index 0000000..106db77 --- /dev/null +++ b/theme/linaro/fonts/museosans-webfont.svg @@ -0,0 +1,256 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Copyright c 2008 by Jos Buivenga All rights reserved +Designer : Jos Buivenga +Foundry : Jos Buivenga +Foundry URL : httpwwwjosbuivengademonnl + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme/linaro/fonts/museosans-webfont.ttf b/theme/linaro/fonts/museosans-webfont.ttf new file mode 100644 index 0000000..571f6eb Binary files /dev/null and b/theme/linaro/fonts/museosans-webfont.ttf differ diff --git a/theme/linaro/fonts/museosans-webfont.woff b/theme/linaro/fonts/museosans-webfont.woff new file mode 100644 index 0000000..6aaad6a Binary files /dev/null and b/theme/linaro/fonts/museosans-webfont.woff differ diff --git a/theme/linaro/images/background/dotted-dark.png b/theme/linaro/images/background/dotted-dark.png new file mode 100644 index 0000000..1e36a17 Binary files /dev/null and b/theme/linaro/images/background/dotted-dark.png differ diff --git a/theme/linaro/images/background/dotted-light.png b/theme/linaro/images/background/dotted-light.png new file mode 100644 index 0000000..c947dd3 Binary files /dev/null and b/theme/linaro/images/background/dotted-light.png differ diff --git a/theme/linaro/images/background/footer.png b/theme/linaro/images/background/footer.png new file mode 100644 index 0000000..e6cb39e Binary files /dev/null and b/theme/linaro/images/background/footer.png differ diff --git a/theme/linaro/images/background/wrapper.png b/theme/linaro/images/background/wrapper.png new file mode 100644 index 0000000..bb50f04 Binary files /dev/null and b/theme/linaro/images/background/wrapper.png differ diff --git a/theme/linaro/images/logo/site-logo.png b/theme/linaro/images/logo/site-logo.png new file mode 100644 index 0000000..7b66098 Binary files /dev/null and b/theme/linaro/images/logo/site-logo.png differ -- cgit v1.2.3