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