From 5704ec7c0c55d4b13e40e4a47d88298623dd0ea3 Mon Sep 17 00:00:00 2001 From: Daniel Molkentin Date: Wed, 6 Jun 2012 14:07:43 +0200 Subject: Initial import of the new Planet Qt --- website/images/._qt_logo.png | Bin 0 -> 495 bytes website/images/content-meteor.png | Bin 0 -> 13711 bytes website/images/date.png | Bin 0 -> 1973 bytes website/images/icon-gplus.png | Bin 0 -> 1924 bytes website/images/icon-meetup.png | Bin 0 -> 2252 bytes website/images/icon-rss.png | Bin 0 -> 1556 bytes website/images/icon-twitter.png | Bin 0 -> 1722 bytes website/images/logo.png | Bin 0 -> 4936 bytes website/images/page_bg.png | Bin 0 -> 216 bytes website/images/qt_logo.png | Bin 0 -> 2712 bytes website/normalize.css | 504 ++++++++++++++++++++++++++++++++++++++ website/style.css | 326 ++++++++++++++++++++++++ 12 files changed, 830 insertions(+) create mode 100644 website/images/._qt_logo.png create mode 100644 website/images/content-meteor.png create mode 100644 website/images/date.png create mode 100644 website/images/icon-gplus.png create mode 100644 website/images/icon-meetup.png create mode 100644 website/images/icon-rss.png create mode 100644 website/images/icon-twitter.png create mode 100644 website/images/logo.png create mode 100644 website/images/page_bg.png create mode 100644 website/images/qt_logo.png create mode 100644 website/normalize.css create mode 100644 website/style.css (limited to 'website') diff --git a/website/images/._qt_logo.png b/website/images/._qt_logo.png new file mode 100644 index 0000000..606f3af Binary files /dev/null and b/website/images/._qt_logo.png differ diff --git a/website/images/content-meteor.png b/website/images/content-meteor.png new file mode 100644 index 0000000..865012a Binary files /dev/null and b/website/images/content-meteor.png differ diff --git a/website/images/date.png b/website/images/date.png new file mode 100644 index 0000000..1960aa3 Binary files /dev/null and b/website/images/date.png differ diff --git a/website/images/icon-gplus.png b/website/images/icon-gplus.png new file mode 100644 index 0000000..a50845e Binary files /dev/null and b/website/images/icon-gplus.png differ diff --git a/website/images/icon-meetup.png b/website/images/icon-meetup.png new file mode 100644 index 0000000..85cfefd Binary files /dev/null and b/website/images/icon-meetup.png differ diff --git a/website/images/icon-rss.png b/website/images/icon-rss.png new file mode 100644 index 0000000..a7b687e Binary files /dev/null and b/website/images/icon-rss.png differ diff --git a/website/images/icon-twitter.png b/website/images/icon-twitter.png new file mode 100644 index 0000000..5a3d2f0 Binary files /dev/null and b/website/images/icon-twitter.png differ diff --git a/website/images/logo.png b/website/images/logo.png new file mode 100644 index 0000000..5641d90 Binary files /dev/null and b/website/images/logo.png differ diff --git a/website/images/page_bg.png b/website/images/page_bg.png new file mode 100644 index 0000000..7c0d280 Binary files /dev/null and b/website/images/page_bg.png differ diff --git a/website/images/qt_logo.png b/website/images/qt_logo.png new file mode 100644 index 0000000..c336246 Binary files /dev/null and b/website/images/qt_logo.png differ diff --git a/website/normalize.css b/website/normalize.css new file mode 100644 index 0000000..e1adf43 --- /dev/null +++ b/website/normalize.css @@ -0,0 +1,504 @@ +/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ + +/* ============================================================================= + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects block display not defined in IE6/7/8/9 & FF3 + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +/* + * Corrects inline-block display not defined in IE6/7/8/9 & FF3 + */ + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/* + * Prevents modern browsers from displaying 'audio' without controls + * Remove excess height in iOS5 devices + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/* + * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 + * Known issue: no IE6 support + */ + +[hidden] { + display: none; +} + + +/* ============================================================================= + Base + ========================================================================== */ + +/* + * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units + * http://clagnut.com/blog/348/#c790 + * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom + * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ + */ + +html { + font-size: 100%; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ +} + +/* + * Addresses font-family inconsistency between 'textarea' and other form elements. + */ + +html, +button, +input, +select, +textarea { + font-family: sans-serif; +} + +/* + * Addresses margins handled incorrectly in IE6/7 + */ + +body { + margin: 0; +} + + +/* ============================================================================= + Links + ========================================================================== */ + +/* + * Addresses outline displayed oddly in Chrome + */ + +a:focus { + outline: thin dotted; +} + +/* + * Improves readability when focused and also mouse hovered in all browsers + * people.opera.com/patrickl/experiments/keyboard/test + */ + +a:hover, +a:active { + outline: 0; +} + + +/* ============================================================================= + Typography + ========================================================================== */ + +/* + * Addresses font sizes and margins set differently in IE6/7 + * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +h2 { + font-size: 1.5em; + margin: 0.83em 0; +} + +h3 { + font-size: 1.17em; + margin: 1em 0; +} + +h4 { + font-size: 1em; + margin: 1.33em 0; +} + +h5 { + font-size: 0.83em; + margin: 1.67em 0; +} + +h6 { + font-size: 0.75em; + margin: 2.33em 0; +} + +/* + * Addresses styling not present in IE7/8/9, S5, Chrome + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/* + * Addresses style set to 'bolder' in FF3+, S4/5, Chrome +*/ + +b, +strong { + font-weight: bold; +} + +blockquote { + margin: 1em 40px; +} + +/* + * Addresses styling not present in S5, Chrome + */ + +dfn { + font-style: italic; +} + +/* + * Addresses styling not present in IE6/7/8/9 + */ + +mark { + background: #ff0; + color: #000; +} + +/* + * Addresses margins set differently in IE6/7 + */ + +p, +pre { + margin: 1em 0; +} + +/* + * Corrects font family set oddly in IE6, S4/5, Chrome + * en.wikipedia.org/wiki/User:Davidgothberg/Test59 + */ + +pre, +code, +kbd, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} + +/* + * Improves readability of pre-formatted text in all browsers + */ + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* + * 1. Addresses CSS quotes not supported in IE6/7 + * 2. Addresses quote property not supported in S4 + */ + +/* 1 */ + +q { + quotes: none; +} + +/* 2 */ + +q:before, +q:after { + content: ''; + content: none; +} + +small { + font-size: 75%; +} + +/* + * Prevents sub and sup affecting line-height in all browsers + * gist.github.com/413930 + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + + +/* ============================================================================= + Lists + ========================================================================== */ + +/* + * Addresses margins set differently in IE6/7 + */ + +dl, +menu, +ol, +ul { + margin: 1em 0; +} + +dd { + margin: 0 0 0 40px; +} + +/* + * Addresses paddings set differently in IE6/7 + */ + +menu, +ol, +ul { + padding: 0 0 0 40px; +} + +/* + * Corrects list images handled incorrectly in IE7 + */ + +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} + + +/* ============================================================================= + Embedded content + ========================================================================== */ + +/* + * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 + * 2. Improves image quality when scaled in IE7 + * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ + */ + +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ +} + +/* + * Corrects overflow displayed oddly in IE9 + */ + +svg:not(:root) { + overflow: hidden; +} + + +/* ============================================================================= + Figures + ========================================================================== */ + +/* + * Addresses margin not present in IE6/7/8/9, S5, O11 + */ + +figure { + margin: 0; +} + + +/* ============================================================================= + Forms + ========================================================================== */ + +/* + * Corrects margin displayed oddly in IE6/7 + */ + +form { + margin: 0; +} + +/* + * Define consistent border, margin, and padding + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/* + * 1. Corrects color not being inherited in IE6/7/8/9 + * 2. Corrects text not wrapping in FF3 + * 3. Corrects alignment displayed oddly in IE6/7 + */ + +legend { + border: 0; /* 1 */ + padding: 0; + white-space: normal; /* 2 */ + *margin-left: -7px; /* 3 */ +} + +/* + * 1. Corrects font size not being inherited in all browsers + * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome + * 3. Improves appearance and consistency in all browsers + */ + +button, +input, +select, +textarea { + font-size: 100%; /* 1 */ + margin: 0; /* 2 */ + vertical-align: baseline; /* 3 */ + *vertical-align: middle; /* 3 */ +} + +/* + * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet + */ + +button, +input { + line-height: normal; /* 1 */ +} + +/* + * 1. Improves usability and consistency of cursor style between image-type 'input' and others + * 2. Corrects inability to style clickable 'input' types in iOS + * 3. Removes inner spacing in IE7 without affecting normal text inputs + * Known issue: inner spacing remains in IE6 + */ + +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; /* 1 */ + -webkit-appearance: button; /* 2 */ + *overflow: visible; /* 3 */ +} + +/* + * Re-set default cursor for disabled elements + */ + +button[disabled], +input[disabled] { + cursor: default; +} + +/* + * 1. Addresses box sizing set to content-box in IE8/9 + * 2. Removes excess padding in IE8/9 + * 3. Removes excess padding in IE7 + Known issue: excess padding remains in IE6 + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ +} + +/* + * 1. Addresses appearance set to searchfield in S5, Chrome + * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/* + * Removes inner padding and search cancel button in S5, Chrome on OS X + */ + +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +/* + * Removes inner padding and border in FF3+ + * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. Removes default vertical scrollbar in IE6/7/8/9 + * 2. Improves readability and alignment in all browsers + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + + +/* ============================================================================= + Tables + ========================================================================== */ + +/* + * Remove most spacing between table cells + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/website/style.css b/website/style.css new file mode 100644 index 0000000..2e32b3e --- /dev/null +++ b/website/style.css @@ -0,0 +1,326 @@ +/* CSS for Nokia Rawdog */ + +* { box-sizing: border-box; -moz-box-sizing: border-box; } /* Gives a more flexible and natural box model to all elements. The standard is "content-box". Read more here: http://paulirish.com/2012/box-sizing-border-box-ftw/ */ + + +body { + background-color: #e8e8e8; + font: 16px/1.4em Arial, Verdana, sans-serif; +} +.wrapper { + max-width: 1010px; + padding: 0 10px; + margin: 0 auto; +} +fieldset { + border: 0; + outline: 0; +} +input { + border: 0; + border: 1px solid #8a8a8a; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -o-border-radius: 5px; + padding: 4px; + font-size: 12px; +} +button { + border: 0; + background: none; + border-radius: 3px; + border: 1px solid #cecece; + font-size: 12px; + padding: 4px 6px; + font-weight: bold; + color: #5a5a5a; + background: #f4f4f4; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #f4f4f4 0%, #ebebeb 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #f4f4f4 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #f4f4f4 0%,#ebebeb 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #f4f4f4 0%,#ebebeb 100%); /* IE10+ */ + background: linear-gradient(top, #f4f4f4 0%,#ebebeb 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */ +} +button:active, +button:hover { + background: #ebebeb; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); + background: -moz-linear-gradient(top, #ebebeb 14%, #f4f4f4 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#ebebeb), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ebebeb 14%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ebebeb 14%,#f4f4f4 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ebebeb 14%,#f4f4f4 100%); /* IE10+ */ + background: linear-gradient(top, #ebebeb 14%,#f4f4f4 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */ +} +button:active { + box-shadow: inset 0 0 3px #cecece; +} +.lt-ie10 button { + filter: none; +} +img { + display: block; + max-width: 100%; + float: left; +} + +a { + color: #44a51c; + text-decoration: none; +} + +.lt-ie9 img { + max-width: none; +} +/* Top line */ +.top-line { + width: 100%; + background-color: #fff; + box-shadow: 0 0 20px #cdcdcd; + padding: 13px 0 0; + float: left; + width: 100%; + clear: both; + line-height: 1em; + margin-bottom: 20px; +} +.top-line a:visited, +.top-line a { + text-decoration: none; + color: #b0adab; +} +.top-line .active a, +.top-line a:focus, +.top-line a:hover { + color: #44a51c; +} +.top-line .logo:visited, +.top-line .logo { + display: block; + float: left; + height: 71px; + padding-left: 89px; + padding-top: 15px; + margin-bottom: 13px; + color: #44a51c; + font-size: 23px; + background: url('images/logo.png') left top no-repeat; +} +.top-line .main-menu { + float: right; + list-style: none; + margin: 0; + padding: 0; + font-size: 14px; +} +.top-line .main-menu li { + float: left; + margin-left: 20px; +} +.top-line fieldset { + float: right; + clear: right; + padding: 0; + margin: 0; + margin-top: 35px; +} +.top-line fieldset input { + width: 140px; + +} + +/* Content */ +.content { + max-width: 1010px; + margin: 0 auto; + clear: both; + color: #363534; + padding: 0 10px; +} +.content .wrapper { + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -o-border-radius: 10px; + background: #fff url('images/content-meteor.png') right 14px no-repeat; + background-size: 29%; + box-shadow: 0 0 10px #cdcdcd; + padding: 11px 52px; + float: left; + clear: both; + margin: 0 auto 20px; +} +.content .wrapper .content-column { + width: 65%; + float: left; +} +.content .wrapper aside { + width: 30%; + float: right; + margin-top: 288px; + border-left: 1px solid #e8e8e8; + padding-left: 2.5%; + font-size: 14px; +} +.content .wrapper aside h3 { + font-size: 18px; + font-weight: bold; + margin: 1em 0 0.2em; +} +.content .wrapper aside ul { + margin: 0; + padding: 0; + list-style: none; +} +.content .wrapper aside a:visited, +.content .wrapper aside a { + color: #44a51c; + text-decoration: none; + font-weight: bold; +} +.content .wrapper aside a:focus, +.content .wrapper aside a:hover { + text-decoration: underline; +} +.content .wrapper aside .rss-feed { + display: block; + background: url('images/icon-rss.png') 3px center no-repeat; + line-height: 16px; + height: 16px; + padding-left: 30px; +} +.content .wrapper aside .icon-links { + margin-top: 8px; +} +.content .wrapper aside .icon-links a { + display: block; + height: 37px; + padding-left: 45px; + line-height: 32px; +} +.content .wrapper aside .icon-links .qtproject-twitter a { + background: url('images/icon-twitter.png') left top no-repeat; +} +.content .wrapper aside .icon-links .qtproject-gplus a { + background: url('images/icon-gplus.png') left top no-repeat; +} +.content .wrapper aside .icon-links .qt-meetup a { + background: url('images/icon-meetup.png') left top no-repeat; +} +.content .wrapper aside .recent-posts time { + display: block; + color: #7c7c7c; + font-weight: normal; + font-size: 13px; + margin-top: -3px; + margin-bottom: 2px; +} +/* Article */ +article { + position: relative; +} +article footer { + font-size: 13px; + color: #7c7c7c; + margin-top: -1.8em; +} + +article footer a { + color: #7c7c7c; +} + +article time { + position: absolute; + top: 0; + left: -70px; + width: 58px; + height: 63px; + background: url('images/date.png') left top no-repeat; + padding: 17px 0 0 0; + text-transform: uppercase; + line-height: 0.8em; + text-align: center; + font-size: 20.78px; + color: #aeaaa7; + font-weight: bold; +} +article time span { + display: block; + font-size: 11.08px; + font-weight: normal; +} + +header h2 a { + text-decoration: none; + font-size: 36px; + color: #44a51c; + line-height: 1.2em; +} + +@media handheld, only screen and (max-width: 600px) { + + + .content .wrapper { + padding: 11px 32px; + } + .top-line .main-menu { + float: left; + width: 100%; + + } + .top-line .main-menu li { + margin: 0 4px 13px; + display: inline-block; + float: none; + } + .top-line .main-menu li:first-child { + margin-left: 0; + } + .top-line .main-menu li:last-child { + margin-right: 0; + } + .top-line fieldset { + margin-top: 0; + float: left; + margin-bottom: 13px; + width: 100%; + } + .top-line fieldset input { + width: 75%; + float: left; + } + .top-line fieldset button { + width: 20%; + float: right; + text-align: center; + } + + .content .wrapper .content-column, + .content .wrapper aside { + float: left; + width: 100%; + clear: both; + } + .content .wrapper { + background-image: none; + } + .content .wrapper aside { + margin-top: 20px; + border: 0; + border-top: 1px solid #e8e8e8; + padding: 0; + } + .content .wrapper aside .rss-feed { + margin-top: 13px; + } + article time { + display: none; + } +} \ No newline at end of file -- cgit v1.2.3