stubbfel/mlib5
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

Browse Source
This commit is contained in:
user
2013-03-09 14:59:29 +01:00
parent 44afc36ead
commit 7b25d7e446
7 changed files with 492 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
css/style.css
View File

@@ -6,127 +6,126 @@
padding: 0px;
font-family: Arial, sans-serif;
width: 100%;
height: 100%;
height: 100%;
}
html body{
background: #FFF;
width: 100%;
height: 100%;
background: #FFF;
width: 100%;
height: 100%;
}
/* ************** LAYOUT ****************************************
*****************************************************************/
#wrapper {
width: 100%;
height: 100%;
background:linear-gradient(to bottom, rgba(0,0,0,0) 80%,rgba(0,0,0,0.65) 100%);
width: 100%;
height: 100%;
background:linear-gradient(to bottom, rgba(0,0,0,0) 80%,rgba(0,0,0,0.65) 100%);
}
#mlibheader{
width: 100%;
height: 20%;
max-height: 100px;
min-height: 50px;
line-height: 100px;
float: left;
text-align: center;
font-size: 48px;
font-weight: 500;
color: #FFF;
background: linear-gradient(to right, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
width: 100%;
height: 20%;
max-height: 100px;
min-height: 50px;
line-height: 100px;
float: left;
text-align: center;
font-size: 48px;
font-weight: 500;
color: #FFF;
background: linear-gradient(to right, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
}
#breadcrumb{
height:10%;
width: 100%;
max-height:30px;
min-height: 10px;
float:left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: rgba(155,155,155,1);
}
height:10%;
width: 100%;
max-height:30px;
min-height: 10px;
float:left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: rgba(155,155,155,1);
}
#contentwrapper {
padding-top: 1%;
width: 100%;
height:50%;
float:left;
padding-top: 1%;
width: 100%;
height:50%;
float:left;
}
#sidenav {
width: 29%;
float:left;
height:49%;
}
width: 29%;
float:left;
height:49%;
}
#playersec {
width: 40%;
float:left;
margin-left: 1%;
margin-right : 1%;
margin-bottom: auto;
background: linear-gradient(to bottom, rgba(155,155,155,1) 0%,rgba(14,14,14,1) 100%);
vertical-align: bottom;
}
width: 40%;
float:left;
margin-left: 1%;
margin-right : 1%;
margin-bottom: auto;
background: linear-gradient(to bottom, rgba(155,155,155,1) 0%,rgba(14,14,14,1) 100%);
vertical-align: bottom;
}
#timeline {
height: 90%;
}
#player {
height: 10%;
}
height: 90%;
}
#player {
height: 10%;
}
#playerlistsec {
width: 29%;
float:left;
}
width: 29%;
float:left;
}
footer{
height: 20%;
width: 100%;
float:left;
height: 20%;
width: 100%;
float:left;
}
/* ************** NAV ****************************************
/* ************** NAV ****************************************
*****************************************************************/
#playerlistsec.menu {
list-style-type: none;
width: 97%;
}
list-style-type: none;
width: 97%;
}
#playerlistsec .menu li {
height: 5%;
min-height: 50px;
line-height: 50px;
list-style-type: none;
text-align: center;
vertical-align: middle;
margin-bottom: 1%;
background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
cursor: pointer;
float: left;
}
height: 5%;
min-height: 50px;
line-height: 50px;
list-style-type: none;
text-align: center;
vertical-align: middle;
margin-bottom: 1%;
background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
cursor: pointer;
float: left;
}
#playerlistsec .menu li.subli{
width: auto;
height: 3%;
min-height: 30px;
line-height: 30px;
margin: 1%;
padding-left: 5px;
padding-right: 5px;
float: left;
background: linear-gradient(to left, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
width: auto;
height: 3%;
min-height: 30px;
line-height: 30px;
margin: 1%;
padding-left: 5px;
padding-right: 5px;
float: left;
background: linear-gradient(to left, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);
}
#sidenav li {
height: 50px;
width: 100px;
}
#sidenav ul {
margin-left: 50px;
}
height: 50px;
width: 100px;
}
#sidenav ul {
margin-left: 50px;
}