* General
*/
body {
- background: url(../img/noise.png) #c5c5c5;
+ background: #c5c5c5;
}
.strong {
}
.anchor:target {
- padding-top: 35px;
+ padding-top: 40px;
}
/**
* MENU
position: fixed;
top: 0;
width: 100%;
+ --height: 50px;
background: #1b926c;
-webkit-font-smoothing: antialiased;
/* Hack to transition with auto height: http://stackoverflow.com/a/8331169/1484919 */
- max-height: 2.1em;
+ max-height: 45px;
transition: max-height 0.5s;
overflow: hidden;
z-index: 999;
/* Chrome bugfix: with 100% height, it only displays the first element. */
.pure-menu-item {
- height: inherit;
+ height: 45px;
+}
+
+.shaarli-menu.open {
+ max-height: 500px;
+ transition: max-height 0.75s;
}
.head-logo {
.pure-menu-link:visited,
.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
+ padding: 0.8em 1em;
color: #f5f5f5;
}
.pure-menu-selected .pure-menu-link:focus {
color: #fff;
background: transparent;
+}
+.pure-menu-item:hover::after {
+ margin: -4px auto 0 auto;
+ display: block;
+ content:"";
+ background: #fff;
+ height: 4px;
+ width: 100%;
}
.menu-toggle {
width: 34px;
- height: 34px;
+ height: 45px;
position: absolute;
- top: 0;
+ top: 5px;
right: 0;
display: none;
}
font-size: 0.8em;
}
+@media screen and (min-width: 64em) {
+ #linkcount {
+ position: absolute;
+ right: 5px;
+ }
+}
+
#search, #search-linklist {
text-align: center;
width: 100%;
color: #252525;
}
-#search button:hover {
- color: #fff;
-}
-
+#search button:hover,
#search-linklist button:hover {
- color: #000;
+ color: #fff;
}
#search-linklist {
text-align: center;
background: #1b926c;
display: block;
- z-index: 9999;
+ z-index: 999;
height: 30px;
padding: 5px 0;
}
#content {
position: relative;
z-index: 2;
-}
-
-@media screen and (max-width: 64em) {
- #content {
- margin: 2.1em 0 0 0;
- }
-}
-
-@media screen and (min-width: 64em) {
- #content {
- margin-top: 33px;
- }
+ margin-top: 45px;
}
/**
}
.linklist-filters a {
- padding: 2px 5px;
+ padding: 5px 8px;
text-decoration: none;
}
}
.linksperpage a {
- padding: 2px 5px;
+ padding: 5px 5px;
text-decoration: none;
color: #252525;
background: #f5f5f5;
}
.linksperpage input[type="text"] {
- height: 15px;
+ height: 20px;
margin: 0;
- padding: 3px 5px 3px 8px;
+ padding: 4px 5px 3px 8px;
background: #f5f5f5;
border: medium none currentColor;
color: #252525;
content:"";
background: #F89406;
height: 95%;
- width: 3px;
+ width: 2px;
margin-top: 3px;
+ z-index: 1;
}
.linklist-item-title h2 {
padding: 3px 10px 0 10px;
- line-height: 25px;
+ line-height: 30px;
}
.linklist-item-title a {
display: none;
}
-.linklist-item-title:after {
- display: block;
- content:"";
- background: linear-gradient(to right, #f5f5f5, #8e8e8e, #f5f5f5);
- height: 1px;
- width: 90%;
- margin: 1px auto 0 auto;
-}
-
.linklist-item-editbuttons {
float: right;
- padding: 5px;
+ padding: 8px 5px;
}
.linklist-item-editbuttons * {
}
.delete-link {
- font-size: 1.1em;
+ font-size: 1.3em;
color: #ac2925 !important;
}
font-family: Roboto Slab, Arial, sans-serif;
word-wrap: break-word;
color: #252525;
+ line-height: 1.3em;
}
.linklist-item.private .linklist-item-description::before {
content:"";
background: #F89406;
height: 95%;
- width: 3px;
- z-index: 9999;
- #margin: 0;
+ width: 2px;
+ z-index: 1;
}
.linklist-item-description a {
.page-form-complete .form-label, .page-form-complete .form-input {
position: relative;
- height: 60px;
+ min-height: 60px;
}
.page-form-complete .form-label label,
padding: 5px 5px 0 5px;
font-size: 0.9em;
text-align: justify;
+ word-wrap: break-word;
}
.daily-entry .daily-entry-tags {