X-Git-Url: http://git.maemo.org/git/?p=apps-fullscreen;a=blobdiff_plain;f=www%2Fassets%2Fcss%2Fstyle.css;fp=www%2Fassets%2Fcss%2Fstyle.css;h=374c73885743d69551e73eb5348778e7b86c8ae1;hp=0000000000000000000000000000000000000000;hb=729bc78ff403b83eee2597be0adf8a12b09402ad;hpb=19644aab1459c2de7cff2b1423f10ce63055e4ba diff --git a/www/assets/css/style.css b/www/assets/css/style.css new file mode 100644 index 0000000..374c738 --- /dev/null +++ b/www/assets/css/style.css @@ -0,0 +1,175 @@ +/** + * A clean concise theme for your GitHub projects + * + * Licenced under GPL v3 + * http://www.gnu.org/licenses/gpl.html + **/ + +/* Page */ +body { + background: #333333 url('../images/page-background.png') repeat top left; + font-family: arial,sans-serif; +} + +/* Header */ +header { + padding-top: 50px; + border-bottom: 2px solid #77746C; + padding-bottom: 28px; +} + +/* Footer */ +footer { + background-color: #FFFFFF; + margin-top: 50px; + -webkit-box-shadow: -10px 0 15px #000000; + -moz-box-shadow: -10px 0 15px #000000; + box-shadow: -10px 0 15px #000000; +} + +div.credits { + padding-top: 9px; + margin-top: 30px; + margin-bottom: 25px; + border-top: 1px solid #DDD2B2; + text-align: center; +} + +footer p { + color: #333333; +} + +div.repo-author { + padding-top: 30px; +} + +/* Text */ +p, strong, li { + color: #CCCCCC; + font-size: 14px; +} + +strong { + font-weight: bold; + color: #EEEEEE; +} + +a { + color: #0075B6; + text-decoration: none; +} + +a:visited { + color: #0075B6; +} + +a:hover { + text-decoration: underline; +} + +h1, h2 { + font-family: georgia,serif; +} + +h1 { + font-style: italic; + color: #FFFFFF; + font-size: 50px; + margin: 0; +} + +h2 { + color: #CCCCCC; + font-size: 20px; + line-height: 23px; + padding-top: 15px; +} + +h3, h4 { + color: #FFFFFF; + font-weight: bold; + font-family: inherit; +} + +h3 { + font-size: 28px; + margin-top: 40px; +} + +h4 { + font-size: 20px; + margin-top: 20px; +} + +/* Useful classes and styles */ +a.github-ribbon { + position: absolute; + top: 0; + left: 0; + border: 0; +} + +a.download-button { + display: block; + padding: 25px 30px 20px 30px; + color: #FFFFFF; + text-decoration: none; + font-size: 28px; + font-weight: bold; + background: #33A700 url('../images/application-install.png') no-repeat 92% 50%; + border: 2px solid #339410; + -webkit-box-shadow: 3px 3px 5px #000000; + -moz-box-shadow: 3px 3px 5px #000000; + box-shadow: 3px 3px 5px #000000; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + -webkit-transition: 350ms; + -moz-transition: 350ms; + -o-transition: 350ms; + transition: 350ms; +} + +a.download-button:hover { + background-color: #267C00; + background-position: 90% 50%; +} + +a.download-button span { + font-size: 14px; + display: block; + margin-top: 2px; +} + +code { + margin-top: 15px; + min-height: 220px; + border: 3px solid #FFFFFF; + background-color: #CCCC99; + display: block; + padding: 20px; + font-family: monospace; + -webkit-box-shadow: 3px 3px 5px #000000; + -moz-box-shadow: 3px 3px 5px #000000; + box-shadow: 3px 3px 5px #000000; + overflow-x: auto; +} + +pre.prettyprint { + border: 0; + padding: 0; + margin: 0; +} + +img.repo-author-logo { + float: left; + margin-right: 15px; +} + +/* Media queries */ +/* Hide the ribbon when we are on a phone, screen is too small */ +@media only screen and (max-width: 479px) { + a.github-ribbon { + display: none; + } +} \ No newline at end of file