Browse Source

more CSS tweaks

adam j hartz 3 months ago
parent
commit
348880f137
2 changed files with 20 additions and 21 deletions
  1. 2
    6
      catsoop/__STATIC__/templates/main.template
  2. 18
    15
      catsoop/__STATIC__/themes/base.css

+ 2
- 6
catsoop/__STATIC__/templates/main.template View File

@@ -85,9 +85,7 @@
85 85
             {cs_top_menu_html}
86 86
         </div>
87 87
     </header>
88
-    <div class="cs_nav_wrapper cs_nav_wrapper_top">
89
-      <div id="cs_top_navigation" class="cs_navigation cs_top_navigation">{cs_breadcrumbs_html}</div>
90
-    </div>
88
+    <div id="cs_top_navigation" class="cs_navigation cs_top_navigation">{cs_breadcrumbs_html}</div>
91 89
     <main id="cs_body" class="cs_body">
92 90
       <div class="cs_left_menu"></div>
93 91
       <div class="cs_content">
@@ -100,9 +98,7 @@
100 98
       <div class="cs_right_menu"></div>
101 99
     </main>
102 100
     <footer>
103
-    <div class="cs_nav_wrapper cs_nav_wrapper_bottom">
104
-      <div id="cs_bottom_navigation" class="cs_navigation cs_bottom_navigation">{cs_breadcrumbs_html}</div>
105
-    </div>
101
+    <div id="cs_bottom_navigation" class="cs_navigation cs_bottom_navigation">{cs_breadcrumbs_html}</div>
106 102
     <div class="cs_footer">
107 103
       {cs_footer}
108 104
       <pre class="catsooplogo" style="font-size:50%;">{cs_base_logo_text}</pre>

+ 18
- 15
catsoop/__STATIC__/themes/base.css View File

@@ -143,28 +143,27 @@
143 143
      display: inline-block;
144 144
 }
145 145
  .cs_nav_wrapper {
146
-    text-align: center;
147
-    width: calc(100%-4em);
148
-    padding-left: 2em;
149
-    padding-right: 2em;
150 146
 }
151 147
 
152
- .cs_nav_wrapper_top {
153
-     border-bottom: 1px solid;
154
-     margin-top:3em;
155
-}
156
- .cs_nav_wrapper_bottom {
157
-     border-top: 1px solid;
158
-}
159 148
  .cs_navigation {
160 149
      text-align: center;
161 150
      padding-bottom: 0.5em;
162 151
      padding-top: 0.5em;
163
-     white-space: pre;
164
-     display: inline-block;
152
+     width: calc(100%-4em);
153
+     padding-left: 2em;
154
+     padding-right: 2em;
165 155
 }
166 156
 
167
- .cs_nav_wrapper_top:empty, .cs_nav_wrapper_bottom:empty {
157
+ .cs_top_navigation {
158
+     border-bottom: 1px solid;
159
+     margin-top:3em;
160
+}
161
+
162
+.cs_bottom_navigation {
163
+     border-top: 1px solid;
164
+}
165
+
166
+ .cs_navigation:empty {
168 167
      border: none;
169 168
 }
170 169
 
@@ -522,12 +521,16 @@
522 521
     }
523 522
      .cs_navigation {
524 523
         text-align: left;
524
+    }
525
+     .cs_navigation > :first-child::before {
526
+        content: ">> ";
527
+        white-space: pre;
525 528
     }
526 529
      .cs_nav_separator::before {
527 530
         content: "\a";
528 531
         white-space: pre;
529 532
     }
530
-     .cs_nav_wrapper_top {
533
+     .cs_top_navigation {
531 534
         margin-top: 0px;
532 535
     }
533 536
      .nav-container {

Loading…
Cancel
Save