beautified html & js
This commit is contained in:
Open-Steps.org
parent
fe460c0a2e
commit
a777ddada6
15 changed files with 648 additions and 753 deletions
409
css/custom.css
409
css/custom.css
|
|
@ -1,40 +1,33 @@
|
|||
/*blue 2098d1
|
||||
lila 9775af*/
|
||||
|
||||
body{
|
||||
color:#fff;
|
||||
font-family: 'Abel', sans-serif;
|
||||
font-size: 16px;
|
||||
body {
|
||||
color: #fff;
|
||||
font-family: 'Abel', sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h3{
|
||||
color:#fff;
|
||||
h3 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #9775af;
|
||||
a {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration: none;
|
||||
color: #9775af;
|
||||
cursor: pointer;
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #9775af;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.top-button{
|
||||
display:none;
|
||||
float:right;
|
||||
.top-button {
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.navbar-header{
|
||||
padding-left: 20px;
|
||||
.navbar-header {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.navbar-options{
|
||||
padding: 10px;
|
||||
float:right;
|
||||
.navbar-options {
|
||||
padding: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*.navbar-options a{
|
||||
margin-left: 10px;
|
||||
color: #000;
|
||||
|
|
@ -43,273 +36,213 @@ a:hover{
|
|||
font-size: 18px;
|
||||
}*/
|
||||
|
||||
.navbar-brand img{
|
||||
height: 30px;
|
||||
.navbar-brand img {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.navbar-header a{
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.navbar-nav li a{
|
||||
color:#000;
|
||||
border-bottom: 4px solid #f8f8f8;
|
||||
}
|
||||
|
||||
.navbar-nav li a:hover{
|
||||
color:#9775af;
|
||||
border-bottom: 4px solid #9775af;
|
||||
}
|
||||
|
||||
.navigator{
|
||||
padding:20px;
|
||||
background: #fff;
|
||||
margin-top:40px;
|
||||
border-top: 1px solid #333;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.navigator a{
|
||||
.navbar-header a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.navigator a:hover{
|
||||
.navbar-nav li a {
|
||||
color: #000;
|
||||
border-bottom: 4px solid #f8f8f8;
|
||||
}
|
||||
.navbar-nav li a:hover {
|
||||
color: #9775af;
|
||||
border-bottom: 4px solid #9775af;
|
||||
}
|
||||
.navigator {
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
margin-top: 40px;
|
||||
border-top: 1px solid #333;
|
||||
display: none;
|
||||
}
|
||||
.navigator a {
|
||||
color: #000;
|
||||
}
|
||||
.navigator a:hover {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
.navigator li{
|
||||
.navigator li {
|
||||
float: left;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.navigator h3{
|
||||
color:#9775af;
|
||||
.navigator h3 {
|
||||
color: #9775af;
|
||||
}
|
||||
|
||||
.navigator h4{
|
||||
color:#000;
|
||||
padding-left:0px;
|
||||
.navigator h4 {
|
||||
color: #000;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.upcoming{
|
||||
.upcoming {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.upcoming-media img{
|
||||
.upcoming-media img {
|
||||
height: 80px;
|
||||
float: left;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
|
||||
.site-header{
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
.site-footer{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content{
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.event-date{
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.event-date a{
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.event-date p{
|
||||
color: #fff;
|
||||
.site-header {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.event-date h3{
|
||||
font-size: 96px;
|
||||
padding-right: 10px;
|
||||
.site-footer {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.event-date h4{
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
padding-right: 10px;
|
||||
.content {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.event-date li{
|
||||
list-style:none;
|
||||
padding-right: 10px;
|
||||
.event-date {
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.event-date a {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.event-date p {
|
||||
color: #fff;
|
||||
}
|
||||
.event-date h3 {
|
||||
font-size: 96px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.event-date h4 {
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.event-date li {
|
||||
list-style: none;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.artist-media {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
background: #000;
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.artist-media{
|
||||
background: #000;
|
||||
text-align:center;
|
||||
.artist-media {
|
||||
background: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.artist-media img{
|
||||
width:100%;
|
||||
.artist-media img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.event{
|
||||
#padding:10px;
|
||||
margin-bottom: 10px;
|
||||
.event {
|
||||
#padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.highlight{
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 2px 10px;
|
||||
.highlight {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
|
||||
.dark_bg{
|
||||
#padding: 10px;
|
||||
background: rgb(0, 0, 0) transparent;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
|
||||
.dark_bg {
|
||||
#padding: 10px;
|
||||
background: rgb(0, 0, 0) transparent;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
|
||||
}
|
||||
|
||||
.talk{
|
||||
padding:20px 5px;
|
||||
.talk {
|
||||
padding: 20px 5px;
|
||||
}
|
||||
|
||||
.talk :hover{
|
||||
.talk:hover {} .talk-detail {} .talk-detail h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.talk-detail{
|
||||
|
||||
.talk-detail h4 {
|
||||
font-size: 20px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.talk-detail h3{
|
||||
font-size: 24px;
|
||||
.talk-detail h5 {
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.talk-detail h4{
|
||||
font-size: 20px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
.talk-detail a {
|
||||
margin: 0 auto;
|
||||
padding: 2px;
|
||||
float: center;
|
||||
text-weight: bold;
|
||||
}
|
||||
|
||||
.talk-detail h5{
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
.event-selector {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.talk-detail a{
|
||||
margin: 0 auto;
|
||||
padding: 2px;
|
||||
float: center;
|
||||
text-weight: bold;
|
||||
.event-selector ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.event-selector{
|
||||
text-align: center;
|
||||
.event-selector li {
|
||||
float: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.event-selector ul{
|
||||
list-style:none;
|
||||
.event-selector a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.event-selector li{
|
||||
float:left;
|
||||
margin: 10px;
|
||||
.gallery {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.event-selector a{
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
.team li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.gallery{
|
||||
margin-bottom:10px;
|
||||
.team-image img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.team li{
|
||||
list-style-type:none;
|
||||
.team-list {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.team-image img{
|
||||
width: 100%;
|
||||
.nav_bottom {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.team-list{
|
||||
text-align: left;
|
||||
.page-title {
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.nav_bottom{
|
||||
margin-bottom:10px;
|
||||
.page-title h3 {
|
||||
margin-top: 0px;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.page-title{
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
.about h5 {
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.page-title h3{
|
||||
margin-top: 0px;
|
||||
font-size: 48px;
|
||||
.footer {
|
||||
margin-top: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.about h5{
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
.footer li {
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer{
|
||||
margin-top:10px;
|
||||
background: #fff;
|
||||
.footer h4 {
|
||||
list-style-type: none;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.footer li{
|
||||
list-style-type:none;
|
||||
float: left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer h4{
|
||||
list-style-type:none;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.supporters li{
|
||||
.supporters li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.supporters li img{
|
||||
height: 60px;
|
||||
margin: 10px;
|
||||
.supporters li img {
|
||||
height: 60px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.footer-support{
|
||||
float: right;
|
||||
.footer-support {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.footer li {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.footer li a:hover{
|
||||
.footer li a:hover {
|
||||
color: #000;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.footer li img{
|
||||
height:40px;
|
||||
.footer li img {
|
||||
height: 40px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue