}
}
-#search, #search-linklist {
+#search, #search-linklist, #search-tagcloud {
text-align: center;
width: 100%;
}
border-radius: 2px;
color: #252525;
}
+@media screen and (max-width: 64em) {
+ .searchform {
+ max-width: 260px;
+ margin: 0 auto;
+ }
+}
/* because chrome */
#search input[type="text"]::-webkit-input-placeholder,
}
#search button,
+#search-tagcloud button,
#search-linklist button {
- background: transparent;
+ padding: 4px 8px 6px 8px;
+ background-color: #1B926C;
+ color: #f5f5f5;
border: none;
+ border-radius: 2px;
}
-#search button {
- color: #f5f5f5;
+#search-tagcloud button {
+ width: 90%;
}
-#search-linklist button {
- color: #252525;
+@media screen and (max-width: 64em) {
+ #search-linklist button {
+ width: 100%;
+ }
+ #search-linklist .awesomplete {
+ margin: 5px 0;
+ }
}
#search button:hover,
-#search-linklist button:hover {
- color: #fff;
+#search-linklist button:hover,
+#search-tagcloud button:hover {
+ color: #d0d0d0;
}
+#search,
#search-linklist {
- padding: 5px 0;
+ padding: 6px 0;
}
-@media screen and (min-width: 64em) {
- #search .searchform,
- #search-linklist .searchform {
- margin-right: 25px;
- text-align: right;
- }
-
- #search .tagfilter,
- #search-linklist .tagfilter {
- margin-left: 25px;
- text-align: left;
- }
-}
@media screen and (max-width: 64em) {
#search, #search * {
visibility: hidden;
}
}
+.subheader-form a.button {
+ color: #f5f5f5;
+ font-weight: bold;
+ text-decoration: none;
+ border: 2px solid #f5f5f5;
+ border-radius: 5px;
+ padding: 3px 10px;
+}
+
+.linklist-item-editbuttons .delete-checkbox {
+ display: none;
+}
+
#header-login-form input[type="text"], #header-login-form input[type="password"] {
width: 200px;
}
}
.subheader-form input[type="text"], .subheader-form input[type="password"], .subheader-form .remember-me {
- margin: 0 0 5px 0;
padding: 5px 5px 3px 15px;
height: 20px;
width: 20%;
* 64em -> lg
*/
.linklist-filters {
- margin: 10px 0;
+ margin: 5px 0;
color: #252525;
font-size: 0.9em;
}
}
.linklist-pages {
- margin: 10px 0;
+ margin: 5px 0;
color: #252525;
text-align: center;
}
}
.linksperpage {
- margin: 10px 0;
+ margin: 5px 0;
text-align: right;
color: #252525;
font-size: 0.9em;
* CONTENT - LINKLIST ITEMS
*/
.linklist-item {
- margin: 0 0 15px 0;
+ margin: 0 0 10px 0;
background: #f5f5f5;
- box-shadow: 2px 2px 0.5em #797979;
+ box-shadow: 1px 1px 3px #797979;
+}
+
+.linklist-item-buttons {
+ background: transparent;
+ position: relative;
+ width: 23px;
+ z-index: 99;
+}
+
+.linklist-item-buttons-right {
+ float: right;
+ margin-right: -25px;
+}
+
+.linklist-item-buttons * {
+ display: block;
+ float: left;
+ width:100%;
+ margin: auto;
+ text-align: center;
}
.linklist-item-title, .linklist-item-title h2 {
line-height: 30px;
}
-.linklist-item-title a {
+.linklist-item-title h2 a {
font-size: 0.7em;
color: #252525;
text-decoration: none;
color: #1b926c;
}
-.linklist-item-title .linklist-link:visited {
- color: #1b926c;
+.linklist-item-title h2 a:visited .linklist-link {
+ color: #2a4c41;
}
-.linklist-item-title a:hover, .linklist-item-title .linklist-link:hover{
+.linklist-item-title h2 a:hover, .linklist-item-title .linklist-link:hover{
color: #252525;
}
color: #F89406;
}
-.linklist-item-title .fold-button {
+.fold-button {
display: none;
+ color: #252525;
}
.linklist-item-editbuttons {
.linklist-item-description {
position: relative;
- padding: 10px;
+ padding: 0 10px;
word-wrap: break-word;
color: #252525;
line-height: 1.3em;
}
- {
- position: absolute;
- left: 3px;
- top: 0;
- display: block;
- content:"";
- background: #F89406;
- height: 95%;
- width: 2px;
- z-index: 1;
-}
-
.linklist-item-description a {
text-decoration: none;
color: #1b926c;
.linklist-item-thumbnail {
position: relative;
- margin-top: 10px;
- padding: 10px;
- float: left;
+ padding: 0 0 0 5px;
+ margin: 0;
+ float: right;
z-index: 50;
+ height: 90px;
}
.linklist-item.private .linklist-item-title::before,
-.linklist-item.private .linklist-item-description::before,
-.linklist-item.private .linklist-item-thumbnail::before {
+.linklist-item.private .linklist-item-description::before {
position: absolute;
left: 3px;
top: 0;
display: block;
content:"";
background: #F89406;
- height: 95%;
+ height: 96%;
width: 2px;
z-index: 1;
}
+.linklist-item.private .linklist-item-description::before {
+ height: 100%;
+}
+
.linklist-item.private .linklist-item-title::before {
margin-top: 3px;
}
.linklist-item-infos {
- padding: 8px 8px 5px 8px;
+ padding: 4px 8px 4px 8px;
background: #ddd;
color: #252525;
}
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.8em;
+ height:23px;
+ line-height:23px;
}
.linklist-item-infos .mobile-buttons {
height: 16px;
}
+.linklist-item-infos-controls-group {
+ display: inline-block;
+ border-right: 1px solid #5d5d5d;
+ padding-right: 6px;
+}
+
+.ctrl-edit {
+ margin: 0 7px;
+}
+
/** 64em -> lg **/
@media screen and (max-width: 64em) {
.linklist-item-infos-url {
.page-form a {
color: #1b926c;
font-weight: bold;
+ text-decoration: none;
}
.page-form p {
- padding: 0 10px;
+ padding: 5px 10px;
margin: 0;
}
color: #3f3f3f;
}
+/**
+ * EDIT LINK
+ */
+#editlinkform .created-date {
+ color: #767676;
+ margin-bottom: 10px;
+}
+
/**
* LOGIN
*/
}
#cloudtag, #cloudtag a {
- color: #000;
+ color: #252525;
text-decoration: none;
}
color: #7f7f7f;
}
+/**
+ * TAG LIST
+ */
+#taglist {
+ padding: 0 10px;
+}
+
+#taglist a {
+ color: #252525;
+ text-decoration: none;
+}
+
+#taglist .count {
+ display: inline-block;
+ width: 35px;
+ text-align: right;
+ color: #7f7f7f;
+}
+
+#taglist .rename-tag-form {
+ display: none;
+}
+
+#taglist .delete-tag {
+ color: #ac2925;
+ display: none;
+}
+
+#taglist .rename-tag {
+ color: #0b5ea6;
+}
+
+#taglist .validate-rename-tag {
+ color: #1b926c;
+}
+
/**
* Picture wall CSS
*/
.pure-button {
-moz-user-select: auto;
}
+
+.tag-sort {
+ margin-top: 30px;
+ text-align: center;
+}
+
+.tag-sort a {
+ display: inline-block;
+ margin: 0 15px;
+ color: white;
+ text-decoration: none;
+ font-weight: bold;
+}
+
+/**
+ * Markdown
+ */
+.markdown p {
+ margin: 0 !important;
+}
+
+.markdown p + p {
+ margin: 0.5em 0 0 0 !important;
+}
+
+.markdown *:first-child {
+ margin-top: 0 !important;
+}
+
+.markdown *:last-child {
+ margin-bottom: 5px !important;
+}
+
+/**
+ * Pure Button
+ */
+.pure-button-success,
+.pure-button-error,
+.pure-button-warning,
+.pure-button-primary,
+.pure-button-shaarli,
+.pure-button-secondary {
+ color: white !important;
+ border-radius: 4px;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+
+.pure-button-shaarli {
+ background-color: #1B926C;
+}