update
This commit is contained in:
132
css/style.css
Normal file
132
css/style.css
Normal file
@@ -0,0 +1,132 @@
|
||||
/* ************** ALLGEMEIN ****************************************
|
||||
*****************************************************************/
|
||||
|
||||
*{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-family: Arial, sans-serif;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
html body{
|
||||
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%);
|
||||
}
|
||||
|
||||
#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%);
|
||||
}
|
||||
|
||||
|
||||
#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);
|
||||
}
|
||||
|
||||
#contentwrapper {
|
||||
padding-top: 1%;
|
||||
width: 100%;
|
||||
height:50%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#sidenav {
|
||||
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;
|
||||
}
|
||||
#timeline {
|
||||
height: 90%;
|
||||
}
|
||||
#player {
|
||||
height: 10%;
|
||||
}
|
||||
#playerlistsec {
|
||||
width: 29%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
|
||||
footer{
|
||||
height: 20%;
|
||||
width: 100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* ************** NAV ****************************************
|
||||
*****************************************************************/
|
||||
#playerlistsec.menu {
|
||||
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;
|
||||
|
||||
}
|
||||
#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%);
|
||||
}
|
||||
|
||||
#sidenav li {
|
||||
height: 50px;
|
||||
width: 100px;
|
||||
|
||||
}
|
||||
#sidenav ul {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user