aboutsummaryrefslogtreecommitdiff
path: root/doc/that_style/sass/_navpath.scss
diff options
context:
space:
mode:
Diffstat (limited to 'doc/that_style/sass/_navpath.scss')
-rw-r--r--doc/that_style/sass/_navpath.scss121
1 files changed, 121 insertions, 0 deletions
diff --git a/doc/that_style/sass/_navpath.scss b/doc/that_style/sass/_navpath.scss
new file mode 100644
index 00000000..a266dca3
--- /dev/null
+++ b/doc/that_style/sass/_navpath.scss
@@ -0,0 +1,121 @@
+/*
+ * The line at the bottom
+ */
+
+.navpath {
+ ul {
+ font-size: 11px;
+ background-image: none;
+ height: 30px;
+ line-height: 30px;
+ color: black;
+ border: none;
+ border-top: 1px solid #808080;
+ overflow: hidden;
+ margin: 0px;
+ padding: 0px;
+ }
+
+ /* intermediate navelems */
+ li:not(:first-child) {
+ list-style-type: none;
+ float: left;
+ padding-left: 18px;
+ padding-right: 10px;
+ color: black;
+ background-color: white;
+ background-image: url('nav_edge_inter.svg');
+ background-repeat: no-repeat;
+ background-position: left -1px;
+ background-size: auto 100%;
+ }
+
+ /* first navelem */
+ li:first-child {
+ list-style-type: none;
+ float: left;
+ padding-left: 15px;
+ padding-right: 10px;
+ color: black;
+ background-color: white;
+ background-image: none;
+ }
+
+ /* last navelem */
+ li:nth-last-child(2) {
+ list-style-type: none;
+ float: left;
+ padding-left:10px;
+ padding-right:15px;
+ color: white;
+ background-color: $primary-color;
+ background-image: url('nav_edge_right.svg');
+ background-repeat: no-repeat;
+ background-position: right -1px;
+ background-size: auto 100%;
+
+ }
+
+ li:nth-last-child(2):not(:first-child) {
+ list-style-type: none;
+ float: left;
+ padding-left:15px;
+ padding-right:15px;
+ color: white;
+ background-color: $primary-color;
+ background-image: url('nav_edge_left.svg'), url('nav_edge_right.svg');
+ background-repeat: no-repeat;
+ background-position: -1px -1px, right -1px;
+ background-size: auto 100%;
+ }
+
+ li.navelem a, .navpath li.navelem b {
+ height:32px;
+ display:block;
+ text-decoration: none;
+ outline: none;
+ color: inherit;
+ font-family: Roboto,sans-serif;
+ text-shadow: none;
+ text-decoration: none;
+ font-weight: normal;
+ }
+
+ li.navelem a:hover {
+ color: inherit;
+ text-decoration: underline;
+ }
+
+ // the "doxygen" logo at the right
+ li.footer {
+ list-style-type: none;
+ float: right;
+ padding-left: 0;
+ padding-right: 10px;
+ background-color: #d5d5d5;
+ background-image: none;
+ color: black;
+ font-size: 8pt;
+
+ // show the edge image
+ &:before {
+ content: "";
+ width: 13px;
+ height: 30px;
+ display: inline-block;
+ float: left;
+ background-image: url("nav_edge_right.svg");
+ background-repeat: no-repeat;
+ background-position: right 0;
+ background-size: auto 100%;
+
+ /* flip the element horizontally */
+ -moz-transform: scaleX(-1);
+ -o-transform: scaleX(-1);
+ -webkit-transform: scaleX(-1);
+ transform: scaleX(-1);
+ filter: FlipH;
+ -ms-filter: "FlipH";
+ }
+ }
+}