dokuwiki-template-landing/assets/landing.css

.container,
.container-fluid {
    padding: 2em;
}
.container.no-padding,
.container-fluid.no-padding {
    padding: 0;
}

.lpd-header.container-fluid {
    padding:0;
}
.lpd-header {
    color:#fff;
}
.lpd-header a {
    color:#fff;
    text-decoration: underline;
    text-shadow: 1px 1px 0px #000;
    font-size:2em;
}
.lpd-header.lpd-video-desktop {
    display:none;
}
.lpd-header.lpd-video-mobile {
    display:block;
} 
@media (min-width: 1025px) {
    .lpd-header.lpd-video-desktop {
        display:block;
    }
    .lpd-header.lpd-video-mobile {
        display:none;
    } 
}

.lpd-header .jumbotron {
    border-radius: 0;
    width:100%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.lpd-header .jumbotron img {
    max-width:100%;
}
.lpd-header-sub,
.lpd-header-sub.container-fluid .container,
.lpd-header-sub .jumbotron {
    padding: 0;
}
.lpd-header-sub h1 {
    display:none;
}
.lpd-header-sub .jumbotron {
    border-radius: 0;
    width:100%;
}
.lpd-header-sub .jumbotron img,
.lpd-header-sub .jumbotron img.mediacenter {
    max-width:100%;
}

.lpd-ribbon.container-fluid {
    color:white;
    background-color: #337ab7;
}

.lpd-ribbon p > a,
.lpd-ribbon .li > a {
    color: #fff;
    font-weight: bold;
    text-decoration:underline;
}

.lpd-ribbon-light.container-fluid {
    background-color: #bee1ff;
}

.lpd-ribbon-light p > a,
.lpd-ribbon-light .li > a {
    color: #000;
    font-weight: bold;
    text-decoration:underline;
}

.lpd-ribbon .container .row.bs-wrap-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.lpd-ribbon .container .row .thumbnail {
    background-color:#337ab7;
    border:0;
    color:white;
    text-align:center;
    box-shadow: none;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    height:100%;
}
.lpd-ribbon .container .row .thumbnail p:last-child {
    margin-top:auto;
}
/* Icons as font on startpage */
.lpd-ribbon .container-fluid .row .thumbnail span.bs-wrap-image,
.lpd-ribbon .container .row .thumbnail span.bs-wrap-image {
    font-size:5em;
}
/* Minor adjustment to wrong width calculation of fontawesome, so it's centered. */
.lpd-ribbon .container-fluid .row .thumbnail span.bs-wrap-image .fa-fw,
.lpd-ribbon .container .row .thumbnail span.bs-wrap-image .fa-fw {
    width: inherit;
}

.lpd-ribbon .container .row .thumbnail a.btn-primary {
    background-image: none;
    background-color: #fff;
    color:#337ab7;
    border:none;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
}
.lpd-ribbon .container .row .bs-wrap-col {
    margin: 0 auto;
}

.lpd-ribbon .container .row .bs-wrap-image {
    display:flex;
    flex-direction: column;
    width:100px;
    height:100px;
    margin:.2em auto;
}

.lpd-ribbon .container .row .bs-wrap-image[data-img-shape=circle] {
    border-radius: 50%;
    background-color:#3989cf;
    justify-content: center;
}

.lpd-ribbon .container .row .bs-wrap-image img.media,
.lpd-ribbon .container .row .bs-wrap-image img.mediaright {
    border-radius: 0;
    align-self: center;
}
.lpd-ribbon .container .row .bs-wrap-image img.mediaright {
    margin: auto 0;
}

.lpd-ribbon .container .row .bs-wrap-image a img.mediaright {
    margin: 0;
}

/** Social Share extras **/
#lpd-play-desktop {
    display:none;
}
#lpd-play-mobile {
    display:none;
} 
#lpd-play-desktop:target {
    display:block;
}
#lpd-play-mobile:target {
    display:block;
} 
@media (max-width: 1025px) {
    #lpd-play-desktop video {
        width: 480px !important;
        height:270px !important;
    }
}

.list-group-item svg {
    float:left;
    margin-right:10px;
}

.list-group-item a > * {
    vertical-align:middle;
}

aside#dokuwiki__pagetools {
    position:static;
}

aside#dokuwiki__pagetools .media {
    margin-top: 0;
}

aside#dokuwiki__pagetools .action-page {
    background-color: #fff;
}

aside#dokuwiki__pagetools .action-user {
    background-color: rgb(246, 253, 230);
}
aside#dokuwiki__pagetools .action-site {
    background-color: rgb(220, 246, 255);
}

footer, aside {
    clear:both;
}

@media (min-width: 1024px) {
    aside#dokuwiki__pagetools {
        position:fixed;
        bottom:0;
        right:0;
        width:70px;
        overflow:hidden;
        height:auto;
        transition: width .2s;
    }
    aside#dokuwiki__pagetools:hover {
        width:200px;
    }
}



#dokuwiki__detail dl {
    width: 350px;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
  #dokuwiki__detail dt {
    float: left;
    text-align: right;
    width: 150px;
    padding: .2em;
    margin: 0;
  }
  #dokuwiki__detail dd {
    float: left;
    text-align: left;
    width: 200px;
    padding: .2em;
    margin: 0;
  }

#dokuwiki__detail #dokuwiki__pagetools .container {
    padding:0;
}

#dokuwiki__detail #dokuwiki__pagetools .list-group-item.top {
    display: none;
}

.link-home {
    cursor:pointer;
}

.lpd-ribbon div.thumb2 {
    padding-right: 0;
}
.lpd-ribbon div.thumb2 .thumbinner {
    border: 0;
    padding: 0;
    border-radius: 0 0 5px 5px;
}
.lpd-ribbon div.thumbcaption {
    padding: 7px;
}

/* regular button */
article .btn {
    background-image: none;
    text-shadow: none;
    border: none;
    border-radius: 0;    
}

footer > ::before {
    display:block;
    height:2px;
    width:40%;
    background-image: linear-gradient(to right, transparent, #337ab7, transparent);
    margin: 1em auto;
}

/* plugin:translation adjustments: links in footer */
.dokuwiki footer div.plugin_translation ul li a.wikilink1:link,
.dokuwiki footer div.plugin_translation ul li a.wikilink1:hover,
.dokuwiki footer div.plugin_translation ul li a.wikilink1:active,
.dokuwiki footer div.plugin_translation ul li a.wikilink1:visited {
    background-color: inherit;
    color: inherit;
}
.dokuwiki footer div.plugin_translation span sup {
    display:none;
}
.dokuwiki footer div.plugin_translation ul {
    margin-top:3px;
}
.dokuwiki footer div.plugin_translation ul li {
    float:initial;
    margin: 0;
}
.dokuwiki footer div.plugin_translation ul li div.li {
    padding:5px;
}
.dokuwiki footer div.plugin_translation ul li img {
    float:right;
    margin-top:3px;
}
@media (max-width: 767px) {
    .dokuwiki footer div.plugin_translation {
        display:block;
        width:100%;
        text-align:center;
        margin-top:0.5em;
    }
    .dokuwiki footer div.plugin_translation ul {
        text-align:center;
    }
    .dokuwiki footer div.plugin_translation ul li {
    }
    .dokuwiki footer div.plugin_translation ul li img {
        float:none;
        margin-top:-2px;
    }
}

/**
The edit view
**/

.act-edit #wiki__text {
    font-family: monospace;
}

#wiki__editbar {
    width:100%;
    display:flex;
    flex-direction: column;
    align-content: flex-end;
}
.act-edit .btn {
    background-image: none;
}

/* first textarea tools, then comment, then buttons - under each other */
.act-edit #size__ctl {
    float:initial;
    text-align:right;
    order: 1;
}
.act-edit.dokuwiki .editBar .summary {
    display:initial;
    order:2;
}
.act-edit .editButtons {
    order: 3;
    margin-bottom: 1em;
}
.act-edit.dokuwiki .editBar .summary label {
    width:100%;
}
.act-edit.dokuwiki .editBar .summary label[for=minoredit] {
    display:block;
}
.act-edit > .container {
    display: flex;
    flex-direction: column;
}

/* Move edit hint to the bottom */
.act-edit > .container > .editBox {
    order: 1;
}
.act-edit > .container > p:first-of-type {
    order: 2;
}

.act-edit .editBox .toolbar.group {
    float:left;
    margin-bottom: 0.5em;
}
.act-edit #draft__status {
    float:right;
}

/**
Login form
**/

.act-login form > div > fieldset > legend {
    display:none;
}
.act-login form > div > fieldset label {
    display: block;
}
.act-login form > div > fieldset label[for=remember__me] {
    float:left;
    width:50%;
}
.act-login form > div > fieldset button {
    float:right;
}
.act-login .centeralign {
    text-align:inherit;
}
.act-login div.no {
    display:inherit;
}
.act-login p.panel-footer {
    margin: 0;
}


/**
Profile
**/

.act-profile .centeralign {
    text-align:inherit;
}
.act-profile form > div > fieldset label {
    display: block;
}
.act-profile div.no {
    display:inherit;
}
.act-profile button[type=reset] {
    display:none;
}
.act-profile button[type=submit] {    
    float:right;
}

#dw__profiledelete {
    margin-top: 1em;
}

/**
Resend password
**/

.act-resendpwd label {
    display: initial;
}

.act-resendpwd button {
    float:right;
}


/**
    Admin Config Manager
    #config__manager
**/

.act-admin #config__manager tr.default .input,
.act-admin #config__manager tr.default input,
.act-admin #config__manager tr.default select,
.act-admin #config__manager tr.default checkbox,
.act-admin #config__manager tr.default textarea
 {
    background-color: initial;
}
.act-admin button[type=reset] {
    display:none;
}
.act-admin button[type=submit] {    
    float:right;
}
#config__manager fieldset {
    background-color: initial;
}
#config__manager td.label {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    font-size: 14px;
    white-space: normal;
    font-weight: initial;
}
#config__manager td.label label {
    color: initial;
    display:inline;
    margin-bottom: 0;
    font-weight: initial;
    order:1;
}
#config__manager td.label span {
    display:block;
    width: 100%;
    order: 2;
    font-size: 75%;
    margin: 0;
}
#config__manager td.label img {
    display:none;
    right:0;
    order: 3;
}
#config__manager td.label span.badge a {
    color: #fff;
}
.act-admin #config__manager td input.edit {
    width:100%;
}

.act-admin #config__manager fieldset {
    margin: initial;
    padding: initial;
}
.act-admin #config__manager .selectiondefault {
    background-color: initial;
    font-style: italic;
    color:initial;
}
.act-admin .selectiondefault label {
    font-weight: normal;
}

#config__manager td.value label {

}

.act-admin tr.config-expert {
    border: 3px solid red;
    border-width: 0px 0px 0px 3px;
}
.act-admin tr.config-advanced {
    border: 3px solid orange;
    border-width: 0px 0px 0px 3px;
}


.act-admin #user_manager fieldset,
.act-admin #user_manager tr.default .input,
.act-admin #user_manager tr.default input,
.act-admin #user_manager tr.default select,
.act-admin #user_manager tr.default checkbox,
.act-admin #user_manager tr.default textarea,
.act-admin #user_manager tr.default file,
.act-admin #user_manager input
 {
    background-color: initial;
}
.act-admin #user__manager button[disabled] {
    background-color: initial;
    color: initial;
}
.act-admin button[type=reset] {
    display:none;
}
.act-admin button[type=submit] {    
    float:right;
}

.act-admin #user_manager ul.notes {
    list-style-type: none;
}
.act-admin #user_manager ul.notes li {
    padding-left:20px;
}

.act-recent #dw__recent ul,
.act-revisions #page__revisions ul {
    list-style-type: none;
    padding:0;
    width:100%;
}
.act-recent #dw__recent ul li,
.act-revisions #page__revisions ul li {
    padding:5px;
    border: 1px solid #000;
    border-width: 0px 0px 1px 0px;
}
.act-recent #dw__recent ul .li,
.act-revisions #page__revisions ul .li {
    width:100%;
    display:flex;    
}
.act-revisions #page__revisions .li > input[type=checkbox] {
    width: 3%;
}
.act-recent #dw__recent.li > .date,
.act-revisions #page__revisions .li > .date {
    width: 20%;
}
.act-recent #dw__recent .li > *,
.act-revisions #page__revisions .li > * {
    display: inline-block;
}

.act-recent #dw__recent .li > .diff_link,
.act-revisions #page__revisions .li > img,
.act-revisions #page__revisions .li > .diff_link {
    text-align: center;
    width: 3%;
}
.act-recent #dw__recent .li > a.wikilink1,
.act-revisions #page__revisions .li > a.wikilink1 {
    width: 10%;
}
.act-recent #dw__recent > .sum,
.act-revisions #page__revisions .li > .sum {
    flex: 1;
}
.act-recent #dw__recent > .user,
.act-revisions #page__revisions .li > .user {
    text-align: right;
    flex: 1;
}
.act-recent #dw__recent .li > .user + .act-recent #dw__recent .li > .sum,
.act-revisions #page__revisions .li > .user + .act-revisions #page__revisions .li > .sum {
    width: 10%;
}
.act-recent #dw__recent .li > .sizechange,
.act-revisions #page__revisions .li > .sizechange {
    width: 15%;
    text-align: right;
}

.act-recent #dw__recent ul {
    list-style-type: none;    
    padding: 0;
    margin: 0;
}
.act-recent #dw__recent ul .li > * {
    padding: 0 10px;
}

.act-diff .diffnav {
}
.act-diff .diffnav > * {
    float:left;
}
.act-diff th {
    text-align: center;
}
.act-diff th span.sum {
    display:block;
    text-align: left;
}
.dokuwiki.act-diff table.diff td {
    padding:2px;
}
.act-diff .diffnav > form {    
    display: block;
}
.act-diff .diffnav > form,
.dokuwiki.act-diff .diffnav select {    
    width: 350px;
    font-weight: normal;
}

.act-diff .diffnav > form label {
    width: auto;
}

.dokuwiki.act-diff .diffnav select {
    height:auto;
}
.dokuwiki.act-diff .diffnav a:before {
    border: none;
}
.dokuwiki.act-diff td.diffnav.btn-group {
    display: table-cell;
}

.act-admin .ui-admin .admin_tasks,
.act-admin .ui-admin .admin_plugins {
    padding:0; 
}

.act-admin .ui-admin > a {
    float:initial;
    display:block;
    text-align:center;
}
.act-admin .ui-admin .btn-default.text-left {
    text-align: left;
}

.act-admin .ui-admin .li a {
    vertical-align: middle;
    display:flex;
    justify-content: flex-start;
}
.act-admin .ui-admin .li .icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.act-admin .ui-admin .li .prompt {
}


/**
Media Manager
**/

.act-media .container-fluid {
    max-width: 1920px;
}
.act-media #mediamanager__page .filelist .thumbs li {
    
    border: 1px solid black;
    border-radius: 5px;
}