You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by ka...@apache.org on 2014/07/11 00:02:03 UTC
svn commit: r1609580 - /cordova/site/public/css/master.css
Author: kamrik
Date: Thu Jul 10 22:02:03 2014
New Revision: 1609580
URL: http://svn.apache.org/r1609580
Log:
Reverting master.css that turned out to be empty after last commit
Modified:
cordova/site/public/css/master.css
Modified: cordova/site/public/css/master.css
URL: http://svn.apache.org/viewvc/cordova/site/public/css/master.css?rev=1609580&r1=1609579&r2=1609580&view=diff
==============================================================================
--- cordova/site/public/css/master.css (original)
+++ cordova/site/public/css/master.css Thu Jul 10 22:02:03 2014
@@ -0,0 +1,826 @@
+* {
+ margin: 0;
+ padding: 0;
+ -webkit-text-size-adjust: none;
+}
+body,
+a {
+ color: #3b4854;
+}
+/** LESS **/
+.animate-background {
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+}
+.animate {
+ -webkit-transition: all 0.25s linear;
+ -moz-transition: all 0.25s linear;
+ transition: all 0.25s linear;
+}
+.secondary-bg {
+ background: url(/images/grid.png) #eeeeee 50% 0%;
+}
+.sprite {
+ background: url(/images/sprite.png) no-repeat;
+}
+.ellipsis {
+ overflow: hidden;
+ display: block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+/*---------------------------------------------------
+ Font
+---------------------------------------------------*/
+body,
+h1,
+h2,
+h3,
+h4,
+input,
+button {
+ font-size: 17px;
+ font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
+ font-weight: 300;
+}
+h1,
+h2,
+h3,
+h4 {
+ letter-spacing: 0.05em;
+}
+h1 {
+ font-size: 34px;
+}
+h2 {
+ font-size: 34px;
+ padding: 48px 0;
+}
+b,
+strong {
+ font-family: 'HelveticaNeue-Bold', Helvetica, Arial, sans-serif;
+ font-weight: 900;
+}
+label {
+ font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
+ font-weight: 400;
+ font-size: 12px;
+}
+.platforms-list li,
+.list-header.mini,
+.quick-links-header li {
+ font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif;
+ font-weight: 500;
+}
+/*---------------------------------------------------
+ Generic
+---------------------------------------------------*/
+a:hover {
+ color: #4cc2e4;
+}
+p {
+ line-height: 1.8em;
+ margin-bottom: 1.5em;
+}
+p + p {
+ margin-top: 2em;
+}
+.button-container {
+ position: absolute;
+ right: -5px;
+ background: url(/images/shadow.png);
+}
+.button {
+ display: block;
+ background: url(/images/sprite.png) no-repeat;
+ background-color: #4cc2e4;
+ background-position: 100% -171px;
+ width: 288px;
+ padding: 16px;
+ color: #fff;
+ font-size: 24px;
+ text-decoration: none;
+ position: relative;
+ top: -5px;
+ left: -5px;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+}
+.button:hover {
+ background-color: #4cd6fc;
+ color: #fff;
+}
+div.button,
+div.button:hover {
+ background-color: #abafb0;
+}
+.button label {
+ display: block;
+ font-size: 0.5em;
+ height: 16px;
+}
+.clear {
+ clear: both;
+}
+/*---------------------------------------------------
+ Layout
+---------------------------------------------------*/
+#wrap,
+.wrap,
+#footer,
+hr {
+ width: 1008px;
+ margin: 0 auto;
+ position: relative;
+}
+.grid {
+ background: url(/images/grid.png) #eeeeee 50% 0%;
+ padding: 32px 0;
+}
+hr {
+ border: none;
+ border-top: 1px solid #ddd;
+ margin-top: 64px;
+ margin-bottom: 32px;
+}
+/*---------------------------------------------------
+ Layout - Header
+---------------------------------------------------*/
+.header-placeholder {
+ height: 90px;
+}
+#header {
+ height: 90px;
+ position: fixed;
+ z-index: 10;
+ left: 0;
+ right: 0;
+ background: #fff;
+ border-bottom: 1px solid #ddd;
+}
+#header .shadow {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -3px;
+ height: 3px;
+ background: url(/images/shadow.png);
+}
+.logo,
+.closing {
+ background: url(/images/sprite.png) no-repeat;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ background-color: #3b4854;
+ background-position: 0 0px;
+ position: absolute;
+ left: 0;
+ top: 5px;
+ width: 220px;
+ height: 75px;
+}
+.logo:hover {
+ background-color: #4cc2e4;
+}
+.menu {
+ padding: 16px 0;
+ float: right;
+}
+.menu a {
+ text-decoration: none;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ padding: 8px;
+ margin: 0 8px;
+ line-height: 55px;
+}
+.menu a:hover {
+ color: #4cc2e4;
+}
+.menu-dropdown {
+ display: none;
+ position: absolute;
+ right: 16px;
+ top: 32px;
+ width: 40%;
+}
+.menu-dropdown select {
+ width: 100%;
+}
+/*---------------------------------------------------
+ Layout - Leadin
+---------------------------------------------------*/
+.leadin {
+ margin-bottom: 32px;
+}
+.leadin .wrap {
+ height: 368px;
+}
+.leadin .text-block {
+ position: absolute;
+ left: 384px;
+ top: 64px;
+}
+.leadin img {
+ position: absolute;
+ top: 32px;
+ left: 24px;
+}
+.leadin li {
+ list-style: none;
+ margin: 9px 8px;
+}
+.leadin h1 {
+ background: #fff;
+ display: inline;
+ padding: 4px 8px;
+}
+.leadin .button-container {
+ bottom: 0;
+}
+/*---------------------------------------------------
+ Layout - Contribution, Mailing List,
+ Download and Quick Links
+---------------------------------------------------*/
+.container-box {
+ background: #fff;
+ padding: 8px;
+ position: relative;
+}
+.list-link {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+}
+.list {
+ padding-top: 16px;
+}
+.list li {
+ background: #fff;
+ padding: 8px;
+ position: relative;
+ list-style: none;
+ margin-bottom: 16px;
+}
+.list-header {
+ background: #fff;
+ padding: 8px;
+ position: relative;
+ margin-top: 16px;
+}
+.list-header p {
+ margin-bottom: 0;
+}
+.list-container {
+ position: relative;
+}
+/**** Platforms ****/
+.platforms-list {
+ padding-top: 32px;
+ width: 456px;
+}
+.platforms-list.second {
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+.platforms-list li a {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ width: 36px;
+ background: url(/images/sprite.png) no-repeat;
+ background-position: 3px -127px;
+ background-color: #4cc2e4;
+}
+.platforms-list li a:hover {
+ background-color: #4cd6fc;
+}
+.platforms-list li.first a {
+ width: 108px;
+}
+.platforms-list li a.link-apache {
+ right: 39px;
+ background-position: 2px -94px;
+}
+.platforms-list li.first a.link-apache {
+ width: 144px;
+ right: 111px;
+}
+/**** Mailing List ****/
+.mailing-list {
+ width: 752px;
+ margin-bottom: 24px;
+}
+.mailing-list a {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ backround: #fff;
+ padding: 8px;
+ width: 408px;
+ font-size: 14px;
+}
+.mailing-list a:hover {
+ color: #fff;
+ background: #4cc2e4;
+}
+.mailing-list a span {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 36px;
+ background: url(/images/sprite.png) no-repeat;
+ background-position: -156px -95px;
+ background-color: #4cc2e4;
+}
+.mailing-list li {
+ margin-bottom: 3px;
+}
+/**** Download ****/
+.download-pane .button-container {
+ bottom: -70px;
+}
+.list-header.mini {
+ display: inline;
+}
+.download-list-container {
+ position: relative;
+}
+.download-list {
+ width: 320px;
+ margin-bottom: 24px;
+}
+.download-list.second,
+.download-list.third {
+ position: absolute;
+ top: 0;
+}
+.download-list.second {
+ left: 344px;
+}
+.download-list.third {
+ left: 688px;
+}
+.download-list li {
+ height: 18px;
+}
+.download-list .version {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ background: url(/images/sprite.png) no-repeat;
+ background-position: -160px -127px;
+ background-color: #4cc2e4;
+ color: #fff;
+ text-decoration: none;
+ right: auto;
+ left: 0;
+ padding: 8px;
+ padding-left: 32px;
+ width: 40%;
+}
+.download-list .version:hover {
+ background-color: #4cd6fc;
+}
+.download-list .release {
+ float: right;
+ font-size: 12px;
+ margin-top: 2px;
+}
+/**** Quick Links ****/
+.list-header.mini {
+ display: inline;
+}
+.quick-links,
+.quick-links-header li {
+ float: left;
+ width: 320px;
+ margin-right: 24px;
+ list-style: none;
+ position: relative;
+}
+.quick-links-header li {
+ margin-bottom: 24px;
+}
+.quick-links.last,
+.quick-links-header li.last {
+ margin-right: 0;
+}
+.quick-links li {
+ padding: 0;
+}
+.quick-links a {
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ display: block;
+ text-decoration: none;
+ padding: 8px;
+}
+.quick-links a:hover {
+ color: #fff;
+ background: #4cc2e4;
+}
+.quick-links a span {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 36px;
+ background: url(/images/sprite.png) no-repeat;
+ background-position: -156px -95px;
+ background-color: #4cc2e4;
+}
+/*---------------------------------------------------
+ Layout - Footer
+---------------------------------------------------*/
+#footer {
+ padding: 32px 0 64px;
+}
+#footer p {
+ font-size: 12px;
+ line-height: 1.5em;
+}
+.closing {
+ background-position: 0 -725px;
+ left: auto;
+ right: 0;
+ top: 20px;
+ width: 60px;
+ height: 65px;
+}
+.closing:hover {
+ background-color: #4cc2e4;
+}
+/*---------------------------------------------------
+ Jira Search Form
+---------------------------------------------------*/
+#jira-search-box {
+ border: 1px solid #ccc;
+ padding: 2px;
+ min-width: 200px;
+}
+#jira-search-box,
+#jira-search-button {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ height: 30px;
+ height: 1.8rem;
+ vertical-align: bottom;
+}
+#jira-search-button {
+ font-size: 14px;
+ margin-left: -1px;
+ padding: 5px;
+}
+/*---------------------------------------------------
+ Misc
+---------------------------------------------------*/
+.icon {
+ background: url(/images/sprite.png) no-repeat;
+ background-position: 0 -220px;
+ padding-left: 78px;
+}
+.icon-about {
+ background-position: 0 -220px;
+}
+.icon-contribute {
+ background-position: 0 -316px;
+}
+.icon-mailing-list {
+ background-position: 0 -412px;
+}
+.icon-download {
+ background-position: 0 -508px;
+}
+.icon-quick-links {
+ background-position: 0 -604px;
+}
+a.scroll-point {
+ display: block;
+ border-bottom: transparent 1px solid;
+}
+a.pt-top {
+ border: none;
+}
+a.pt-about {
+ margin: -100px 0 130px;
+ border: none;
+}
+.corner,
+.quick-links .corner {
+ background: url(/images/sprite.png) no-repeat;
+ background-position: 0 -808px;
+ position: absolute;
+ left: 0;
+ top: -32px;
+ width: 40px;
+ height: 40px;
+}
+.button-container.middle {
+ bottom: 0;
+}
+/*---------------------------------------------------
+ Mobile
+---------------------------------------------------*/
+@media all and (max-width: 1024px) {
+ #wrap,
+ .wrap,
+ #footer,
+ hr {
+ width: auto;
+ }
+ .wrap,
+ #footer {
+ margin-left: 24px;
+ margin-right: 24px;
+ }
+ .download-list,
+ .download-list.second,
+ .download-list.third {
+ width: 30%;
+ }
+ .download-list.second {
+ left: 33%;
+ }
+ .download-list.third {
+ left: 66%;
+ }
+ .quick-links,
+ .quick-links-header li {
+ width: 30%;
+ }
+ .platforms-list {
+ width: 48%;
+ }
+ h1 {
+ font-size: 30px;
+ }
+ .button-container {
+ right: 16px;
+ }
+}
+@media all and (max-width: 890px) {
+ h1 {
+ font-size: 24px;
+ }
+ h2 {
+ font-size: 24px;
+ padding-top: 54px;
+ }
+ .leadin img {
+ top: 0;
+ width: 240px;
+ height: 270px;
+ }
+ .leadin .text-block {
+ top: 32px;
+ left: 290px;
+ }
+ .button {
+ width: 250px;
+ padding: 12px;
+ }
+ .leadin .wrap {
+ height: 300px;
+ }
+ .mailing-list {
+ width: auto;
+ }
+ .menu {
+ display: none;
+ }
+ .menu-dropdown {
+ display: block;
+ }
+}
+@media all and (max-width: 720px) {
+ body {
+ font-size: 16px;
+ }
+ h1 {
+ font-size: 22px;
+ }
+ h2 {
+ font-size: 22px;
+ padding-top: 54px;
+ }
+ .leadin img {
+ width: 192px;
+ height: 216px;
+ }
+ .leadin .text-block {
+ top: 32px;
+ left: 232px;
+ }
+ .button {
+ font-size: 20px;
+ background-position: 100% -177px;
+ width: 220px;
+ padding: 10px;
+ }
+ .leadin .wrap {
+ height: 280px;
+ }
+ .platforms-list li.first a.link-apache,
+ .platforms-list li.first a.link-github {
+ width: 36px;
+ }
+ .platforms-list li.first a.link-apache {
+ right: 39px;
+ }
+ .mailing-list li {
+ padding: 8px 4px;
+ }
+ .mailing-list a {
+ width: 56%;
+ padding-right: 42px;
+ overflow: hidden;
+ display: block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .download-list .version {
+ width: 28%;
+ }
+ .menu-dropdown {
+ top: 16px;
+ }
+ #header,
+ .header-placeholder {
+ height: 52px;
+ }
+ .logo {
+ top: 7px;
+ width: 110px;
+ height: 37px;
+ background-size: 112px 425px;
+ }
+ #footer {
+ padding-bottom: 28px;
+ padding-right: 72px;
+ }
+}
+@media all and (max-width: 630px) {
+ body {
+ /* font-size: 14px;*/
+ }
+ .leadin img {
+ left: -4px;
+ width: 160px;
+ height: 180px;
+ }
+ .leadin .text-block {
+ left: 175px;
+ top: 11px;
+ }
+ .leadin .wrap {
+ height: 240px;
+ }
+ .leadin .button-container {
+ bottom: -10px;
+ }
+ .button {
+ font-size: 18px;
+ background-position: 100% -181px;
+ width: 200px;
+ padding: 8px;
+ }
+ .download-list .version {
+ width: 22%;
+ }
+}
+@media all and (max-width: 585px) {
+ h1,
+ h2,
+ h3,
+ h4 {
+ letter-spacing: 0;
+ }
+ h1 {
+ font-size: 18px;
+ }
+ .leadin img {
+ width: 128px;
+ height: 144px;
+ }
+ .leadin .text-block {
+ left: 130px;
+ }
+ .wrap,
+ #footer {
+ margin-left: 12px;
+ margin-right: 12px;
+ }
+ .leadin .wrap {
+ height: 200px;
+ }
+ .icon {
+ background-size: 112px 425px;
+ padding: 20px 48px 20px 48px;
+ overflow: hidden;
+ display: block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .icon-about {
+ background-position: 0 -110px;
+ }
+ .icon-contribute {
+ background-position: 0 -158px;
+ }
+ .icon-mailing-list {
+ background-position: 0 -206px;
+ }
+ .icon-download {
+ background-position: 0 -254px;
+ }
+ .icon-quick-links {
+ background-position: 0 -302px;
+ }
+ .platforms-list,
+ .platforms-list.second {
+ width: auto;
+ position: static;
+ padding-bottom: 0;
+ }
+ .platforms-list.second {
+ padding-top: 0;
+ }
+ .mailing-list a {
+ width: 0;
+ padding-right: 30px;
+ }
+ .download-list,
+ .download-list.second,
+ .download-list.third {
+ width: auto;
+ float: none;
+ position: static;
+ margin-bottom: 0;
+ }
+ .download-list.second,
+ .download-list.third {
+ padding-top: 0;
+ }
+ .quick-links-header {
+ display: none;
+ }
+ .quick-links,
+ .quick-links-header li {
+ float: none;
+ width: auto;
+ margin-right: 0;
+ }
+ .quick-links .corner {
+ display: none;
+ }
+ .quick-links {
+ padding-top: 0;
+ }
+}
+@media all and (max-width: 440px) {
+ .leadin .button-container {
+ display: none;
+ }
+ .leadin .text-block {
+ top: 135px;
+ left: -4px;
+ right: -4px;
+ }
+ .leadin img {
+ top: -8px;
+ }
+ .leadin .wrap {
+ height: 260px;
+ }
+ .icon {
+ padding: 22px 16px 20px 35px;
+ }
+ h2 {
+ font-size: 20px;
+ }
+ hr {
+ margin-top: 32px;
+ }
+}