/* Dokuwiki custom styles */
html, body {
color: #333;
background: #fbfaf9 url("images/header-gradient.png") top left repeat-x;
margin: 0;
padding: 0;
}
body {
font-family: @ini_body_font;
font-size: 82%;
color: #333333;
}
input,select {
border-radius: 5px;
}
// Topbar: text center-aligned to logo
#dokuwiki__header .logo a {
color:#FFFFFF;
font-size: 2em;
font-weight: bolder;
color: rgb(254, 137, 2);
text-shadow: 1px 1px 1px #cccccc;
display: flex;
align-items:center;
}
#dokuwiki__header .logo span {
padding: 0;
}
#dokuwiki__content h1,
#dokuwiki__content h2 {
font-family: @ini_header_font;
font-weight: 100;
border-bottom: dotted 1px #888888;
text-shadow: 1px 1px 1px #cccccc;
}
#dokuwiki__header{
padding: 2.2em 0px 0em;
}
#qsearch__out {
background-color: #646b73;
}
.dokuwiki .pageId
{
visibility:hidden;
padding: 0
}
#dokuwiki__usertools {
height: 3em;
}
#dokuwiki__sitetools ul {
margin-left: auto;
}
#dokuwiki__usertools, #dokuwiki__usertools a,#dokuwiki__sitetools a {
color:#FFFFFF;
}
#dokuwiki__usertools a.action {
padding-bottom:3px;
}
// Aside & Content boxes
.showSidebar #dokuwiki__content {
float:left;
width: 97%;
}
#dokuwiki__aside {
float:right;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
width: 20%;
}
// Quick search
#qsearch__out {
border-radius:5px;
}
#qsearch__out a {
color: #008800;
}
div.notify {
float:left;
}
div.notify a {
color:rgb(0, 136, 0) !important;
}
.dokuwiki div.breadcrumbs div:last-child,
.dokuwiki div.breadcrumbs {
border:none;
}
.dokuwiki div.page {
padding: 20px;
border-radius: 5px;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
// 20Cones - New styles for topbar
#top-tabs {
min-height: 36px;
margin: 0px auto 15px;
padding: 7px;
border-radius: 5px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
background-color:rgb(231, 231, 231);
clear:both;
}
.tab-home {
width: 17px;
height: 19px;
overflow: hidden;
margin: -7px 12px -7px -7px;
padding: 15px 18px 16px;
float: left;
display: block;
border-radius: 5px 0px 0px 5px;
}
#dokuwiki__header a
{
color:#fff;
}
#dokuwiki__header a.tab-home {
background-color:rgb(54, 58, 62);
}
#tab-menu {
float: left;
}
#tab-menu li {
margin: 0px 5px 0px 0px;
padding: 0px;
float: left;
font: bold 1.1em Arial,Helvetica,sans-serif;
background: none repeat scroll 0% 0% transparent;
list-style: none outside none;
}
#tab-menu ul:first-of-type li a:hover {
background: url("images/hover.png") repeat-x scroll center top #616770;
color: #fff;
border-radius: 5px;
}
#tab-menu li a {
margin: 0px;
padding: 10px 18px;
float: left;
color: rgb(35, 35, 35);
text-decoration: none;
border-bottom:none;
}
#tab-social img {
height: 32px;
}
#tab-social li {
margin: 0px;
padding: 0px 0px 0px 3px;
display:contents;
}
#tab-social {
height: 33px;
//overflow: hidden;
float: right;
margin: 0px;
padding: 2px 10px 1px;
list-style: none outside none;
}
// Plugin translation
#plugin_translation_wrapper {
display: flex;
}
.dokuwiki div.plugin_translation ul li a:link,
.dokuwiki div.plugin_translation ul li a:hover,
.dokuwiki div.plugin_translation ul li a:active,
.dokuwiki div.plugin_translation ul li a:visited,
.dokuwiki div.plugin_translation ul li span {
padding: inherit;
background-color: transparent;
color: #fff;
text-decoration: none;
border: none;
white-space: nowrap;
text-align: left;
display: inline-block;
}
// Tablet fixes
@media (max-width: @ini_tablet_width) {
#dokuwiki__aside {
width: auto;
float: none;
margin: 0px;
padding: 0;
}
#top-tabs {
overflow:hidden;
}
.tab-home {
display:none;
visibility:none;
}
#tab-menu {
width:85%;
float:left;
}
#tab-social {
float:right;
margin: 0;
padding: 0;
}
#tab-menu ul {
margin:0 0 0 1em;
padding:0px;
}
#tab-menu li {
float:none;
font-size: 0.9em;
padding:0;
margin:0
}
#tab-menu li a {
border-radius: 5px;
}
}
// Phone Fixes
@media (max-width: @ini_phone_width) {
.dokuwiki div.plugin_translation
{
position:absolute;
top:2em;
right:0px;
height:2em;
width:10em;
overflow:hidden;
}
.dokuwiki div.plugin_translation ul
{
display:block !important;
}
#tab-menu li {
list-style: circle;
margin: 3px;
}
#tab-menu li a {
font-size: 1em;
padding: 0;
}
#tab-social li {
display:block;
padding: 0;
}
}