diff options
Diffstat (limited to 'odk/docs/sdk_styles.css')
| -rw-r--r-- | odk/docs/sdk_styles.css | 982 |
1 files changed, 982 insertions, 0 deletions
diff --git a/odk/docs/sdk_styles.css b/odk/docs/sdk_styles.css new file mode 100644 index 000000000..fe6917a4c --- /dev/null +++ b/odk/docs/sdk_styles.css @@ -0,0 +1,982 @@ +/* Core Styles */ +/* + * This file is part of the LibreOffice project. + * + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. + * + * This file incorporates work covered by the following license notice: + * + * Licensed to the Apache Software Foundation (ASF) under one or more + * contributor license agreements. See the NOTICE file distributed + * with this work for additional information regarding copyright + * ownership. The ASF licenses this file to you under the Apache + * License, Version 2.0 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.apache.org/licenses/LICENSE-2.0 . + */ + +* { + margin: 0; + padding: 0; +} + +body { + font: 87.5% sans-serif; + background: url(https://api.libreoffice.org/themes/libo/images/background-page.png) repeat-x #FFF; +} + +/* Styles go from the top of the page to the bottom (generally) */ + +#Container { + width: 900px; + margin: auto; +} + +#Logo { + display: inline-block; + width: 218px; + height: 45px; + padding: 18px 20px; + background: url(https://api.libreoffice.org/themes/libo/images/logo.png) no-repeat 18px 20px; + *float:left;/* hack for IE7 that doesn't respect inline-block */ +} +#TopHeader { height: 88px;/* needed for IE7 */} +#TopHeader, #BottomHeader { + padding-left: 5px; + padding-right: 5px; + background-image: url(https://api.libreoffice.org/themes/libo/images/header.png); + background-repeat: no-repeat; +} +#Layout { + padding: 0 5px; +} +#HeaderTagLine { + float: right; + padding-top: 30px; + padding-right: 20px; + color: #18A303; + font-size: 1.2em; +} + +#BottomHeader { + background-position: 0 bottom; + margin-bottom: 1.25em; +} + +#FirstNavigation, #SecondNavigation { + width: 100%; + display: block; + list-style: none; + white-space: nowrap; + word-spacing: -1em; + letter-spacing: -4px; +} + +#FirstNavigation { + background: #18A303; + border-bottom: 6px solid #43C330; +} +#SecondNavigation { + margin-top: -6px; +} + +.SingleMenu { + padding-bottom: 10px; +} + +#FirstNavigation li, #SecondNavigation li { + display: inline-block; + zoom:1; *display:inline;/* for ie6/7 */ + word-spacing: normal; + letter-spacing: normal; + margin: 0; + padding: 0; + list-style: none; +} +#FirstNavigation li a, #SecondNavigation li a { + display: block; + text-decoration: none; + color: #FFF; +} +#FirstNavigation li a { + padding: 9px 18px; + margin-bottom: -6px; + background: #18A303; + border-bottom: 6px solid #43C330; +} +#SecondNavigation li a { + padding: 8px 16px; + margin-bottom: 10px; + font-size: .95em; + background: #43C330; +} +#FirstNavigation li a span, #SecondNavigation li a span { + opacity: .75; +} +#FirstNavigation li a:hover span, #SecondNavigation li a:hover span, #ThirdNavigation li a:hover { + opacity: 1; + text-decoration: none; +} +#FirstNavigation li.current a span, #SecondNavigation li.current a span, #SecondNavigation li.section a span { + opacity: 1; + font-weight: bold; +} +#FirstNavigation li.section > a span { + opacity: 1; +} +#FirstNavigation li.current a, #FirstNavigation li.section > a { + background-color: #43C330; +} +#SecondNavigation li.current, #SecondNavigation li.section { + background: url(https://api.libreoffice.org/themes/libo/images/navigation-second-current.png) center bottom no-repeat; +} + +#Layout #ThirdNavigation { + float: left; + width: 17.5%; + margin: .6em 0 0 0; +} +#Layout[dir="rtl"] #ThirdNavigation { + float: right; +} + +#Layout #ThirdNavigation > li { + margin-bottom: 0.25em; + display: block; + padding: 0; + background-image: none; + position: relative; +} + +#ThirdNavigation >li>ul { + position: absolute; + z-index: 50; + top: 0; + left: 100%; + background-color: white; + display: none; + white-space: nowrap; +} +#ThirdNavigation >li:hover >ul { + display: block; +} + +#Layout #ThirdNavigation li a { + margin: 0; + display: block; + padding: 3px 10px 3px 0; + border-bottom: 1px solid #92E285; +} + +#Layout #ThirdNavigation li a:hover { + background: url(https://api.libreoffice.org/themes/libo/images/heading-green.png) repeat-x 0 bottom; +} + +#Layout #ThirdNavigation li a.current { + color: #106802; + /*text-shadow: #18A303 0px 1px 1px;*/ + font-weight: bold; + border-bottom: 1px solid #18A303; +} + +#DownloadButton { + display: block; + padding: 20px 0 0 64px; + width: 360px; + height: 44px; + font-size: 1.5em; + color: #18A303; + background: url(https://api.libreoffice.org/themes/libo/images/download-button.png) no-repeat; +} + +#DownloadButton:hover { + background-position: 0 -64px; + color: #106802; +} + +#Footer { + margin: 0 5px; + clear: both; + border-top: 6px solid #43C330; + padding: 1.25em 0 2.2em 0; + font-size: 80%; +} + +#FooterText { + display: inline-block; +} + +#FooterText p { + line-height: 150%; + margin: 0; +} + +#FooterText ul { + margin: 0 0 10px 0; + float: left; +} + +#FooterText ul li { + display: inline-block; + margin: 0 0 0 18px; +} + +#CreativeCommons { + float: right; + display: block; + margin: 3px 0 20px 18px; + width: 88px; + height: 30px; + background: url(https://api.libreoffice.org/themes/libo/images/creative-commons-license.png) no-repeat; +} + +div.HalfBlockLeft, div.HalfBlockRight { + width: 440px; + float: left; + display: block; +} + +div.HalfBlockRight { + float: right; +} + +.ThirdLevelPage { + width: 80%; + margin: 0 0 0 1%; +} + +div#screenshot-slide, a#toTop { + background-repeat: no-repeat; +} + +div#filtered { + margin-top: 0.8em; +} + +div.faqsList { + margin-top: 1em; + margin-bottom: 1.2em; +} + +a#toTop { + background-image: url(https://api.libreoffice.org/themes/libo/images/tango_totop.png); + text-indent: 48px; + white-space: nowrap; + width: 48px; + height: 48px; + position: fixed; + top: 5px; + right: 0px; +} +div#translations p, ul.translations, ul.translations li { + display: inline-block; +} +div#translations > ul.translations> li:first-letter { + text-transform: uppercase; +} +ul.translations li:not(:last-child):after { + content: ", "; +} + +/** + * LibreOffice theme + * initially based on SilverStripe Black Candy Theme + * + * This typography file is included in the WYSIWYG editor and the front end. It provides + * a place to add link styles and font styles you would like in the CMS and the Front End. + */ + +/* PARAGRAPHS & BLOCKQUOTES +-------------------------------------------- */ +p, blockquote, .HalfBlockLeft, .HalfBlockRight { + margin-bottom: 1.2em; +} + +.typography ul { + margin-bottom: 1.5em; +} + +.typography ol { + margin-left: 3em; + line-height: 170%; +} + +.typography p, .typography blockquote { + text-align: justify; + line-height: 175%; + color: #333; +} + +.typography blockquote { + border-left: 10px solid #92E285; + margin: 0 0 1.5em 25px; + padding: 0 0 0 18px; + color: #333; +} + +.typography blockquote p { + margin: 0; + padding: 5px 0; + color: #333; +} + +/* LINKS +-------------------------------------------- */ +a, .typography a { + color: #18A303; + text-decoration: none; +} + +a:hover, .typography a:hover { + color: #106802; + text-decoration: underline; +} +a:visited, .typography a:visited { + color: #106802; +} +/* LINK ICONS - shows type of file +------------------------------------ */ +.typography a[href$=".pdf"], +.typography a[href$=".PDF"], +.typography a.pdf { + padding: 2px; + padding-left: 20px; + background: url(https://api.libreoffice.org/themes/libo/images/icons/page_white_acrobat.png) no-repeat left center; +} +.typography a[href$=".doc"], +.typography a[href$=".DOC"], +.typography a.doc { + padding: 2px; + padding-left: 20px; + background: url(https://api.libreoffice.org/themes/libo/images/icons/page_word.png) no-repeat left center; +} +.typography a[href$=".xls"], +.typography a[href$=".XLS"], +.typography a.xls { + padding: 2px; + padding-left: 20px; + background: url(https://api.libreoffice.org/themes/libo/images/icons/page_excel.png) no-repeat left center; +} +.typography a[href$=".gz"], +.typography a[href$=".GZ"], +.typography a[href$=".gzip"], +.typography a[href$=".GZIP"], +.typography a[href$=".zip"], +.typography a[href$=".ZIP"], +.typography a.archive { + padding: 2px; + padding-left: 20px; + background: url(https://api.libreoffice.org/themes/libo/images/icons/page_white_zip.png) no-repeat left center; +} +.typography a[href$=".exe"], +.typography a[href$=".EXE"], +.typography a.application { + padding: 2px; + padding-left: 20px; + background: url(https://api.libreoffice.org/themes/libo/images/icons/application.png) no-repeat left center; +} + +/* LIST STYLES +-------------------------------------------- */ +ul, .typography ul { + list-style: none; +} + +.typography ul li { + background: url(https://api.libreoffice.org/themes/libo/images/bullet-green.png) no-repeat 0 6px; + color: 333; + line-height: 170%; + padding: 0 0 8px 18px; +} +#Layout[dir="rtl"] ul li { + padding-left: 0; + padding-right: 18px; + background-position: right 6px; +} + +.typography ul ul { + margin-top: 10px; + margin-bottom: 10px; +} + +.typography ul ul li { + background: url(https://api.libreoffice.org/themes/libo/images/bullet-blue.png) no-repeat 0 6px; +} + +.typography .Widget a { + color: #106802; +} + +.typography #Blog li h2 a, .typography .Widget a.TweetAuthor, .typography .Widget small a { + color: #1C99E0; +} + +.typography #Twitter li { + background: url(https://api.libreoffice.org/themes/libo/images/tweet.png) no-repeat 0 12px !important; + padding: 6px 0 6px 40px !important; + direction: ltr; + font-size: .9em; + border-bottom: 1px solid #CCF4C6; +} + +.typography #Blog li { + display: block; + background: url(https://api.libreoffice.org/themes/libo/images/bullet-large-blue.png) no-repeat 0 10px !important; + padding: 6px 0 6px 30px !important; + direction: ltr; + border-bottom: 1px solid #CCF4C6; +} + +.typography #Blog li h2 { + background: none; + border: none; + font-size: 1.1em; + margin: 0; + padding: 0; +} + +.typography #Blog li p { + line-height: 150%; + font-size: .9em; + text-align: left; + padding: 0; + margin: 0; +} + +.typography .Widget li small { + display: block; + font-size: .85em; +} + +/* used by FolderPage */ +.typography li.folder { + background: url(https://api.libreoffice.org/themes/libo/images/icons/folder_open.png) no-repeat left top; + margin-left: -12px; + padding-left: 22px; + list-style-type: none; +} + +.typography .ButtonBar { + clear: both; + display: block; + width: 100%; +} + +.typography .ButtonBar li { + display: block; + float: left; + width: 17%; + height: 50px; + margin: 0 2.5% 1.25em 0; + padding: 0 !important; /* important because of rtl rules */ + background-image: none; +} + +.typography .ButtonBar li a { + padding: 0 0 0 24px; + background-repeat: no-repeat; + display: block; + font-size: .95em; +} + +.typography .ButtonBar li a.irc { + background-image: url(https://api.libreoffice.org/themes/libo/images/chat.png); +} + +.typography .ButtonBar li a.facebook { + background-image: url(https://api.libreoffice.org/themes/libo/images/facebook.png); +} + +.typography .ButtonBar li a.template { + background-image: url(https://api.libreoffice.org/themes/libo/images/template.png); +} + +.typography .ButtonBar li a.extension { + background-image: url(https://api.libreoffice.org/themes/libo/images/extension.png); +} + + +/* HEADER STYLES +-------------------------------------------- */ +.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { + margin-bottom: .5em; + font-weight: normal; +} + +.typography h1 { + background: url(https://api.libreoffice.org/themes/libo/images/heading-green.png) 0 bottom repeat-x; + border-bottom: 1px solid #92E285; + padding: .2em 0 .1em 2px; + color: #18A303; + font-weight: bold; + font-size: 1.4em; + text-shadow: #FFF 0px 1px 1px; +} + +.typography h2 { + border-bottom: 1px solid #CCF4C6; + color: #18A303; + font-size: 1.3em; +} + +.typography h3 { + color: #18A303; + font-size: 1.2em; +} + +.typography h4 { + color: #18A303; + font-size: 1.15em; +} + +.typography h5 { + color: #18A303; + font-size: 1.1em; +} + +.typography h6 { + color: #18A303; + font-size: 1.05em; +} + +/* PRE STYLES +-------------------------------------------- */ +.typography pre { + font-family:"Courier New",Courier; + display:block; + font-size:1.2em; + margin:2em 5em; + padding:0.5em; + border:1px #ccc solid; + background:#eee;; +} + +/* TABLE STYLING +-------------------------------------------- */ +.typography table { + margin: 0 0 18px 0; + border-collapse:collapse; +} + .typography tr {} + .typography td { + padding:5px; + } + +/* WYSIWYG EDITOR ALIGNMENT CLASSES +-------------------------------------------- */ +.typography .left { + text-align: left; +} +.typography .center { + text-align: center; +} +.typography .right { + text-align: right; +} + +/* IMAGES +-------------------------------------------- */ +.typography img { + border: none; +} + .typography img.right { + float: right; + margin-left: 20px; + } + .typography img.left { + float: left; + margin-right: 20px; + } + .typography img.leftAlone { + float: left; + margin-right: 100%; + } + .typography img.center { + float: none; + margin-left: auto; + margin-right: auto; + display: block; + } + +ul.ul-libreoffice li { + position: relative; + list-style: none; + margin-left: 0px; + background: url(https://api.libreoffice.org/themes/libo/images/li-bullet-single-dark.png) no-repeat; + background-position: 4px 3px; + padding-left: 30px; + display: block; + color: #000; + margin-bottom: 20px; + margin-top: 10px; +} +.typography kbd { + color: #000; + font-family: monospace; + background: #ddd; +} +#supporters td { + border-width: 0px; + vertical-align:top; + padding-bottom: 50px; +} +.foundationtable th { + font-size: 140%; + padding: 6px; + vertical-align: middle; + background: #eee; +} +.foundationtable tbody tr:first-child td { + padding-top: 20px; +} +.foundationtable tbody tr td:first-child { + padding-left: 0px; + padding-right: 15px; +} +p.roles { + font-variant: small-caps; +} + +/* STRONG +-------------------------------------------- +.typography strong { + color: #18A303; +}*/ +.highlight { + background: yellow; +} + +/* for translation status sitemap */ +div.missing { + background-color: red; +} +div.live { + background-color: green; +} +div.unpublished { + background-color: orange; +} +div.changed { + background-color: yellow; +} + +/* for horizontally aligned li-children */ +ul.table { + display: table; +} +ul.table > li { + display: table-row; + background: none; +} +ul.table > li > * { + display: table-cell; + padding-right: 1em; +} +.clear{ + clear:both; +} + +hr { + display: block; + clear: both; + height: .1em; + border: none; + width: 100%; +} + +.FloatLeft { + float: left; +} + +.FloatRight { + float: right; +} + +.RightMargin { + margin-right: 10px; +} + +.captionImage.FloatRight { + margin-left: 1em; +} + +.captionImage.FloatLeft { + margin-right: 1em; +} +/* pending - not final */ +.typography p.greenbox { + border: 1px solid #43C330; + background-color: #CCF4C6; + padding: 10px; + margin: 10px 0; +} + +.typography p.bluebox { + border: 1px solid #1C99E0; + background-color: #AADCF7; + padding: 10px; + margin: 10px 0; +} + +.typography p.orangebox { + border: 1px solid #D36118; + background-color: #F9CFB5; + padding: 10px; + margin: 10px 0; +} + +.typography p.purplebox { + border: 1px solid #C254D2; + background-color: #F2CBF8; + padding: 10px; + margin: 10px 0; +} + +.typography p.yellowbox { + border: 1px solid #E9B913; + background-color: #FDE9A9; + padding: 10px; + margin: 10px 0; +} + +.typography p.intro { + font-size: 1.1em; + border-bottom: 1px solid #CCC; + padding-bottom: .75em; +} + +.typography p.excerpt { + width: 200px; + margin-bottom: 0; + padding: 0 0 0 40px; + display: block; + float: right; + color: #777; + font-style: italic; + text-align: left; +} + +.typography p.tick { + padding-left: 50px; + background-image: url(https://api.libreoffice.org/themes/libo/images/tick.png); + background-position: 10px 5px; + background-repeat: no-repeat; +} +.typography ul.tick { + background: url(https://api.libreoffice.org/themes/libo/images/tick.png) no-repeat; + padding-left: 40px; +} + +.typography p.information { + padding-left: 50px; + background-image: url(https://api.libreoffice.org/themes/libo/images/information.png); + background-position: 10px 5px; + background-repeat: no-repeat; +} +.typography ul.information { + background: url(https://api.libreoffice.org/themes/libo/images/information.png) no-repeat; + padding-left: 40px; +} + +.typography p.warning { + padding-left: 50px; + background-image: url(https://api.libreoffice.org/themes/libo/images/warning.png); + background-position: 10px 5px; + background-repeat: no-repeat; +} +.typography ul.warning { + background: url(https://api.libreoffice.org/themes/libo/images/warning.png) no-repeat; + padding-left: 40px; +} + +.typography p.error { + padding-left: 50px; + background-image: url(https://api.libreoffice.org/themes/libo/images/error.png); + background-position: 10px 5px; + background-repeat: no-repeat; +} +.typography ul.error { + background: url(https://api.libreoffice.org/themes/libo/images/error.png) no-repeat; + padding-left: 40px; +} + +.typography p.excerpt:before { + content: '\201C'; + color: #18A303; + font-size: 4em; + line-height: 0.1em; + margin-left: -25px; + margin-right: 8px; + position: relative; + top: .5em; + font-style: normal; +} +.typography p.excerpt:after { + content: '\201D '; + color: #18A303; + font-size: 4em; + line-height: 1px; + margin-left: 8px; + margin-bottom: 0; + position: relative; + top: .45em; + font-style: normal; +} + +.typography div.box { + width: 150px; + margin: 10px; + display: block; + float: left; + box-shadow: 0 1px 2px #777; + -webkit-box-shadow: 0 1px 2px #777; + -moz-box-shadow: 0 1px 2px #777; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + text-align: center; +} + +.typography div.box img { + height: 80px; + padding: 10px 10px 10px 10px; +} + +.typography div.box p { + margin: 0; + padding: 10px; + background: #EEE; + text-align: left; +} + + +.sdkbody { background-color: #FFFFFF; + color: #000000; + margin-top: 0; + margin-bottom: 0; + margin-left: 0; + margin-right: 0; + font-family: Arial, Helvetica, sans-serif; } + +.note { font-size: 20; + font-weight: bold; + font-style: italic; + text-align: center; } + +.table1 { width: 100%; + border-style: none; + border-spacing: 0; + padding: 0; } + +.table2 { width: 100%; + border-style: none; + border-spacing: 8; + padding: 5; } + +.table3 { width: 100%; + border-style: none; + border-spacing: 6; + padding: 0; } + +.table4 { width: 100%; + border-width: 2px; + border-style: groove; + border-color: #CCCCCC; + border-spacing: 0; + border-collapse: collapse; } + +.cell15 { width: 15%; + border-width: 2px; + border-style: groove; + border-color: #CCCCCC; + border-spacing: 0; + border-collapse: collapse; + padding: 4; + color: #000000; } + +.cell20 { width: 20%; + border-width: 2px; + border-style: groove; + border-color: #CCCCCC; + border-spacing: 0; + border-collapse: collapse; + padding: 4; + color: #000000; } + +.cell80 { width: 80%; + border-width: 2px; + border-style: groove; + border-color: #CCCCCC; + border-spacing: 0; + border-collapse: collapse; + padding: 4; + color: #000000; } + +.cell85 { width: 85%; + border-width: 2px; + border-style: groove; + border-color: #CCCCCC; + border-spacing: 0; + border-collapse: collapse; + padding: 4; + color: #000000;} + +.nothing1 { width: 20; + height: 1; } + +.nothing8 { width: 20; + height: 8; } + +.nothing10 { width: 20; + height: 10; } + +.nothing30 { width: 20; + height: 30; } + + +.appicon { width: 32; + height: 32; + border: 0; } + +.line { width: 100%; + height: 5; + border: 0; + vertical-align: middle; } + + +.arrow { width: 16; + height: 13; } + +.head1 { font-size: 20; + font-weight: bold; } + +.head2 { font-size: 18; + font-weight: bold; } + +.head3 { font-size: 17; + font-weight: bold; } + +.head4 { font-size: 16; + font-weight: bold; } + +.thead { font-weight: bold; + background-color:#18a303; + background-position: middle; } + +.navigate { border: 0; } + +.content1 { width: 1%; } +.content3 { width: 3%; } +.content4 { width: 4%; } +.content10 { width: 10%; } +.content20 { width: 20%; } +.content70 { width: 70%; } +.content75 { width: 75%; } +.content80 { width: 80%; } +.content87 { width: 87%; } + +.centertext {align:center; text-align:center; font-size: 12;} + + |