diff options
author | VirtualTam <virtualtam@flibidi.net> | 2017-08-23 01:08:41 +0200 |
---|---|---|
committer | VirtualTam <virtualtam@flibidi.net> | 2017-08-23 01:08:41 +0200 |
commit | 9d7a02afcee3c740712a7c95182d332db0504b7e (patch) | |
tree | 3266e3d3bfec6a3ac075084cbec07ba4090c4cd2 /tpl/default/css | |
parent | c318096c7a6fb3f6b00bd8c694ab7acb8fbb7cd0 (diff) | |
parent | 7c2460c856c1d561b8347316f3045208f9f3d24e (diff) | |
download | Shaarli-9d7a02afcee3c740712a7c95182d332db0504b7e.tar.gz Shaarli-9d7a02afcee3c740712a7c95182d332db0504b7e.tar.zst Shaarli-9d7a02afcee3c740712a7c95182d332db0504b7e.zip |
Merge branch 'master' into v0.9
Diffstat (limited to 'tpl/default/css')
-rw-r--r-- | tpl/default/css/shaarli.css | 128 |
1 files changed, 101 insertions, 27 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css index 73fade5f..e1868c59 100644 --- a/tpl/default/css/shaarli.css +++ b/tpl/default/css/shaarli.css | |||
@@ -211,7 +211,7 @@ body, .pure-g [class*="pure-u"] { | |||
211 | } | 211 | } |
212 | } | 212 | } |
213 | 213 | ||
214 | #search, #search-linklist { | 214 | #search, #search-linklist, #search-tagcloud { |
215 | text-align: center; | 215 | text-align: center; |
216 | width: 100%; | 216 | width: 100%; |
217 | } | 217 | } |
@@ -226,6 +226,12 @@ body, .pure-g [class*="pure-u"] { | |||
226 | border-radius: 2px; | 226 | border-radius: 2px; |
227 | color: #252525; | 227 | color: #252525; |
228 | } | 228 | } |
229 | @media screen and (max-width: 64em) { | ||
230 | .searchform { | ||
231 | max-width: 260px; | ||
232 | margin: 0 auto; | ||
233 | } | ||
234 | } | ||
229 | 235 | ||
230 | /* because chrome */ | 236 | /* because chrome */ |
231 | #search input[type="text"]::-webkit-input-placeholder, | 237 | #search input[type="text"]::-webkit-input-placeholder, |
@@ -234,47 +240,58 @@ body, .pure-g [class*="pure-u"] { | |||
234 | } | 240 | } |
235 | 241 | ||
236 | #search button, | 242 | #search button, |
243 | #search-tagcloud button, | ||
237 | #search-linklist button { | 244 | #search-linklist button { |
238 | background: transparent; | 245 | padding: 4px 8px 6px 8px; |
246 | background-color: #1B926C; | ||
247 | color: #f5f5f5; | ||
239 | border: none; | 248 | border: none; |
249 | border-radius: 2px; | ||
240 | } | 250 | } |
241 | 251 | ||
242 | #search button { | 252 | #search-tagcloud button { |
243 | color: #f5f5f5; | 253 | width: 90%; |
244 | } | 254 | } |
245 | 255 | ||
246 | #search-linklist button { | 256 | @media screen and (max-width: 64em) { |
247 | color: #252525; | 257 | #search-linklist button { |
258 | width: 100%; | ||
259 | } | ||
260 | #search-linklist .awesomplete { | ||
261 | margin: 5px 0; | ||
262 | } | ||
248 | } | 263 | } |
249 | 264 | ||
250 | #search button:hover, | 265 | #search button:hover, |
251 | #search-linklist button:hover { | 266 | #search-linklist button:hover, |
252 | color: #fff; | 267 | #search-tagcloud button:hover { |
268 | color: #d0d0d0; | ||
253 | } | 269 | } |
254 | 270 | ||
271 | #search, | ||
255 | #search-linklist { | 272 | #search-linklist { |
256 | padding: 5px 0; | 273 | padding: 6px 0; |
257 | } | 274 | } |
258 | 275 | ||
259 | @media screen and (min-width: 64em) { | ||
260 | #search .searchform, | ||
261 | #search-linklist .searchform { | ||
262 | margin-right: 25px; | ||
263 | text-align: right; | ||
264 | } | ||
265 | |||
266 | #search .tagfilter, | ||
267 | #search-linklist .tagfilter { | ||
268 | margin-left: 25px; | ||
269 | text-align: left; | ||
270 | } | ||
271 | } | ||
272 | @media screen and (max-width: 64em) { | 276 | @media screen and (max-width: 64em) { |
273 | #search, #search * { | 277 | #search, #search * { |
274 | visibility: hidden; | 278 | visibility: hidden; |
275 | } | 279 | } |
276 | } | 280 | } |
277 | 281 | ||
282 | .subheader-form a.button { | ||
283 | color: #f5f5f5; | ||
284 | font-weight: bold; | ||
285 | text-decoration: none; | ||
286 | border: 2px solid #f5f5f5; | ||
287 | border-radius: 5px; | ||
288 | padding: 3px 10px; | ||
289 | } | ||
290 | |||
291 | .linklist-item-editbuttons .delete-checkbox { | ||
292 | display: none; | ||
293 | } | ||
294 | |||
278 | #header-login-form input[type="text"], #header-login-form input[type="password"] { | 295 | #header-login-form input[type="text"], #header-login-form input[type="password"] { |
279 | width: 200px; | 296 | width: 200px; |
280 | } | 297 | } |
@@ -304,7 +321,6 @@ body, .pure-g [class*="pure-u"] { | |||
304 | } | 321 | } |
305 | 322 | ||
306 | .subheader-form input[type="text"], .subheader-form input[type="password"], .subheader-form .remember-me { | 323 | .subheader-form input[type="text"], .subheader-form input[type="password"], .subheader-form .remember-me { |
307 | margin: 0 0 5px 0; | ||
308 | padding: 5px 5px 3px 15px; | 324 | padding: 5px 5px 3px 15px; |
309 | height: 20px; | 325 | height: 20px; |
310 | width: 20%; | 326 | width: 20%; |
@@ -522,8 +538,8 @@ body, .pure-g [class*="pure-u"] { | |||
522 | color: #1b926c; | 538 | color: #1b926c; |
523 | } | 539 | } |
524 | 540 | ||
525 | .linklist-item-title .linklist-link:visited { | 541 | .linklist-item-title a:visited .linklist-link { |
526 | color: #1b926c; | 542 | color: #555555; |
527 | } | 543 | } |
528 | 544 | ||
529 | .linklist-item-title a:hover, .linklist-item-title .linklist-link:hover{ | 545 | .linklist-item-title a:hover, .linklist-item-title .linklist-link:hover{ |
@@ -734,10 +750,11 @@ body, .pure-g [class*="pure-u"] { | |||
734 | .page-form a { | 750 | .page-form a { |
735 | color: #1b926c; | 751 | color: #1b926c; |
736 | font-weight: bold; | 752 | font-weight: bold; |
753 | text-decoration: none; | ||
737 | } | 754 | } |
738 | 755 | ||
739 | .page-form p { | 756 | .page-form p { |
740 | padding: 0 10px; | 757 | padding: 5px 10px; |
741 | margin: 0; | 758 | margin: 0; |
742 | } | 759 | } |
743 | 760 | ||
@@ -975,6 +992,14 @@ form[name="linkform"].page-form { | |||
975 | } | 992 | } |
976 | 993 | ||
977 | /** | 994 | /** |
995 | * EDIT LINK | ||
996 | */ | ||
997 | #editlinkform .created-date { | ||
998 | color: #767676; | ||
999 | margin-bottom: 10px; | ||
1000 | } | ||
1001 | |||
1002 | /** | ||
978 | * LOGIN | 1003 | * LOGIN |
979 | */ | 1004 | */ |
980 | #login-form .remember-me { | 1005 | #login-form .remember-me { |
@@ -1053,7 +1078,7 @@ form[name="linkform"].page-form { | |||
1053 | } | 1078 | } |
1054 | 1079 | ||
1055 | #cloudtag, #cloudtag a { | 1080 | #cloudtag, #cloudtag a { |
1056 | color: #000; | 1081 | color: #252525; |
1057 | text-decoration: none; | 1082 | text-decoration: none; |
1058 | } | 1083 | } |
1059 | 1084 | ||
@@ -1062,6 +1087,42 @@ form[name="linkform"].page-form { | |||
1062 | } | 1087 | } |
1063 | 1088 | ||
1064 | /** | 1089 | /** |
1090 | * TAG LIST | ||
1091 | */ | ||
1092 | #taglist { | ||
1093 | padding: 0 10px; | ||
1094 | } | ||
1095 | |||
1096 | #taglist a { | ||
1097 | color: #252525; | ||
1098 | text-decoration: none; | ||
1099 | } | ||
1100 | |||
1101 | #taglist .count { | ||
1102 | display: inline-block; | ||
1103 | width: 35px; | ||
1104 | text-align: right; | ||
1105 | color: #7f7f7f; | ||
1106 | } | ||
1107 | |||
1108 | #taglist .rename-tag-form { | ||
1109 | display: none; | ||
1110 | } | ||
1111 | |||
1112 | #taglist .delete-tag { | ||
1113 | color: #ac2925; | ||
1114 | display: none; | ||
1115 | } | ||
1116 | |||
1117 | #taglist .rename-tag { | ||
1118 | color: #0b5ea6; | ||
1119 | } | ||
1120 | |||
1121 | #taglist .validate-rename-tag { | ||
1122 | color: #1b926c; | ||
1123 | } | ||
1124 | |||
1125 | /** | ||
1065 | * Picture wall CSS | 1126 | * Picture wall CSS |
1066 | */ | 1127 | */ |
1067 | #picwall_container { | 1128 | #picwall_container { |
@@ -1210,3 +1271,16 @@ form[name="linkform"].page-form { | |||
1210 | .pure-button { | 1271 | .pure-button { |
1211 | -moz-user-select: auto; | 1272 | -moz-user-select: auto; |
1212 | } | 1273 | } |
1274 | |||
1275 | .tag-sort { | ||
1276 | margin-top: 30px; | ||
1277 | text-align: center; | ||
1278 | } | ||
1279 | |||
1280 | .tag-sort a { | ||
1281 | display: inline-block; | ||
1282 | margin: 0 15px; | ||
1283 | color: white; | ||
1284 | text-decoration: none; | ||
1285 | font-weight: bold; | ||
1286 | } | ||