Original Theme

home/homepage.css

@@ -0,0 +1,193 @@
+body {
+	background-color: red;
+	margin: 0px;
+	padding: 0px;
+	background-color: white;
+	font-family: "Arial";
+	font-size: 20px;
+	font-weight: bold;
+	text-align: center;
+}
+
+a {
+	color: #444444;
+	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: #888888;
+}
+
+#message {
+	color: #444444;
+	font-family: "Arial";
+	font-size: 16px;
+}
+
+#poweredby {
+	display: inline-block;
+	width: 100%;
+	padding-top: 20px;
+	margin-top: 80px;
+	border-top: 1px #CCCCCC solid;
+	;
+	color: grey;
+	font-family: "Arial";
+	font-size: 13px;
+	text-decoration: none;
+}
+
+#logoutlink {
+	color: #888888;
+	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: grey;
+	font-size: 24px;
+	font-weight:bold;
+	text-align: center;
+	margin-bottom: 10px;
+}
+
+.category-title .tooltip {
+  visibility: hidden;
+  width: 140px;
+  background-color: grey;
+  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: grey transparent transparent transparent;
+}
+
+.category-title:hover .tooltip {
+  visibility: visible;
+  opacity: 1;
+}
+
+.category {
+	display: inline-block;
+	background-color: #EEEEEE;
+	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 white;
+	position:relative;
+	display: inline-block;
+	background-color: #EEEEEE;
+	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 #CCCCCC solid;
+	background-image: url('{{rootPath}}/theme/common/banner.png');
+	background-repeat: no-repeat;
+	background-position: 20px;
+}