summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--public/stylesheets/admin.css184
1 files changed, 74 insertions, 110 deletions
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 96ada17e..8378cf78 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -71,10 +71,20 @@ input[type=radio] {
71 Layout 71 Layout
72 ============================================================ */ 72 ============================================================ */
73 73
74#wrapper {
75 padding: 5px;
76 width: 100%;
77 box-sizing: border-box;
78}
79
74@media(min-width:1016px) { 80@media(min-width:1016px) {
75 #wrapper { 81 #wrapper {
76 margin: 0 125px; 82 margin: 0 125px;
83 padding: 0;
84 width: inherit;
85 box-sizing: inherit;
77 } 86 }
87
78 .node_action_bar.node_action_bar_save { 88 .node_action_bar.node_action_bar_save {
79 margin-left: 120px; 89 margin-left: 120px;
80 } 90 }
@@ -83,18 +93,6 @@ input[type=radio] {
83 margin-left: -125px; 93 margin-left: -125px;
84 } 94 }
85} 95}
86@media(max-width:1015px) {
87 #wrapper {
88 margin: 0;
89 width: 100%;
90 box-sizing: border-box;
91 }
92
93 #sitemap details details {
94 margin-left: 0.75rem;
95 padding-left: 0.5rem;
96 }
97}
98 96
99#metadata, 97#metadata,
100#content, 98#content,
@@ -671,40 +669,33 @@ table.user_table td.user_login {
671 Node display (nodes#show / nodes#new) 669 Node display (nodes#show / nodes#new)
672 ============================================================ */ 670 ============================================================ */
673 671
672div.layout_row_label {
673 min-height: 2rem;
674 text-transform: lowercase;
675 vertical-align: top;
676}
677
678div.layout_row_content {
679 min-height: 2rem;
680 margin-bottom: 1rem;
681}
682
674@media(min-width:1016px) { 683@media(min-width:1016px) {
675 div.layout_row_label { 684 div.layout_row_label {
676 float: left; 685 float: left;
677 width: 110px; 686 width: 110px;
678 min-height: 2rem;
679 text-align: right; 687 text-align: right;
680 text-transform: lowercase;
681 vertical-align: top;
682 } 688 }
683 689
684 div.layout_row_content { 690 div.layout_row_content {
685 margin-left: 120px; 691 margin-left: 120px;
686 min-height: 2rem;
687 display: block; 692 display: block;
688 margin-bottom: 1rem;
689 } 693 }
690 694
691 .body_toolbar_row { 695 .body_toolbar_row {
692 margin-left: 120px; 696 margin-left: 120px;
693 } 697 }
694} 698}
695@media(max-width:1015px) {
696 div.layout_row_label {
697 min-height: 2rem;
698 width: 30em;
699 text-transform: lowercase;
700 vertical-align: top;
701 }
702
703 div.layout_row_content {
704 min-height: 2rem;
705 margin-bottom: 1rem;
706 }
707}
708 699
709.layout_row_content.info_group { 700.layout_row_content.info_group {
710 border: 1px solid #e8e8e8; 701 border: 1px solid #e8e8e8;
@@ -858,9 +849,16 @@ form.button_to button[type="submit"] {
858} 849}
859 850
860#sitemap details details { 851#sitemap details details {
861 margin-left: 1.5rem; 852 margin-left: 0.75rem;
862 border-left: 1px solid #e8e8e8; 853 padding-left: 0.5rem;
863 padding-left: 0.75rem; 854}
855
856@media(min-width:1016px) {
857 #sitemap details details {
858 margin-left: 1.5rem;
859 border-left: 1px solid #e8e8e8;
860 padding-left: 0.75rem;
861 }
864} 862}
865 863
866#sitemap summary { 864#sitemap summary {
@@ -910,20 +908,16 @@ form.button_to button[type="submit"] {
910 /* Details is force-opened by JS on desktop; hide the summary only 908 /* Details is force-opened by JS on desktop; hide the summary only
911 once open, so a JS failure still leaves a working toggle. */ 909 once open, so a JS failure still leaves a working toggle. */
912 #metadata_details[open] > summary { display: none; } 910 #metadata_details[open] > summary { display: none; }
913}
914 911
915#new_node { 912 #new_node {
916 margin-left: -118px; 913 margin-left: -118px;
914 }
917} 915}
918 916
919#new_node input[type=text], #new_node input[type=password] { 917#new_node input[type=text], #new_node input[type=password] {
920 width: 350px; 918 width: 350px;
921} 919}
922 920
923div#login_form input[type=text], div#login_form input[type=password] {
924 width: 150px;
925}
926
927input[type=text]#tag_list, 921input[type=text]#tag_list,
928input[type=text]#node_staged_slug, 922input[type=text]#node_staged_slug,
929input#move_to_search_term { 923input#move_to_search_term {
@@ -970,6 +964,46 @@ input#tag_list {
970 text-transform: lowercase; 964 text-transform: lowercase;
971} 965}
972 966
967#admin_layout input[type=text],
968#admin_layout input[type=password],
969#admin_layout textarea {
970 box-sizing: border-box;
971 width: 100%;
972}
973
974input[type=text]#page_title {
975 box-sizing: border-box;
976 width: 100%;
977 padding-top: 6px 5px 4px;
978 font-weight: bold;
979}
980
981#admin_layout textarea#page_body {
982 box-sizing: border-box;
983 width: 100%;
984 height: 60vh;
985}
986
987#admin_layout textarea#page_abstract {
988 width: 100%;
989 box-sizing: border-box;
990 height: 8rem;
991 width: 100%;
992}
993
994#admin_layout #content,
995#admin_layout #metadata,
996#admin_layout #main_fields {
997 padding-right: 5px;
998}
999
1000input#tag_list,
1001input#node_staged_slug,
1002input#move_to_search_term {
1003 box-sizing: border-box;
1004 width: 100%;
1005}
1006
973@media(min-width:1016px) { 1007@media(min-width:1016px) {
974 input#menu_search_term, 1008 input#menu_search_term,
975 input#menu_item_node_id, 1009 input#menu_item_node_id,
@@ -978,83 +1012,13 @@ input#tag_list {
978 width: 690px; 1012 width: 690px;
979 } 1013 }
980 1014
981 input[type=text]#page_title {
982 width: 100%;
983 box-sizing: border-box;
984 font-size: 1rem;
985 padding-top: 6px;
986 padding-bottom: 4px;
987 padding-left: 5px;
988 padding-right: 5px;
989 font-weight: bold;
990 }
991
992 textarea#page_abstract { 1015 textarea#page_abstract {
993 width: 100%;
994 box-sizing: border-box;
995 height: 250px;
996 padding: 5px; 1016 padding: 5px;
997 } 1017 }
998 1018
999 #admin_layout textarea#page_body {
1000 width: 100%;
1001 box-sizing: border-box;
1002 height: 600px;
1003 }
1004
1005 #admin_overview { 1019 #admin_overview {
1006 margin-left: -125px; 1020 margin-left: -125px;
1007 } 1021 }
1008
1009 #admin_layout input[type=text],
1010 #admin_layout input[type=password],
1011 #admin_layout textarea {
1012 width: 100%;
1013 box-sizing: border-box;
1014 }
1015}
1016
1017@media(max-width:1015px) {
1018 input#tag_list,
1019 input#node_staged_slug,
1020 input#move_to_search_term {
1021 box-sizing: border-box;
1022 width: 100%;
1023 }
1024
1025 #admin_layout #content,
1026 #admin_layout #metadata,
1027 #admin_layout #main_fields {
1028 padding-right: 5px;
1029 }
1030
1031 #admin_layout textarea#page_body {
1032 box-sizing: border-box;
1033 width: 100%;
1034 height: 50rem;
1035 }
1036
1037 #admin_layout textarea#page_abstract {
1038 box-sizing: border-box;
1039 height: 8rem;
1040 width: 100%;
1041 }
1042
1043 input[type=text]#page_title {
1044 box-sizing: border-box;
1045 width: 100%;
1046 padding-top: 6px;
1047 padding-bottom: 4px;
1048 padding-left: 5px;
1049 font-weight: bold;
1050 }
1051
1052 #admin_layout input[type=text],
1053 #admin_layout input[type=password],
1054 #admin_layout textarea {
1055 box-sizing: border-box;
1056 width: 100%;
1057 }
1058} 1022}
1059 1023
1060/* ============================================================ 1024/* ============================================================