193 lines
3.2 KiB
CSS
193 lines
3.2 KiB
CSS
body {
|
|
background-color: #1a1a1a;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-family: "Arial";
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
a {
|
|
color: #cccccc;
|
|
text-decoration: none;
|
|
outline: none;
|
|
}
|
|
|
|
a img {
|
|
border: none;
|
|
}
|
|
|
|
#userinfo {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 76px;
|
|
font-family: "Arial";
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
#message {
|
|
color: #cccccc;
|
|
font-family: "Arial";
|
|
font-size: 16px;
|
|
}
|
|
|
|
#poweredby {
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding-top: 20px;
|
|
margin-top: 80px;
|
|
border-top: 1px #444444 solid;
|
|
;
|
|
color: #888888;
|
|
font-family: "Arial";
|
|
font-size: 13px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#logoutlink {
|
|
color: #aaaaaa;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#group {
|
|
display: inline-block;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.cell {
|
|
float: left;
|
|
width: 200px;
|
|
height: 220px;
|
|
}
|
|
|
|
.category-title {
|
|
position:relative;
|
|
display: inline-block;
|
|
color: #cccccc;
|
|
font-size: 24px;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.category-title .tooltip {
|
|
visibility: hidden;
|
|
width: 140px;
|
|
background-color: #333333;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
border-radius: 6px;
|
|
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: 125%;
|
|
left: 50%;
|
|
margin-left: -70px;
|
|
|
|
opacity: 0;
|
|
transition: opacity 0.3s;
|
|
}
|
|
|
|
.category-title .tooltip::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: #333333 transparent transparent transparent;
|
|
}
|
|
|
|
.category-title:hover .tooltip {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.category {
|
|
display: inline-block;
|
|
background-color: #333333;
|
|
width: 140px;
|
|
height: 140px;
|
|
border-radius: 50%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 90px 90px;
|
|
}
|
|
|
|
.category-latest {
|
|
box-shadow: inset 0 0 0 6px #1a1a1a;
|
|
position:relative;
|
|
display: inline-block;
|
|
background-color: #333333;
|
|
width: 84px;
|
|
height: 84px;
|
|
top: -50px;
|
|
left: 50px;
|
|
border-radius: 50%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 60px 60px;
|
|
}
|
|
|
|
#comics {
|
|
background-image: url('{{rootPath}}/theme/home/comics.png');
|
|
}
|
|
|
|
#latest-comics {
|
|
background-image: url('{{rootPath}}/theme/home/comics-new.png');
|
|
}
|
|
|
|
#books {
|
|
background-image: url('{{rootPath}}/theme/home/books.png');
|
|
}
|
|
|
|
#latest-books {
|
|
background-image: url('{{rootPath}}/theme/home/books-new.png');
|
|
}
|
|
|
|
#magazines {
|
|
background-image: url('{{rootPath}}/theme/home/magazines.png');
|
|
}
|
|
|
|
#latest-magazines {
|
|
background-image: url('{{rootPath}}/theme/home/magazines-new.png');
|
|
}
|
|
|
|
#documents {
|
|
background-image: url('{{rootPath}}/theme/home/documents.png');
|
|
}
|
|
|
|
#latest-documents {
|
|
background-image: url('{{rootPath}}/theme/home/documents-new.png');
|
|
}
|
|
|
|
#others {
|
|
background-image: url('{{rootPath}}/theme/home/others.png');
|
|
}
|
|
|
|
#latest-others {
|
|
background-image: url('{{rootPath}}/theme/home/others-new.png');
|
|
}
|
|
|
|
#files {
|
|
background-image: url('{{rootPath}}/theme/home/files.png');
|
|
}
|
|
|
|
#banner {
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100px;
|
|
width: 100%;
|
|
margin-bottom: 60px;
|
|
border-bottom: 1px #444444 solid;
|
|
background-image: url('{{rootPath}}/theme/common/banner.png');
|
|
background-repeat: no-repeat;
|
|
background-position: 20px;
|
|
} |