Now layout is fully bootstrap based
Added hover.css
This commit is contained in:
parent
ba8497fb71
commit
ed41988844
14 changed files with 5138 additions and 201 deletions
109
css/custom.css
109
css/custom.css
|
|
@ -1,19 +1,57 @@
|
|||
body{
|
||||
color:#fff;
|
||||
font-family: 'Abel', sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h3{
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.navbar-header{
|
||||
height: 70px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.navbar-options{
|
||||
padding: 10px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.navbar-options a{
|
||||
margin-left: 10px;
|
||||
color: #000;
|
||||
padding: 10px;
|
||||
background: #CCC;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.navbar-brand img{
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.navbar-header a{
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.site-header{
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
.site-footer{
|
||||
background:#fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.artist-media {
|
||||
width: 100%;
|
||||
max-height: 200px;
|
||||
overflow: hidden;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.artist-media img {
|
||||
|
|
@ -23,22 +61,81 @@ h3{
|
|||
.event{
|
||||
padding:10px;
|
||||
margin:10px;
|
||||
display:none;
|
||||
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)";
|
||||
}
|
||||
|
||||
.event :hover{
|
||||
.event h3{
|
||||
color: #fff;
|
||||
margin-top: 0px;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.upcoming{
|
||||
background: #ccc;
|
||||
display: normal;
|
||||
}
|
||||
|
||||
.talk{
|
||||
padding:10px;
|
||||
background: #fff;
|
||||
height: 300px;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
.talk :hover{
|
||||
}
|
||||
|
||||
.talk_detail{
|
||||
padding:10px;
|
||||
background: #fff;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.talk_detail h3{
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.talk_detail a{
|
||||
background: #fff;
|
||||
color: #000;
|
||||
margin: 0 auto;
|
||||
padding: 2px;
|
||||
float: center;
|
||||
}
|
||||
|
||||
.event-selector{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.event-selector ul{
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.event-selector li{
|
||||
float:left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.event-selector a{
|
||||
display: block;
|
||||
color: #fff;
|
||||
text-size: 20px;
|
||||
}
|
||||
|
||||
.footer{
|
||||
margin-top: 20px;
|
||||
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)";
|
||||
}
|
||||
|
||||
.footer li{
|
||||
list-style-type:none;
|
||||
}
|
||||
|
||||
.footer-supporters li img{
|
||||
margin: 10px;
|
||||
height: 80px;
|
||||
float: left;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue