You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@stratos.apache.org by bu...@apache.org on 2014/05/19 07:51:55 UTC
svn commit: r909236 - in /websites/staging/stratos/trunk/content: ./
css/stratos-v3.css
Author: buildbot
Date: Mon May 19 05:51:55 2014
New Revision: 909236
Log:
Staging update by buildbot for stratos
Added:
websites/staging/stratos/trunk/content/css/stratos-v3.css
Modified:
websites/staging/stratos/trunk/content/ (props changed)
Propchange: websites/staging/stratos/trunk/content/
------------------------------------------------------------------------------
--- cms:source-revision (original)
+++ cms:source-revision Mon May 19 05:51:55 2014
@@ -1 +1 @@
-1595742
+1595747
Added: websites/staging/stratos/trunk/content/css/stratos-v3.css
==============================================================================
--- websites/staging/stratos/trunk/content/css/stratos-v3.css (added)
+++ websites/staging/stratos/trunk/content/css/stratos-v3.css Mon May 19 05:51:55 2014
@@ -0,0 +1,827 @@
+/*h1, h2, h3, p {
+ font-family: 'Noto Sans', sans-serif;
+}
+h1, h2, h3 {
+font-family: 'Cabin Sketch', cursive;
+}
+h1 {
+ margin: 30px 0px 40px 0px;
+ font-size: 44px;
+}
+h2 {
+ margin: 40px 0px 20px 0px;
+ color: #1675a5;
+}
+h3 {
+ font-size: 18px;
+}
+.span12 {
+ padding-bottom: 30px;
+ background-color: #ffffff;
+margin-left: 0px;
+
+}
+.row {
+ margin-left: 0px;
+}
+.navbar-inverse .navbar-inner {
+ background-color: #ffffff;
+ background-image: none;
+ border-color: #14c3f3;
+
+}
+.navbar-inner {
+ background-image: none;
+ background-color: #0066a0;
+}
+
+.navbar-inverse .brand, .navbar-inverse .nav > li > a {
+ color: #00638a;
+ padding-top: 20px;
+}
+.navbar-inverse .brand {
+ color: #ffffff;
+ background-image:url('../images/apache-stratos-logo.jpg');
+ background-repeat: no-repeat;
+ height: 40px;
+ width: 150px;
+ background-position: left;
+background-color: #ffffff;
+margin-left: 10px;
+}
+.navbar .nav > li > a {
+ text-shadow: none;
+ padding-top: 26px;
+ font-weight: bold;
+ padding-bottom: 25px;
+ cursor: pointer;
+}
+.navbar .nav > li > a:hover {
+ color: #14c3f3;
+}
+
+.row:before, .row:after {
+ margin-top: 20px;
+}
+.hero-unit {
+ margin-top: -8px;
+ padding: 0px;
+ background-image:url('/images/apache-stratos-homepage-bg2.jpg');
+ background-repeat: no-repeat;
+padding: 180px 60px 45px;
+padding: 0px;
+ background-position: top left;
+ background-color: #026f97;
+}
+.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
+ box-shadow: none;
+
+}
+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
+ background-color : #14c3f3;
+}
+.nav-collapse {
+ float: right;
+}
+.dropdown-menu {
+ border-radius: 0px;
+}
+.footer {
+ background: #e3e3e3;
+ padding: 10px;
+}
+.cContentWrapper {
+ display: inline-block;
+}
+.cHomepageContent {
+ float: left;
+ display: inline-block;
+ width: 71%;
+ padding-right: 30px;
+ border-right: 1px solid #14C3F3;
+}
+.cRightCol {
+ display: inline-block;
+ float: right;
+ width: 25%;
+}
+.cEvents {
+ display: inline-block;
+ float: right;
+ border: 1px solid #c6eef9;
+ padding-bottom: 20px;
+}
+.cHomepageContent h1 {
+ margin-top: 20px;
+ margin-bottom: 30px;
+}
+.cButton {
+ border: 1px solid #14c3f3;
+ border-radius: 7px;
+ color: #00638a;
+ display: inline-block;
+ font-family: Arial,Helvetica,Verdena;
+ font-size: 14px;
+ font-weight: bold;
+ height: 24px;
+ line-height: 24px;
+ padding: 10px 40px;
+ text-align: center;
+ margin-top: 20px;
+ text-decoration: none;
+ margin: auto;
+}
+.cButton.cVote {
+ font-size: 20px;
+ margin-top: 16px;
+ background: #ffd800;
+ color: #000000;
+ border: none;
+}
+
+a.cVote:hover {
+ background: #ffffff;
+ text-decoration: none;
+}
+
+.cTimeAndDate {
+ padding-top: 10px;
+ text-align: center;
+ font-size: 18px;
+}
+.cTimeAndDate span {
+ display: block;
+ margin-bottom: 10px;
+ padding-top: 7px;
+ padding-bottom: 7px;
+}
+
+.cNews {
+ display: inline-block;
+ float: right;
+ border: 1px solid #c6eef9;
+ padding-bottom: 20px;
+ width: 249px;
+ padding: 10px;
+ text-align: center;
+ background: #02648b;
+ color: #ffffff;
+ margin-bottom: 30px;
+}
+.cNews a {
+ color: #ffd800;
+}
+.cNews a:hover {
+ font-weight: bold;
+}
+.cNews .cTitle {
+ font-size: 18px;
+}
+
+.footer .container p {
+ font-size: 12px;
+ text-align: right;
+ color: #777777;
+}
+.footer .container a {
+ color: #00638a;
+}
+.cFooterContainer {
+ display: inline-block;
+ float: right;
+}
+.cApacheIncubatorLogo {
+ display: inline-block;
+ float: left;
+ background-color: #ffffff;
+ margin-top: 8px;
+}
+.cDisclaimer {
+
+}
+.cDisclaimer h3 {
+ font-size: 16px;
+ font-weight: bold;
+ color: #14c3f3;
+}
+.cDisclaimer p {
+ color: #03678e;
+ font-size: 10px;
+ font-size: 12px;
+ line-height: 17px;
+
+}
+td {
+ padding: 10px;
+ vertical-align: top;
+ border-bottom: 1px solid #8fe2f9;
+}
+
+LightBox
+
+#wrapper {
+ width:600px;
+ margin:0 auto;
+ border-radius:0 0 5px 5px;
+ -moz-border-radius:0 0 5px 5px;
+ -webkit-border-radius: 0 0 5px 5px;
+ background:#fff;
+ border:1px solid #ccc;
+ padding:25px;
+ border-top:none;
+ box-shadow:0 0 5px #ccc;
+ -moz-box-shadow:0 0 5px #ccc;
+ -webkit-box-shadow:0 0 5px #ccc;
+ text-align:left;
+}
+#lightbox {
+ position:fixed;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ background:url(../images/overlay.png) repeat;
+ text-align:center;
+}
+#lightbox p {
+ text-align:right;
+ color:#fff;
+ margin-right:20px;
+ font-size:12px;
+}
+#lightbox img {
+ box-shadow:0 0 25px #111;
+ -webkit-box-shadow:0 0 25px #111;
+ -moz-box-shadow:0 0 25px #111;
+ max-width:940px;
+}
+
+Lightbox end
+
+Hangout page
+
+.date {
+ padding: 20px;
+ display: inline-block;
+ color: #ffffff;
+ font-size: 20px;
+ background: #13c3f2;
+ border-radius: 0px 0px 20px 0px;
+
+}
+.cVideoContainer {
+ display: inline-block;
+ padding: 5px;
+ float: left;
+ border: 1px solid #14c3f2;
+ width: 640px;
+}
+.cSlidecontainer {
+ padding: 5px;
+ display: inline-block;
+ float: left;
+ width: 342px;
+ border: 1px solid #acdeec;
+ margin-left: 40px;
+}
+.cAgenda {
+ display: inline-block;
+ float: left;
+ width: 100%;
+ padding-bottom: 30px;
+
+}
+.navbar .nav > li > a.cHangoutLink {
+ padding: 24px;
+ float: right;
+ font-size: 14px;
+ font-weight: bold;
+padding-left: 40px;
+ background-image:url('../images/hangout-icon.png');
+ background-repeat: no-repeat;
+ background-position: left;
+}
+.cHangoutLinkcontainer {
+ margin-left: 280px;
+}
+ //// Social Media Buttons ////
+.cSocialMediaButtons {
+
+}
+.cSocialMediaButtonContainer {
+ padding: 20px 0px 20px 0px;
+ margin-left: 86px;
+}
+
+a.facebook , a.twitter , a.linkedIn , a.googlePlus {
+ height: 29px;
+ width: 29px;
+ float: left;
+ display: inline-block;
+ background-image:url('../images/social-media-buttons.png');
+ background-repeat: no-repeat;
+ margin-left: 2px;
+ outline: none;
+}
+a.facebook {
+ background-position: 0px -156px;
+}
+a.facebook:hover {
+ background-position: 0px 0px;
+}
+a.twitter {
+ background-position: 0px -195px;
+}
+a.twitter:hover {
+ background-position: 0px -39px;
+}
+a.linkedIn {
+ background-position: 0px -234px;
+}
+a.linkedIn:hover {
+ background-position: 0px -78px;
+}
+a.googlePlus {
+ background-position: 0px -273px;
+}
+a.googlePlus:hover {
+ background-position: 0px -117px;
+}
+
+
+ //// Social Media Buttons end ////
+
+.cHangout {
+ display: inline-block;
+ margin-bottom: 30px;
+ background: #f5f5f5;
+ padding: 0px 20px 20px 0px;
+ width: 100%;
+ position: relative;
+ border-top: 1px solid #13C3F2;
+ border-bottom: 1px solid #b9b9b9;
+}
+Hangout page end
+
+a.git {
+
+ background-image:url('../images/giticon.png');
+ background-repeat: no-repeat;
+ height: 82px;
+ width: 293px;
+ background-position: left;
+background-color: transparent;
+display: inline-block;
+border: 1px solid #dcdcdc;
+border-radius: 8px;
+}
+a.git:hover {
+ background-image:url('../images/giticon2.png');
+}
+
+
+
+Mobile layout
+.navbar-inverse .btn-navbar {
+ background-color: #00638a;
+}
+@media screen and (max-width: 979px) {
+ .navbar .nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 11px;
+ border-bottom: 1px solid #14c3f3;
+ background: #1675a5;
+ color: #ffffff;
+}
+
+.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
+ color: #025f88;
+ border-bottom: 1px solid #14c3f3;
+}
+.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
+ background: #ffffff;
+}
+.navbar-inverse .brand {
+ width: 111px;
+ margin-top: -11px;
+
+}
+.navbar .nav > li.cHangoutLinkcontainer {
+ margin-left: 0px;
+}
+.cSlidecontainer {
+ float: left;
+ margin-left: 0px;
+}
+.dropdown-menu a:focus{
+ background-color:#ffffff;
+ color: #44c5f6;
+}
+}
+
+@media screen and (max-width: 1300px) {
+
+ .navbar .nav > li.cHangoutLinkcontainer {
+ margin-left: 0px;
+ }
+ .cSocialMediaButtonContainer {
+ margin-left:54px;
+ }
+ .navbar-inverse .brand {
+ width: 137px;
+ }
+ .cHomepageContent {
+ width: 64%;
+ border-left: none;
+ border-bottom: 1px solid #14C3F3;
+ }
+ .cRightCol {
+ display: inline-block;
+ margin-top: 20px;
+ width: 20%;
+ }
+
+}
+
+
+@media screen and (max-width: 979px) {
+
+ .cHomepageContent {
+ width: 100%;
+ border-right: none;
+ padding-bottom: 30px;
+ margin-bottom: 30px;
+ border-bottom: 1px solid #14C3F3;
+ }
+ .cRightCol {
+ display: inline-block;
+ margin-top: 20px;
+ width: 100%;
+ }
+ .cEvents.cNews {
+ padding: 12px;
+ width: 97%;
+ }
+ .cEvents {
+ width: 100%;
+ }
+ .cTimeAndDate {
+ display: inline-block;
+ }
+ .cTimeAndDate span {
+ display: inline-block;
+ padding-left: 20px;
+ }
+
+ .cButton.cVote, .cButton {
+ width: 60%;
+ margin: auto;
+ margin-top: 20px;
+
+ }
+ .row:before, .row:after {
+ margin-top: 74px;
+ }
+}
+
+
+
+
+
+
+@media screen and (max-width: 480px) {
+
+ .cSocialMediaButtonContainer {
+ margin-left: 0px;
+ }
+ .cHomepageContent {
+ width: 100%;
+ display: block;
+ }
+ .cNews {
+ margin-top: 30px;
+ }
+ .cRightCol {
+ width: 100%;
+ }
+ .cButton {
+ display: block;
+ margin-left: 20px;
+ }
+ .cTimeAndDate span {
+ padding: 20px;
+ }
+ .cButton.cVote , .cButton {
+ margin: auto;
+ margin-top: 20px;
+ width: 40%;
+ }
+ .row:before, .row:after {
+ margin-top: -20px;
+ }
+}
+
+
+*/
+
+body {
+ background-image:url('../images/v3/page-bg.jpg');
+ background-repeat: repeat-x;
+ background-position: top center;
+ font-family: 'Oxygen', sans-serif;
+
+}
+.cContentWrapper {
+ padding-bottom: 50px;
+}
+.clear {
+ display: none;
+}
+.navbar-inverse .brand {
+ color: #ffffff;
+ background-image:url('../images/apache-stratos-logo.jpg');
+ background-repeat: no-repeat;
+ height: 40px;
+ width: 150px;
+ background-position: left;
+background-color: #ffffff;
+margin-left: 10px;
+}
+.navbar .nav {
+ float: right;
+}
+.navbar-inverse .navbar-inner {
+ background-color: #ffffff;
+ background-image: none;
+ border-bottom: 1px solid #d3d3d3;
+}
+.hero-unit {
+ background-color: transparent;
+ text-align: center;
+}
+.hero-unit img {
+ margin-bottom: 40px;
+}
+.hero-unit p {
+ color: #1D505F;
+ line-height: 16px;
+ font-size: 14px;
+ font-weight: normal;
+}
+h2 {
+ font-size: 48px;
+ font-weight: normal;
+ color: #1D505F;
+ margin-bottom: 50px;
+}
+h2 span {
+ font-weight: bold;
+}
+h3 {
+ color: #515151;
+ font-size: 24px;
+ font-weight: bold;
+}
+.cContentWrapper {
+
+}
+.cFeatures {
+ display: inline-block;
+ width: 100%;
+ padding-top: 50px;
+ border-top: 1px solid #d3d3d3;
+ border-bottom: 1px solid #d3d3d3;
+ padding-bottom: 50px;
+/* background: #ff0066;*/
+}
+.cFeatures .cBox {
+ width: 231px;
+ display: inline-block;
+ float: left;
+ padding: 30px;
+ text-align: center;
+ min-height: 235px;
+ position: relative;
+/* background: #6699ff;*/
+}
+.cFeatures .cBox.cBorderL {
+ border-left: 1px solid #d3d3d3;
+
+}
+.cFeatures .cBox.cBorderR {
+ border-right: 1px solid #d3d3d3;
+}
+.cFeatures .cBox p {
+ font-size: 12px;
+}
+.cFeatures .cBox a.cIcon {
+ background-image:url('../images/v3/icons.png');
+ width: 105px;
+ height: 60px;
+ display: inline-block;
+}
+
+a.cIcon.tenancy {
+ background-position: 0px 0px;
+}
+a.cIcon.tenancy:hover {
+ background-position: 0px -70px;
+}
+a.cIcon.scale {
+ background-position: 0px -140px;
+}
+a.cIcon.scale:hover {
+ background-position: 0px -210px;
+}
+a.cIcon.cloud {
+ background-position: 0px -280px;
+}
+a.cIcon.cloud:hover {
+ background-position: 0px -350px;
+}
+a.cIcon.identity {
+ background-position: 0px -420px;
+}
+a.cIcon.identity:hover {
+ background-position: 0px -490px;
+}
+
+.cFeatures .cBox h3 {
+ font-size: 18px;
+ line-height: 22px;
+}
+a.cReadmore {
+ color: #00A8FF;
+ background-image:url('../images/v3/readmoreIcon.png');
+ background-position: right;
+ padding-right: 14px;
+ background-repeat: no-repeat;
+}
+.cBox a.cReadmore {
+ position: absolute;
+ margin: auto;
+ bottom: 20px;
+ left: 0px;
+ right: 0px;
+ display: inline-block;
+ width: 75px;
+}
+
+.cColContainer {
+ display: inline-block;
+ padding-top: 50px;
+}
+.cColLeft {
+ padding-right: 30px;
+ border-right: 1px solid #d3d3d3;
+ display: inline-block;
+ float: left;
+ width: 845px;
+}
+.cColRight {
+ padding-left: 30px;
+ display: inline-block;
+ float: right;
+ width: 260px;
+ text-align: left;
+}
+.cSection {
+ padding-bottom: 50px;
+}
+.cCartridges {
+ display: inline-block;
+ padding-top: 50px;
+ padding-bottom: 50px;
+ border-bottom: 1px solid #d3d3d3;
+}
+.cCartridges a {
+ display: inline-block;
+ float: left;
+ padding: 20px;
+}
+.cCartridges a img {
+ height: 40px;
+}
+.footer {
+ background: #1D505F;
+ padding: 50px;
+}
+.cFootermenuBlock {
+ display: inline-block;
+ float: left;
+ width: 140px;
+ padding-right: 20px;
+}
+.cFootermenuBlock a {
+ color: #D3F5FF;
+ font-size: 12px;
+}
+.cFootermenuBlock ul {
+ padding: 0px;
+ margin: 0px;
+}
+.cFootermenuBlock ul li {
+ list-style: none;
+}
+.cfooterTitle {
+ font-weight: bold;
+ font-size: 14px !important;
+ margin-bottom: 10px;
+ display: inline-block;
+}
+.cDisclaimer {
+ font-size: 10px;
+ line-height: 14px;
+ width: 100%;
+ color: #d7d7d7;
+ display: inline-block;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ border-top: 1px solid #317787;
+ margin-top: 50px;
+ text-align: left;
+}
+.cDisclaimer h3 {
+ color: #d7d7d7;
+ font-size: 16px;
+}
+
+
+
+
+
+@media screen and (max-width: 979px) {
+ .cFeatures .cBox{
+ width: 174px !important;
+ }
+ .clear {
+ display:block;
+ }
+ .cColLeft {
+ width: 55%;
+ }
+ .cColRight {
+ width: 44%;
+ }
+ .cFooterMenu {
+ display:none;
+ }
+ .cDisclaimer {
+ border:none;
+ margin:0px;
+ padding:0px;
+ }
+ .navbar .nav {
+ width: 100%;
+ }
+ .hero-unit {
+ padding:0px;
+ }
+}
+
+@media screen and (max-width: 480px) {
+ .cFeatures .cBox {
+ border:none;
+ width:100% !important;
+ padding:0px;
+ padding-top:20px;
+ padding-bottom:20px;
+ border-top:1px solid #317787 !important;
+ }
+ .cFeatures {
+ border:none;
+ padding-top:0px;
+ }
+ h2 {
+ line-height: 54px;
+ }
+ .cFeatures .cBox.cBorderL , .cFeatures .cBox.cBorderR {
+ border:none;
+ }
+ .cColLeft {
+ width:100%;
+ display:block;
+ padding:0px;
+ }
+ .cColRight {
+ width:100%;
+ display:block;
+ float: left
+ paddinng:0px;
+ }
+ .cColLeft {
+ border:none;
+ }
+ .cBox a.cReadmore {
+ padding: 10px 30px 10px 30px;
+ background: #00A8FF;
+ color: #ffffff;
+ border-radius: 7px;
+ }
+ .footer .cColRight p {
+ color: #ffffff;
+ font-size: 10px;
+ line-height: 12px;
+ margin-top: 40px;
+ }
+}
\ No newline at end of file