1/**
2 * This file provides styles for the general layout of the m1 template.
3 * This layout is based on a mobile-first philosophy.  See m1_mobile.css
4 * for the css to progressively enhance the template for tablets and
5 * desktops.
6 *
7 * @author Eric Howey <ehowey@gmail.com>
8 *  Colors:
9 *  Dark Blue: #008BB3
10 *	Bright Blue: #0AF
11 *	Bright Green: #00CB3D
12  */
13
14/* Display Nones
15*********************************************/
16.m1-tablet {display: none;}
17.m1-desktop {display: none;}
18#m1-menu {display: none;}
19#dokuwiki__aside {display: none;}
20.secedit {display: none;}
21#m1-menu-right {display: none;}
22#m1-menu-left {display: none;}
23#m1-search {display: none;}
24#dw__search {display: none;}
25.breadcrumbs {display: none;}
26
27 /* Structure
28*********************************************/
29#dokuwiki__site {padding: 0;}
30.hasSidebar #dokuwiki__content, #dokuwiki__content {padding: 0; margin: 60px auto 2em auto; float: none; max-width: 37.5em;}
31.page {padding: 0 1em;}
32
33/* Headings
34*********************************************/
35h1,
36h2,
37h3,
38h4,
39h5,
40h6 {font-family: Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
41
42.page h1 {background-color: #00CB3D; color: #fff; padding: 0 0.5em;}
43#dokuwiki__header h1 a {color: #fff; font-weight: normal;}
44h2 {border-bottom: 6px solid #ccc;}
45h3 {border-bottom: 4px solid #ccc;}
46
47
48/* Links
49*********************************************/
50a:link,
51a:visited {
52    color: #000; /* §colour */
53    font-weight: bold;
54}
55a:link:active,
56a:visited:active {
57    color: #00CB3D; /* §colour */
58}
59
60/* Header
61*********************************************/
62#dokuwiki__header {border-bottom: 4px solid #008BB3; background-color: #000; height: 40px; margin: 0; width: 100%; position: fixed; top: 0; z-index: 300;}
63#dokuwiki__header h1 {margin: 0; padding: 0;}
64#dokuwiki__header a {color: #fff;}
65#m1-header-left {float: left; width: 15%;}
66#m1-header-right {float: left; width: 30%; text-align: right;}
67#m1-header-center {text-align: center; float: left; width: 55%; padding-top: 0.3em;}
68.m1-imglogo {height: 25px;}
69#m1-menu-strig .fa-search {background-color: #008BB3;}
70
71/* Menus, adapted from http://cssmenumaker.com/blog/flat-dropdown-menu-tutorial
72*********************************************/
73
74#m1-menu {padding: 0; margin: 0; border: 0;}
75#m1-menu ul, #m1-menu li {list-style: none; margin: 0; padding: 0;}
76#m1-menu ul {position: relative; z-index: 597; }
77#m1-menu ul li {float: left; min-height: 1px; vertical-align: middle;}
78#m1-menu ul li.hover,
79#m1-menu ul li:hover {position: relative; z-index: 599; cursor: default;}
80#m1-menu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
81#m1-menu ul ul li {float: none;}
82#m1-menu ul ul ul {top: 0; left: auto; right: -99.5%; }
83#m1-menu ul li:hover > ul {visibility: visible;}
84#m1-menu ul ul {bottom: 0; left: 0;}
85#m1-menu ul ul {margin-top: 0; }
86#m1-menu ul ul li {}
87#m1-menu a {display: block; line-height: 1em; text-decoration: none;}
88
89#m1-menu {background: #000; border-bottom: 4px solid #008BB3; font-size: 1.125em;}
90#m1-menu > ul {*display: inline-block; }
91#m1-menu:after, #m1-menu ul:after {content: ''; display: block; clear: both; }
92#m1-menu a {background: #000; color: #fff; padding: 0 20px; font-weight: normal; letter-spacing: 0.5px;}
93#m1-menu ul {float: right;}
94#m1-menu ul ul {border-top: 4px solid #008BB3; text-transform: none; min-width: 190px;}
95#m1-menu ul ul a {background: #008BB3; color: #FFF; line-height: 100%; padding: 10px 20px; font-size: 0.875em;}
96#m1-menu ul ul li { position: relative }
97#m1-menu > ul > li > a { line-height: 40px;  }
98#m1-menu ul ul li:first-child > a { }
99#m1-menu ul ul li:hover > a {background: #0AF;}
100#m1-menu ul ul li:last-child > a { }
101#m1-menu ul ul li:last-child:hover > a {  }
102#m1-menu ul ul li.has-sub > a:after {content: '+'; position: absolute; top: 50%; right: 15px; margin-top: -8px;}
103#m1-menu ul li:hover > a, #m1-menu ul li.active > a {background: #008BB3; color: #FFF;}
104#m1-menu ul li.has-sub > a:after {content: '+'; margin-left: 5px; }
105#m1-menu ul li.last ul {left: auto; right: 0;}
106#m1-menu ul li.last ul ul {left: auto; right: 99.5%;}
107
108/* Sidebar
109*********************************************/
110.m1-sidebox {margin: 0em auto 1em auto; padding: 0em 1em; clear: both;}
111
112.m1-side-tools ul {list-style-type: none; padding: 0 !important; margin: 0;}
113.m1-side-tools ul li {margin: 0; padding: 0;}
114
115.m1-side-register ul {float: left; list-style-type: none; padding: 0 !important; margin: 0.5em 0 0 0;}
116.m1-side-register ul li { display: inline-block; margin: 0 0.5em 1em 0; }
117.m1-side-register a {background: #008BB3; color: #fff; font-weight: normal; letter-spacing: 0.5px; padding: 0.5em 1em;}
118.m1-side-register a:hover {text-decoration: none; background: #0AF;}
119
120#dokuwiki__aside {border-left: 1px solid #ccc; float: left; padding: 0; margin: 90px 0 0 0;}
121
122/* Footer
123*********************************************/
124#dokuwiki__footer {padding: 0 1em; background-color: #008BB3; color: #fff; font-size: 0.825em; margin: 0;}
125#dokuwiki__footer a:link, #dokuwiki__footer a:visited {text-decoration: underline; color: #fff; font-weight: normal;}
126
127
128/* Search Bar
129*********************************************/
130#dw__search .button {display: none;}
131#qsearch__in {margin: 0.5em 0 0.5em 1em; padding: 0; width: 18em !important;}
132#dw__search {margin: 0; padding: 0; width: 20em;}
133#m1-search {background-color: #008BB3; float: right; z-index: 200; position: absolute; right: 0; top: 40px;}
134#dw__search ul li a {color: #000;}
135#dokuwiki__header form.search {margin-top: 0;}
136
137/* Breadcrumbs
138*********************************************/
139.breadcrumbs {color: #fff; background-color: #008BB3; height: 30px; line-height: 30px; overflow: hidden;}
140.trace {display: inline; padding-left: 1em;}
141#dokuwiki__header div.breadcrumbs a {color: #fff; font-weight: normal; display: inline;}
142
143/* Button Styling
144*********************************************/
145div.dokuwiki input.button,
146div.dokuwiki button.button {
147    background: #008BB3 none; /* Change to desired color */
148    border: none; /* Change to desired color */
149    color: #fff;
150    }
151
152
153/* Font-Awesome Tweaks
154*********************************************/
155#m1-header-right .fa {padding: 0.57em 0.5em}
156#m1-header-left .fa {padding: 0.57em 0.5em;}
157
158
159/* Admin Mode Tweaks
160*********************************************/
161.mode_admin #dokuwiki__content {width: 100%; max-width: 100%}
162.mode_admin #dokuwiki__aside {display: none;}
163
164
165
166
167
168