/* ======================== */
#footer {
border-top: 0.1em solid #999;
- color: #999;
+ color: #777;
font-size: 0.8em;
padding-top: 0.5em;
margin: 2em 0 0 0;
color: #444;
}
-/* TODO: Shouldn't be needed */
-#book-detail #search-form {
- padding: 0.75em 0.5em;
-}
-
.ac_input {
width: 18em;
}
-#main-page .ac_input {
+p .ac_input {
width: 28em;
}
/* ============= */
/* = Tags list = */
/* ============= */
+#intro {
+ margin: 0 0 2.5em 0;
+}
+
+#tags-description {
+ color: #777;
+ margin: 0 0.5em -0.75em 0.5em;
+}
+
#main-page #tags-list {
- margin-right: 29em;
+ margin-right: 33%;
}
#categories-list ul, #themes-list ul {
float: left;
}
+ul.all-tags {
+ display: none;
+}
+
+div.shown-tags p {
+ margin: -1em 0 0 0;
+ text-align: right;
+}
+
+.show-all-tags {
+ text-decoration: underline;
+ padding-right: 1em;
+}
+
/* ============== */
/* = Propaganda = */
/* ============== */
#propaganda {
float: right;
- width: 28.5em;
+ width: 30%;
margin: 0;
- height: 21em;
- background-image: url(/media/img/shelf.jpg);
- background-repeat: no-repeat;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- background-color: #FFF;
+ padding: 2em 0.5em 0.5em;
}
+
/* ===================== */
-/* = Latest blog posts = */
+/* = Other info = */
/* ===================== */
#latest-blog-posts {
padding: 0.5em;
- margin-top: 0.5em;
+ float: left;
+ width: 30%;
}
#latest-blog-posts ol {
padding: 0 0 0 1.5em;
- margin: 0.3em 0 0 0;
+ margin: 1em 0 0 0;
list-style-type: square;
color: #D13628;
}
+#you-can-help {
+ float: right;
+ padding: 0.5em;
+ width: 30%;
+}
+
+#about-us {
+ padding: 0.5em;
+ margin-left: 35%;
+ margin-right: 35%;
+}
+
/* =============== */
/* = Description = */
/* =============== */
padding: 1em;
}
-#user-shelves-window ul {
+.shelf-list {
list-style: none;
padding: 0;
}
-#user-shelves-window a.delete-shelf {
+.shelf-list li {
+ padding: 0.25em;
+ margin: 0 -0.25em;
+}
+
+.shelf-list a.delete-shelf {
color: #900;
float: right;
+ padding: 0.25em 0.25em 0.25em 1em;
+ margin: -0.25em;
+}
+
+.shelf-list a.delete-shelf:active, .shelf-list a.delete-shelf:hover {
+ color: #FFF;
+ background-color: #900;
+ text-decoration: none;
}
/* ======================== */