aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/css
diff options
context:
space:
mode:
authorVirtualTam <virtualtam@flibidi.net>2017-08-23 01:08:41 +0200
committerVirtualTam <virtualtam@flibidi.net>2017-08-23 01:08:41 +0200
commit9d7a02afcee3c740712a7c95182d332db0504b7e (patch)
tree3266e3d3bfec6a3ac075084cbec07ba4090c4cd2 /tpl/default/css
parentc318096c7a6fb3f6b00bd8c694ab7acb8fbb7cd0 (diff)
parent7c2460c856c1d561b8347316f3045208f9f3d24e (diff)
downloadShaarli-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.css128
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}