571 lines
8.7 KiB
CSS
571 lines
8.7 KiB
CSS
/* @override
|
|
http://localhost:8888/themes/openstack/css/home.css
|
|
http://staging.openstack.org/themes/openstack/css/home.css
|
|
*/
|
|
|
|
/* @group homepage */
|
|
|
|
.homePage #header {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
/* @group projects */
|
|
|
|
#subnav li {
|
|
list-style-type: none;
|
|
margin-bottom: 5px;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
|
|
#projects ul, #subnav ul {
|
|
padding-left: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
#subnav ul.standardnav li a {
|
|
display: block;
|
|
padding: 10px 20px 10px 42px;
|
|
text-decoration: none;
|
|
color: black;
|
|
background-color: #e9e9e9;
|
|
background-image: none;
|
|
text-align: right;
|
|
}
|
|
|
|
#subnav ul.standardnav li a:hover {
|
|
background-color: #d6d6d6;
|
|
-webkit-transition:background-color 1s ease-out;
|
|
}
|
|
|
|
.standardnav li.active, .projectsnav li.active {
|
|
background: url(../images/pointer-arrow.gif) no-repeat right center;
|
|
}
|
|
|
|
.projectsnav li a, .standardnav li a {
|
|
margin-right: 40px;
|
|
}
|
|
|
|
|
|
#subnav ul.projectsnav li {
|
|
text-align: right;
|
|
}
|
|
|
|
#projects ul li a, ul.projectsnav li a {
|
|
display: block;
|
|
padding: 7px 20px 7px 20px;
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
#projects ul li a:hover {
|
|
color: #37656e;
|
|
-webkit-transition:color 1s ease-out;
|
|
}
|
|
|
|
ul.projectsnav li.current a {
|
|
background-color: #c4e0e9;
|
|
}
|
|
|
|
ul.standardnav li.current a {
|
|
background-color: #d6d6d6!important;
|
|
}
|
|
|
|
#projects ul {
|
|
background: #D8E9ED; /* old browsers */
|
|
background: -moz-linear-gradient(top, #E4EEF1 0%, #D8E9ED 50%, #CCE4E8 100%); /* firefox */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4EEF1), color-stop(50%,#D8E9ED), color-stop(100%,#CCE4E8)); /* webkit */
|
|
border: 1px solid #b6d8e2;
|
|
font-size: 110%;
|
|
border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
width: 98%;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
#projects ul li {
|
|
list-style-type: none;
|
|
border-bottom: 1px solid #b6d8e2;
|
|
border-top: 1px solid white;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
background: url(../images/details-and-download.gif) no-repeat 90% center;
|
|
}
|
|
|
|
#projects ul li#compute {
|
|
border-top: none;
|
|
}
|
|
|
|
#projects ul li#glance {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
#latest ul {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
#latest ul {
|
|
list-style-type: square;
|
|
color: #da6251;
|
|
}
|
|
|
|
#latest ul li a {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#latest ul li a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#latest p {
|
|
color: #5e5e5e;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#latest .date {
|
|
color: #da6251;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#latest h4 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.opener h1 {
|
|
font-size: 30px;
|
|
margin-bottom: 40px;
|
|
margin-top: 10px;
|
|
color: black;
|
|
}
|
|
|
|
.getStarted img {
|
|
margin-top: -70px;
|
|
margin-left: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.getStarted h3 {
|
|
color: #4f7541;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.getStarted a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#footer p a {
|
|
color: #656565;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.getStarted p {
|
|
background-color: #e0f6d9;
|
|
padding: 7px;
|
|
padding-left: 110px;
|
|
}
|
|
|
|
.getStarted p, .getStarted a, .getStarted a:visited {
|
|
color: #3c3b3a;
|
|
}
|
|
|
|
.opener h2 {
|
|
font-size: 16px;
|
|
color: #4c4c4c;
|
|
}
|
|
|
|
span.tag {
|
|
background-color: #f3f3f3;
|
|
text-align: center;
|
|
padding: 1px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
color: #8b8b8b;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
div.overview {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
|
|
div.overview p {
|
|
text-indent: 0px;
|
|
}
|
|
|
|
div.overview strong {
|
|
color: black;
|
|
}
|
|
|
|
div.overview p.point {
|
|
color: #444;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
#tabWhatIs h2 {
|
|
margin-top: 40px;
|
|
color: black;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
h3.overview {
|
|
margin-bottom: 15px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
#cached {
|
|
padding-top: 10px;
|
|
font-size: 11px;
|
|
color: #9a9a9a;
|
|
}
|
|
|
|
.events p {
|
|
background: #fff9e4;
|
|
border: 1px solid #fbedb4;
|
|
font-size: 110%;
|
|
text-shadow: #fffbf0 0 1px 1px;
|
|
padding: 15px 8px;
|
|
box-shadow: 0px 1px 1px rgba(0,0,0,.5);
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.2);
|
|
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.2);
|
|
}
|
|
|
|
.events h2 {
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* @end */
|
|
|
|
|
|
|
|
|
|
/* @group feeds */
|
|
|
|
div.itemIcon {
|
|
text-align: right;
|
|
padding: 15px 12px 15px 0;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
div.itemIcon strong {
|
|
color: #9c9c9c;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
div.itemContent {
|
|
padding: 15px 5px 15px 0;
|
|
border-bottom: 1px solid #e6e6e6;
|
|
color: #c8c8c8;
|
|
}
|
|
|
|
div.Twitter div.itemIcon strong {
|
|
}
|
|
|
|
div.Blog div.itemIcon strong {
|
|
}
|
|
|
|
div.Web div.itemIcon strong {
|
|
}
|
|
|
|
div.itemContent a, div.itemContent a.visited, div.itemContent a.active {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
span.itemTimeStamp {
|
|
color: #4c99a2;
|
|
}
|
|
|
|
div.feedsOverviewToggle {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.feedsOverviewToggle a, .feedsOverviewToggle a:active, .feedsOverviewToggle a:visited {
|
|
padding: 10px 35px 7px;
|
|
display: block;
|
|
float: left;
|
|
font-size: 14px;
|
|
margin-left: -35px;
|
|
}
|
|
|
|
.feedsOverviewToggle a.selected {
|
|
color: #707070;
|
|
}
|
|
|
|
.onOurBrain .itemContent {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.onOurBrain .itemIcon strong {
|
|
color: #619fa6;
|
|
}
|
|
|
|
.onOurBrain {
|
|
background-color: #f9f9f9;
|
|
border: 1px solid #c5e2ea;
|
|
border-bottom: 1px dotted #c5e2ea;
|
|
}
|
|
|
|
.onOurBrain .itemIcon {
|
|
}
|
|
|
|
.statBlock p {
|
|
font-family: 'PT Sans', serif;
|
|
text-align: center;
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
border-top: 1px solid #d5d5d5;
|
|
font-size: 10px;
|
|
color: #969696;
|
|
}
|
|
|
|
.statBlock p.number {
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
border-top: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
line-height: 1.2em;
|
|
color: #7f7f7f;
|
|
}
|
|
|
|
div.statBlock {
|
|
border: 3px solid #d5d5d5;
|
|
width: 120px;
|
|
-webkit-border-radius: 8px;
|
|
float: left;
|
|
margin-top: 20px;
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
ul#summitCountdown li {
|
|
padding-top: 110px;
|
|
list-style: none;
|
|
margin-bottom: -100px;
|
|
}
|
|
|
|
#summit-splash {
|
|
margin-left: -4px;
|
|
}
|
|
|
|
.summit-buttons {
|
|
border: 1px solid #BCBCBC;
|
|
background-color: #ECECEC;
|
|
padding: 8px;
|
|
padding-left: 10px;
|
|
border-top: none;
|
|
margin-top: -5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.summit-buttons .roundedButton {
|
|
font-size: 120%;
|
|
width: 200px;
|
|
display: inline-block;
|
|
}
|
|
|
|
ul#userStory li {
|
|
padding-top: 210px;
|
|
margin-bottom: -200px;
|
|
}
|
|
|
|
|
|
ul#userStory li#mercado-libre {
|
|
background: url(/themes/openstack/images/homepage/mercado-libre.jpg) no-repeat center top;
|
|
}
|
|
|
|
ul#userStory li#essex-release {
|
|
background: url(/themes/openstack/images/homepage/essex-release.jpg) no-repeat center top;
|
|
}
|
|
|
|
ul#userStory li#cactus {
|
|
background: url(/themes/openstack/images/homepage/cactus-release.jpg) no-repeat center top;
|
|
}
|
|
|
|
ul#userStory li a, ul#quotes li a:visited {
|
|
color: black;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
ul#userStory li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul#userStory li p {
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
ul#userStory p {
|
|
margin-bottom: 0px;
|
|
color: black;
|
|
line-height: 18px!important;
|
|
padding: 10px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
ul#userStory strong {
|
|
color: #2E627F;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
ul#userStory p.name {
|
|
margin-top: 10px;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
color: #9b9b9b;
|
|
text-indent: 0px;
|
|
}
|
|
|
|
ul#userStory p.name strong {
|
|
font-weight: normal;
|
|
color: #494949;
|
|
}
|
|
|
|
p.happening {
|
|
color: #3e5664!important;
|
|
}
|
|
|
|
li#mercado-libre:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.feeds {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
#countries:hover, #members:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#slider, #slider li {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
list-style: none;
|
|
}
|
|
|
|
#sliderWrapper {
|
|
border: 4px solid #CAE1E9;
|
|
}
|
|
|
|
#slider p.top {
|
|
padding: 10px;
|
|
background-color: white;
|
|
min-height: 150px;
|
|
margin: 1px;
|
|
font-family: 'PT Sans', serif;
|
|
font-size: 20px;
|
|
text-shadow: white 0px 1px 1px;
|
|
color: #325C6B!important;
|
|
}
|
|
|
|
#slider span.savings {
|
|
display: block;
|
|
font-size: 130%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#slider p.bottom-buttons {
|
|
border-top: 1px solid #CAE1E9;
|
|
padding: 10px;
|
|
margin-bottom: 0px;
|
|
text-align: center;
|
|
text-shadow: white 0px 1px 1px;
|
|
}
|
|
|
|
p.bottom-buttons a, p.bottom-buttons a:active {
|
|
background-color: #CEE1E8;
|
|
display: inline-block;
|
|
padding: 4px 15px;
|
|
border-radius: 5px;
|
|
margin-right: 5px;
|
|
color: #325C6B!important;
|
|
font-size: 120%
|
|
}
|
|
|
|
p.bottom-buttons a:hover {
|
|
background-color: #A9D6E7;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
|
|
a.pager-link, a.pager-link:active, a.pager-link:hover {
|
|
display: inline-block;
|
|
color: #D5D5D5!important;
|
|
padding: 2px 5px;
|
|
border: 1px solid #D5D5D5;
|
|
margin-right: -1px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
a.pager-active {
|
|
color: #7F7F7F!important;
|
|
}
|
|
|
|
|
|
#midpage-promo a {
|
|
display: block;
|
|
padding: 10px 20px;
|
|
background-color: #C1E4EE;
|
|
border: 1px solid #7ED5EE;
|
|
color: #1D6A95!important;
|
|
font-size: 140%;
|
|
}
|
|
|
|
#midpage-promo {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
#promo-area {
|
|
background-color: #EDF8FC;
|
|
border: 1px solid #C1E4ED;
|
|
padding: 20px 30px;
|
|
font-family: 'PT Sans', serif;
|
|
}
|
|
|
|
.promo-subhead {
|
|
text-transform: uppercase;
|
|
color: #4781A3;
|
|
font-size: 14px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.promo-main {
|
|
margin-top: 0px;
|
|
font-size: 25px;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
#promo-area a {
|
|
|
|
display: block;
|
|
color: white;
|
|
background-color: #B73124;
|
|
font-size: 16px;
|
|
padding: 10px 15px;
|
|
width: 150px;
|
|
|
|
}
|
|
|
|
#promo-area a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|