aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/css
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2016-08-07 15:57:47 +0200
committerArthurHoaro <arthur@hoa.ro>2016-08-07 15:57:47 +0200
commit1b383041f63a231afdfe180acd9b73375a8890ed (patch)
tree2ed9b23fc053c9bef30dac42f392e2c7f866c906 /tpl/default/css
parentff56413eb57818370093c482b617091e7b14814f (diff)
downloadShaarli-1b383041f63a231afdfe180acd9b73375a8890ed.tar.gz
Shaarli-1b383041f63a231afdfe180acd9b73375a8890ed.tar.zst
Shaarli-1b383041f63a231afdfe180acd9b73375a8890ed.zip
Configure page
Diffstat (limited to 'tpl/default/css')
-rw-r--r--tpl/default/css/shaarli.css115
1 files changed, 100 insertions, 15 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 2f2f142d..339ba300 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -15,6 +15,7 @@ body {
15 15
16.center { 16.center {
17 text-align: center; 17 text-align: center;
18 margin: auto;
18} 19}
19 20
20.label { 21.label {
@@ -597,7 +598,7 @@ pre {
597} 598}
598 599
599/** 600/**
600 * Login page 601 * PAGE FORM
601 */ 602 */
602.page-form { 603.page-form {
603 margin: 20px 0 0 0; 604 margin: 20px 0 0 0;
@@ -617,14 +618,6 @@ pre {
617 border-bottom: 1px solid #797979; 618 border-bottom: 1px solid #797979;
618} 619}
619 620
620.page-form div, .page-form p {
621 text-align: center;
622}
623
624.page-form p {
625 color: #b0ddce;
626}
627
628.page-form input[type="text"], .page-form input[type="password"] { 621.page-form input[type="text"], .page-form input[type="password"] {
629 margin: 10px 0; 622 margin: 10px 0;
630 padding: 5px 5px 3px 15px; 623 padding: 5px 5px 3px 15px;
@@ -643,12 +636,6 @@ pre {
643 color: #b0ddce; 636 color: #b0ddce;
644} 637}
645 638
646#login-form .remember-me {
647 margin: 5px 0;
648 color: #b0ddce;
649 font-weight: bold;
650}
651
652.page-form input[type="submit"] { 639.page-form input[type="submit"] {
653 margin: 10px 0; 640 margin: 10px 0;
654 height: 35px; 641 height: 35px;
@@ -662,11 +649,109 @@ pre {
662 color: #b0ddce; 649 color: #b0ddce;
663} 650}
664 651
652.page-form select {
653 color: black;
654}
655/**
656 * PAGE FORM - LIGHT
657 */
658.page-form-light div, .page-form-light p {
659 text-align: center;
660}
661
662.page-form-light p {
663 color: #b0ddce;
664}
665
666/**
667 * PAGE FORM - COMPLETE
668 */
669.page-form-complete {
670 #background: #ddd;
671}
672
673.page-form-complete div, .page-form-complete p {
674 color: #b0ddce;
675}
676
677.page-form-complete .form-label, .page-form-complete .form-input {
678 position: relative;
679 height: 60px;
680}
681
682.page-form-complete .form-label label,
683.page-form-complete .form-input input,
684.page-form-complete .timezone {
685 position: absolute;
686 top: 50%;
687 transform: translateY(-50%);
688}
689
690.page-form-complete .form-label label {
691 text-align: right;
692 right: 0;
693 padding: 0 20px;
694}
695
696.page-form-complete .label-name {
697 font-weight: bold;
698}
699
700.page-form-complete .label-desc {
701 font-size: 0.7em;
702}
703
704@media screen and (max-width: 64em) {
705 .page-form-complete .form-label {
706 height: inherit;
707 }
708
709 .page-form-complete .form-label label,
710 .page-form-complete .form-input input,
711 .page-form-complete .timezone {
712 position: inherit;
713 top: inherit;
714 transform: translateY(0);
715 }
716
717 .page-form-complete .form-input input[type="checkbox"] {
718 position: absolute;
719 top: 50%;
720 right: 50%;
721 transform: translateY(-50%);
722 }
723
724 .page-form-complete .form-input {
725 text-align: center;
726 }
727
728 .page-form-complete .form-label label {
729 display: block;
730 text-align: left;
731 margin: 10px 0 0 0;
732 }
733
734 .timezone-continent:after {
735 content:"\a\a";
736 white-space: pre;
737 }
738}
739
740
665#page404 { 741#page404 {
666 color: #3f3f3f; 742 color: #3f3f3f;
667} 743}
668 744
669/** 745/**
746 * LOGIN
747 */
748#login-form .remember-me {
749 margin: 5px 0;
750 color: #b0ddce;
751 font-weight: bold;
752}
753
754/**
670 * CONTENT - LINKLIST ITEMS 755 * CONTENT - LINKLIST ITEMS
671 */ 756 */
672.linklist-item { 757.linklist-item {