95 lines
1018 B
CSS
95 lines
1018 B
CSS
* {box-sizing: border-box;}
|
|
.wrapper {
|
|
display: grid;
|
|
grid-gap: 10px;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #F8F9F9;
|
|
grid-template-columns: 200px 1fr;
|
|
|
|
}
|
|
|
|
.box {
|
|
background-color: #F2F3F4;
|
|
border-radius: 1px;
|
|
|
|
}
|
|
|
|
.navcolumn {
|
|
grid-column: 1;
|
|
grid-row: 2 / span 2;
|
|
border-style: double;
|
|
}
|
|
|
|
.navcolumnImage {
|
|
padding-right: 10%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.liNavcolumn {
|
|
padding: 0;
|
|
}
|
|
|
|
.liNavcolumn:hover {
|
|
background-color: grey;
|
|
|
|
}
|
|
|
|
.navsettings {
|
|
grid-column: 1 / span 2;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.imagezoom {
|
|
height: 50px;
|
|
}
|
|
|
|
|
|
.imagezoom:hover {
|
|
background-color: grey;
|
|
}
|
|
|
|
|
|
.torrentlist {
|
|
grid-column: 2;
|
|
grid-row: 2;
|
|
border-style: double;
|
|
min-height: 400px;
|
|
}
|
|
|
|
.torrentdetails {
|
|
grid-column: 2;
|
|
grid-row: 3;
|
|
border-style: double;
|
|
min-height: 100px;
|
|
}
|
|
|
|
ul.none {
|
|
list-style-type: none;
|
|
padding: 0 2% 0 0;
|
|
}
|
|
|
|
|
|
li.top {
|
|
display: inline;
|
|
}
|
|
|
|
|
|
hr {
|
|
border-width: 2px;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
.activeButton {
|
|
background-color: red;
|
|
}
|
|
|
|
.tab {
|
|
display: none;
|
|
}
|
|
|
|
.defaultTab {
|
|
display: initial;
|
|
}
|