aboutsummaryrefslogtreecommitdiffhomepage
path: root/inc
diff options
context:
space:
mode:
authorVirtualTam <virtualtam@flibidi.org>2014-12-02 21:00:52 +0100
committerVirtualTam <virtualtam@flibidi.org>2014-12-03 19:28:43 +0100
commitc133612f32849b76785635efe19d4afedcfd0248 (patch)
tree0ecbebedef56698fa991a60196e06435d4e2f3d7 /inc
parentfdd8fb2be2c45bd810a2d8b55c1f2cbf7f655fe3 (diff)
downloadShaarli-c133612f32849b76785635efe19d4afedcfd0248.tar.gz
Shaarli-c133612f32849b76785635efe19d4afedcfd0248.tar.zst
Shaarli-c133612f32849b76785635efe19d4afedcfd0248.zip
CSS: remove hardcoded style from templates
Fixes shaarli/Shaarli#29 Style elements refactored as follows: - use existing ids and classes if possible, - else, define new ones and stick with the existing naming convention, - remove hardcoded style attributes from RainTPL templates. Exception: In tpl/tagcloud.html, the display size of each tag is computed at page generation. Signed-off-by: VirtualTam <virtualtam@flibidi.org>
Diffstat (limited to 'inc')
-rw-r--r--inc/shaarli.css117
1 files changed, 115 insertions, 2 deletions
diff --git a/inc/shaarli.css b/inc/shaarli.css
index 22000ba9..e7396ccb 100644
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -118,6 +118,14 @@ h1 {
118 cursor: pointer; 118 cursor: pointer;
119} 119}
120 120
121#pageheader #linkcount {
122 float: right;
123 font-style: italic;
124 color: #bbb;
125 text-align: right;
126 padding-right: 5px;
127}
128
121#pageheader { 129#pageheader {
122 background-color: #333333; 130 background-color: #333333;
123 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111)); 131 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#111111));
@@ -149,10 +157,19 @@ h1 {
149 text-decoration: none; 157 text-decoration: none;
150} 158}
151 159
160#pageheader .search {
161 width: 100%;
162 white-space: nowrap;
163}
164
152#toolsdiv a { 165#toolsdiv a {
153 clear: both; 166 clear: both;
154} 167}
155 168
169#toolsdiv #bookmark {
170 clear: none;
171}
172
156#toolsdiv a span { 173#toolsdiv a span {
157 color: #ffffff; 174 color: #ffffff;
158} 175}
@@ -191,6 +208,18 @@ h1 {
191 padding: 0; 208 padding: 0;
192} 209}
193 210
211.searchform #searchform_value {
212 width: 30%;
213}
214
215.tagfilter {
216 margin-left:24px;
217}
218
219.tagfilter #tagfilter_value {
220 width: 10%;
221}
222
194.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton { 223.tagfilter input.bigbutton, .searchform input.bigbutton, .addform input.bigbutton {
195 background-color: #dedede; 224 background-color: #dedede;
196 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff)); 225 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dedede), to(#ffffff));
@@ -271,6 +300,14 @@ h1 {
271 padding-right: 5px; 300 padding-right: 5px;
272} 301}
273 302
303#paging_linksperpage form.linksperpage {
304 display: inline;
305}
306
307#paging_linksperpage form.linksperpage input {
308 height: 15px;
309}
310
274#paging_current { 311#paging_current {
275 display: inline; 312 display: inline;
276 color: #fff; 313 color: #fff;
@@ -291,6 +328,10 @@ h1 {
291 clear: both; 328 clear: both;
292} 329}
293 330
331#headerform input.linkurl {
332 width: 50%;
333}
334
294#toolsdiv { 335#toolsdiv {
295 color: #ffffff; 336 color: #ffffff;
296 padding: 5px 5px 5px 5px; 337 padding: 5px 5px 5px 5px;
@@ -311,6 +352,10 @@ h1 {
311 clear: left; 352 clear: left;
312} 353}
313 354
355#editlinkform textarea, #editlinkform .lf_input {
356 width: 100%;
357}
358
314#linklist li { 359#linklist li {
315 padding: 4px 10px 15px 20px; 360 padding: 4px 10px 15px 20px;
316 border-top: 1px solid #bbb; 361 border-top: 1px solid #bbb;
@@ -339,6 +384,16 @@ h1 {
339 color:#E28E3F; 384 color:#E28E3F;
340} 385}
341 386
387.linkqrcode {
388 display: inline;
389 position: relative;
390}
391
392a.qrcode img {
393 width: 13px;
394 height: 13px;
395}
396
342#linklist li.private { 397#linklist li.private {
343 background: url('../images/private.png') no-repeat 10px center; 398 background: url('../images/private.png') no-repeat 10px center;
344 padding-left: 60px; 399 padding-left: 60px;
@@ -440,6 +495,12 @@ h1 {
440 text-decoration: none; 495 text-decoration: none;
441} 496}
442 497
498.linktag .remove {
499 border-left: 1px solid #aaa;
500 padding-left: 5px;
501 color:#6767A7;
502}
503
443.linkshort { 504.linkshort {
444 font-size: 8pt; 505 font-size: 8pt;
445 color: #888; 506 color: #888;
@@ -466,11 +527,11 @@ h1 {
466 clear: both; 527 clear: both;
467} 528}
468 529
469#footer a { 530#footer a {
470 color: #486D08; 531 color: #486D08;
471} 532}
472 533
473#footer a:hover { 534#footer a:hover {
474 color: #000000; 535 color: #000000;
475} 536}
476 537
@@ -484,16 +545,41 @@ h1 {
484 font-size: 9pt; 545 font-size: 9pt;
485} 546}
486 547
548#newversion #version_id {
549 text-decoration: blink;
550}
551
487#cloudtag { 552#cloudtag {
488 padding-left: 10%; 553 padding-left: 10%;
489 padding-right: 10%; 554 padding-right: 10%;
490} 555}
491 556
557#cloudtag .count {
558 color: #99f;
559 font-size: 9pt;
560 padding-left: 5px;
561 padding-right: 2px;
562}
563
492#cloudtag a { 564#cloudtag a {
565 font-weight:bold;
493 color: black; 566 color: black;
494 text-decoration: none; 567 text-decoration: none;
495} 568}
496 569
570#install {
571 margin: 0 20px;
572}
573
574#installform {
575 border: 1px solid black;
576 padding: 10px;
577}
578
579#installform table {
580 border: none;
581}
582
497#installform td { 583#installform td {
498 font-size: 10pt; 584 font-size: 10pt;
499 color: black; 585 color: black;
@@ -501,6 +587,10 @@ h1 {
501 clear: left; 587 clear: left;
502} 588}
503 589
590#installform input.bigbutton {
591 float: right;
592}
593
504#changepasswordform { 594#changepasswordform {
505 color: #ccc; 595 color: #ccc;
506 padding: 10px 5px 10px 5px; 596 padding: 10px 5px 10px 5px;
@@ -513,6 +603,10 @@ h1 {
513 clear: left; 603 clear: left;
514} 604}
515 605
606#changetag #totag {
607 margin-left: 40px;
608}
609
516#configform td { 610#configform td {
517 color: #ccc; 611 color: #ccc;
518 font-size: 10pt; 612 font-size: 10pt;
@@ -676,6 +770,14 @@ div.dailyAbout a {
676 color: #890500; 770 color: #890500;
677} 771}
678 772
773div.dailyAbout img {
774 position: relative;
775 top: 3px;
776 margin-right: 4px;
777 width: 14px;
778 height: 14px;
779}
780
679div.dailyTitle { 781div.dailyTitle {
680 font-weight: bold; 782 font-weight: bold;
681 font-size: 44pt; 783 font-size: 44pt;
@@ -726,6 +828,17 @@ div.dailyEntryDescription {
726 overflow: auto; 828 overflow: auto;
727} 829}
728 830
831div.dailyNoEntry {
832 text-align: center;
833 padding: 40px 0px 90px 0px;
834}
835
836.daily #closing {
837 clear: both;
838 text-align: center;
839 padding-bottom: 20px;
840}
841
729/* Common CSS screwdriver */ 842/* Common CSS screwdriver */
730.clear { 843.clear {
731 clear: both; 844 clear: both;