making upcoming session more visible

added contents for #46
This commit is contained in:
Open-Steps.org 2015-09-01 21:52:43 +02:00
parent c0c9b4bcfc
commit d601d994fe
81 changed files with 39621 additions and 5099 deletions

View file

@ -1,5 +1,5 @@
/*blue 2098d1
lila 9775af*/
lila 5a4b68*/
body {
color: #fff;
font-family: 'Abel', sans-serif;
@ -9,11 +9,11 @@ h3 {
color: #fff;
}
a {
color: #9775af;
color: #5a4b68;
}
a:hover {
text-decoration: none;
color: #9775af;
color: #5a4b68;
cursor: pointer;
}
.small-text{
@ -25,6 +25,9 @@ a:hover {
.right{
float:right;
}
.center{
text-align: center;
}
.menu-icon{
font-size: 20px;
padding-left: 10px;
@ -64,8 +67,8 @@ a:hover {
border-bottom: 4px solid #f8f8f8;
}
.navbar-nav li a:hover {
color: #9775af;
border-bottom: 4px solid #9775af;
color: #5a4b68;
border-bottom: 4px solid #5a4b68;
}
.navigator {
padding: 20px;
@ -77,27 +80,32 @@ a:hover {
.navigator h4 {
}
.navigator a {
color: #000;
.navigator a{
color: #000;
}
.navigator a:hover{
background: #5a4b68;
color: #fff;
}
.navigator p {
color: #000;
padding-left:10px;
}
.navigator a:hover {
color: #fff;
}
.navigator li {
float: left;
margin: 4px;
}
.navigator h3 {
color: #9775af;
color: #5a4b68;
}
.navigator h4 {
color: #9775af;
color: #5a4b68;
padding: 10px;
}
.section-separation{
width: 100%;
background: #000;
}
.share-page li{
float:left;
}
@ -105,8 +113,11 @@ a:hover {
font-size:30px;
padding: 4px;
}
.upcoming {
padding: 10px;
#upcoming{
width: 100%;
background: rgba(0, 0, 0, 1);
padding: 10px;
margin: 40px 0px 0px 0px;
}
.upcoming-media {
width: 100px;
@ -199,8 +210,8 @@ a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF)";
}
.transp-bg {
background: rgb(255,255,255) transparent;
background: rgba(255,255,255, 0.2);
background: rgb(0,0,0) transparent;
background: rgba(0,0,0, 1);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF, endColorstr=#22FFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF, endColorstr=#22FFFFFF)";
}
@ -268,8 +279,8 @@ a:hover {
margin-bottom: 10px;
}
.page-title {
text-align: right;
padding-right: 20px;
text-align: left;
padding-left: 20px;
}
.page-title h3 {
margin-top: 0px;
@ -342,7 +353,7 @@ a:hover {
font-weight: normal;
}
#mc_embed_signup .button {
background-color: #9775af;
background-color: #5a4b68;
clear: both;
border: 0px none;
border-radius: 4px;

View file

@ -1391,7 +1391,7 @@
transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #9775af;
background-color: #5a4b68;
color: white;
}
@ -1419,7 +1419,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
@ -1463,7 +1463,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
@ -1507,7 +1507,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
@ -1551,7 +1551,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
@ -1595,7 +1595,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
@ -1641,7 +1641,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
@ -1687,7 +1687,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
@ -1733,7 +1733,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
@ -1781,7 +1781,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
@ -1812,7 +1812,7 @@
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
background: #9775af;
background: #5a4b68;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
@ -1856,7 +1856,7 @@
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #9775af;
background: #5a4b68;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
@ -1913,7 +1913,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
@ -1942,7 +1942,7 @@
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #9775af;
background: #5a4b68;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
@ -2001,7 +2001,7 @@
bottom: 0;
left: 0;
right: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
@ -2032,7 +2032,7 @@
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #9775af;
background: #5a4b68;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
@ -2091,7 +2091,7 @@
bottom: 0;
left: 0;
right: 0;
background: #9775af;
background: #5a4b68;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
@ -2130,7 +2130,7 @@
/* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #9775af, 0 0 1px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 4px #5a4b68, 0 0 1px rgba(0, 0, 0, 0);
/* Hack to improve aliasing on mobile/tablet devices */
}
@ -2388,7 +2388,7 @@
left: 0;
right: 100%;
bottom: 0;
background: #9775af;
background: #5a4b68;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
@ -2421,7 +2421,7 @@
left: 50%;
right: 50%;
bottom: 0;
background: #9775af;
background: #5a4b68;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
@ -2455,7 +2455,7 @@
left: 100%;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
@ -2488,7 +2488,7 @@
left: 0;
right: 100%;
top: 0;
background: #9775af;
background: #5a4b68;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
@ -2521,7 +2521,7 @@
left: 50%;
right: 50%;
top: 0;
background: #9775af;
background: #5a4b68;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
@ -2555,7 +2555,7 @@
left: 100%;
right: 0;
top: 0;
background: #9775af;
background: #5a4b68;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
@ -2589,7 +2589,7 @@
right: 0;
top: 0;
bottom: 0;
border-color: #9775af;
border-color: #5a4b68;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
@ -2625,7 +2625,7 @@
left: 0;
right: 0;
bottom: 0;
background: #9775af;
background: #5a4b68;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
@ -2661,7 +2661,7 @@
left: 0;
right: 0;
top: 0;
background: #9775af;
background: #5a4b68;
height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);