EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'master' of gitlab.cosmocode.de:deutschlaender/sprintdoc-template into spis-master

Browse source
This commit is contained in:
Silke Pisulla 2017-04-20 08:54:57 +02:00
commit 41b18cd7b1
22 changed files with 820 additions and 320 deletions
Download patch file Download diff file Expand all files Collapse all files

50
css/area_nav-breadcrumb.less
View file

@ -85,54 +85,4 @@
padding: .1em .1em 0;
}
}
/* + + + + + icon list + + + + + */
.page-attributes {
list-style: none;
float: right;
display: inline-block;
max-width: 30%;
margin: -.45em 0 0;
padding: 0;
@media @screen_max-xs{
max-width: 90%;
}
> li {
.btn-usertools-wrapper(); // uniform li
.btn-usertools-num();
float: left;
> strong,
> a {
display: block;
width: auto;
min-height: @toggle-size;
border: 1px solid @wikiicons-border;
border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
text-align: center;
margin: 0;
}
.prefix {
.btn-prefix ();
.icon-clipboard();
display: block;
font-size: 1.2rem;
line-height: 1;
}
} // li
a {
.btn-hover();
&[aria-expanded="false"] + #plugin__qc__wrapper {
display: none;
}
}
}
}

75
css/area_nav-page-attributes.less Normal file
View file

@ -0,0 +1,75 @@
/**
* Page Attribute Icons in the breadcrumb bar
*/
/* + + + + + icons in breadcrumb area + + + + + */
.page-attributes {
list-style: none;
float: right;
display: inline-block;
max-width: 30%;
margin: -.45em 0 0;
padding: 0;
@media @screen_max-xs {
max-width: 90%;
}
> li {
.btn-usertools-wrapper(); // uniform li
.btn-usertools-num();
position: relative;
float: left;
display: block;
width: auto;
min-height: @toggle-size;
text-align: center;
margin: 0 .25rem;
strong {
display: block;
min-height: 1.64rem;
border: 1px solid @wikiicons-border;
border-radius: @ini_default_border_radius;
}
a {
display: block;
width: auto;
min-height: 1.64rem;
background-color: @ini_nav_menu_hover_bg;
border: 1px solid @wikiicons-border;
border-radius: @ini_default_border_radius;
transition: @transition background-color, @transition border-color, @transition color;
&:hover,
&:focus,
&:active {
background-color: @ini_nav_menu_hover_color;
border-color: @ini_nav_menu_hover_color;
color: @ini_nav_menu_hover_bg;
span {
fill: @ini_nav_menu_hover_bg;
color: @ini_nav_menu_hover_bg;
}
}
}
.prefix {
.btn-prefix(.26rem);
.icon-clipboard();
display: block;
font-size: 1.2rem;
line-height: 1;
}
.num {
top: -.6em;
}
}
}

13
css/base.less
View file

@ -455,18 +455,7 @@ nav > ul {
padding: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
html, body {
font-family: @font_family_screen;
color: @ini_text;
}

10
css/base_mixins.less
View file

@ -175,7 +175,7 @@
}
}
.btn-usertools-num () {
.btn-usertools-num() {
.num {
position: absolute;
right: -.4rem;
@ -192,7 +192,7 @@
}
}
.btn-prefix () {
.btn-prefix(@margin-top:.3rem) {
.fontello();
.hide-text-show-before();
@ -200,15 +200,15 @@
font-size: @font-size-default;
@media @screen_min-xxlg {
margin-top: .25rem;
margin-top: .22rem;
}
@media @screen_max-xxlg {
margin-top: .3rem;
margin-top: @margin-top;
}
@media @screen_max-md {
margin-top: .25rem;
margin-top: .2rem;
}
}

1
css/plugins/do_tasks.less
View file

@ -19,7 +19,6 @@ ul.page-attributes {
}
.num {
margin-top: 1px;
background-color: @noopentasks-border; // fix
color: @noopentasks-color; // fix
}

150
css/plugins/qc.less
View file

@ -1,79 +1,89 @@
/**
* This file provides styles for qc plugin
* Styles for the QC plugin
*/
/* + + + + + global + + + + + */
/* + + + + + icon in breadcrumb + + + + + */
#dokuwiki__site {
.plugin__qc {
display: inline-block;
overflow: visible;
position: static;
}
.page-attributes .plugin_qc {
.qc_icon {
margin: 0;
#plugin__qc__icon {
display: none;
}
#plugin__qc__link {
position: relative;
.prefix {
.icon-emo-happy();
width: 100%;
font-size: @font-size-default;
&::before {
width: 100%;
margin: 0;
}
}
}
#plugin__qc__wrapper {
position: absolute;
right: 0;
z-index: 2000;
width: auto;
box-shadow: @box-shadow-bottom;
background: @ini_background_page_header;
background: -webkit-linear-gradient(top, @ini_background_page_header, @ini_background_content);
background: linear-gradient(top, @ini_background_page_header, @ini_background_content);
border: 0 none;
font-size: @font-size-default;
p {
font-size: @font-size-default;
}
#plugin__qc__out {
h1 {
font-size: @font-size-head3;
}
h2 {
margin-top: 1.6em;
font-size: @font-size-head5;
}
> h1,
> h2,
> p,
> dl,
> div {
padding-left: 1rem;
margin-left: 0;
}
> div p {
padding-left: 0;
margin-left: 0;
}
}
&[aria-hidden="false"] {
margin-top: .5rem;
svg {
margin-top: .1em;
width: 1.6em;
height: 1.6em;
font-size: (@font-size-small - .06);
}
}
}
/* + + + + + slideout output + + + + + */
.qc-output {
min-width: 100%;
width: auto;
font-size: 90%;
box-shadow: @box-shadow-bottom;
margin-bottom: 0;
h2 {
font-size: 1.3rem;
}
h3 {
font-size: 1.1rem;
}
h4, h5, h6 {
font-size: 1rem;
}
@media @screen_min-xxs {
margin-top: -(@margin-default + 1);
margin-right: -(@margin-default);
margin-left: -(@margin-default);
padding-left: @margin-default;
padding-right: @margin-default;
}
@media @screen_max-md {
margin-top: -(@page_padding-top + 2);
margin-right: -(@margin-default * 1.6);
margin-left: -(@margin-default);
padding-top: @margin-default;
}
@media @screen_max-xxs {
margin-left: -(@margin-small);
padding-left: @margin-small;
padding-right: @margin-default;
}
div,
p {
margin-left: 0;
}
dl {
dt,
dd {
padding-bottom: @small-spacing;
@media @screen_max-xxs {
float: none;
display: inline-block;
width: 49%;
max-width: 10em;
vertical-align: top;
margin-left: 0;
}
}
}
.qc_icon {
background-color: #fff;
border-radius: @fix_border-radius;
vertical-align: top;
padding: .1rem;
}
}

130
css/template_detail.less Normal file
View file

@ -0,0 +1,130 @@
/**
* This file provides the design styles for the the detail template
* (media details)
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
#dokuwiki__detail {
// linked image
.img-link{
text-align: center;
a {
display: inline-block;
margin: 0 auto 1.4em;
position: relative;
img {
margin: 0;
display: block;
border: 1px dotted @ini_background;
position: relative;
z-index: 1;
}
&:hover,
&:focus,
&:active {
&:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
display: block;
padding: @margin-small;
z-index:2;
background: @ini_button_background;
color: @ini_button_color;
content:attr(title);
}
img {
border: 1px solid @ini_button_background;
}
}
}
}
// meta data
div.img_detail {
/* vertical minus margin of .img-detail corresponds to the padding of .page */
margin: @margin-default -(@margin-default);
border: solid @ini_border_light;
border-width: 1px 0;
background-color: @ini_background_page_header;
h1, h2, h3, h4, h5, h6, p{
padding-left: @margin-default;
padding-right: @margin-default;
}
> h4 {
padding-top: (@margin-default / 2);
}
dl {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
width: 100%;
dt, dd {
box-sizing: border-box;
margin: .2em 0;
padding: (@small-spacing * 2) @small-spacing;
}
dt {
width: 33.3%;
background-color: @ini_highlight;
color: @ini_highlight_text;
}
dd {
width: 66.6%;
padding-left: (@small-spacing * 2);
}
}
.os-map {
p {
text-align: right;
}
iframe {
padding: 0;
margin: 0;
border: solid @ini_button_background;
border-width: 1px 0;
}
}
@media @screen_max-md {
margin-right: -(@margin-default * 1.6);
h1, h2, h3, h4, h5, h6, p {
padding-right: (@margin-default * 1.6);
}
}
@media @screen_max-xs {
margin-left: -(@margin-small);
h1, h2, h3, h4, h5, h6, p {
padding-left: @margin-small;
}
}
}
}