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

merge styles of prototype beuth hs project

Browse source
This commit is contained in:
Jana Deutschländer 2017-02-09 10:12:50 +01:00
commit 28eb39b298
8 changed files with 134 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

79
css/area_main-content.less
View file

@ -1,23 +1,56 @@
/** /**
* This file provides the design styles for the main-content. * This file provides the design styles for the main-content.
* *
* @author Jana Deutschlaender <deutschlaender@cosmocode.de> * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
#dokuwiki__content.main-content { #dokuwiki__content.main-content {
}
.level2 {
p a.media {
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ img{
/* min-width: 1440px */ border:1px dotted @color-site-bg;
@media @screen_min-xlg { }
} &:hover,&:focus,&:active{
img{
border:1px solid @color-link;
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ }
/* max-width: 1199px */ }
@media @screen_max-xlg { }
} }
div.section_highlight{
margin: 0;
padding: 0 0 1rem 0;
border: 1px solid #abced4;
background-color: #fff;
background-image:
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em;
opacity: .7;
}
.secedit {
float: right;
margin-top: 0;
position: relative;
z-index:2;
top: 0;
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */
@media @screen_max-xlg {
}

5
css/area_main-sidebar.less
View file

@ -72,7 +72,7 @@
position: relative; position: relative;
z-index: 1; z-index: 1;
margin-top: -1px; margin-top: -1px;
padding: .5em 0 .5em (@margin-big + 1); padding: .5em 0 .5em (@margin-big + 1.1);
&[class="li"] { &[class="li"] {
border-bottom: solid 1px @color-border; border-bottom: solid 1px @color-border;
@ -221,6 +221,9 @@
&.closed + ul { &.closed + ul {
height: 0; height: 0;
li a{
display: none;
}
} }
} }
} }

31
css/area_nav-breadcrumb.less
View file

@ -6,12 +6,18 @@
.breadcrumbs { .breadcrumbs {
position: relative; position: relative;
border-bottom: 1px solid @color-border-light; border-bottom: 1px solid @color-border;
padding: 1rem 1.8rem @very-small-spacing; padding: 1.6rem 1.8rem .2rem;
> p { > p {
font-size: @font-size-small; font-size: @font-size-small;
margin: 0; margin: 0;
@media @screen_max-xs{
width: 1px;
position: relative;
overflow: hidden;
height: 1.6rem;
}
* { * {
font-size: @font-size-small; font-size: @font-size-small;
@ -28,6 +34,7 @@
.icon-home(); .icon-home();
min-height: 1.8em; min-height: 1.8em;
min-width: 1.9em;
width: auto; width: auto;
box-sizing: border-box; box-sizing: border-box;
border: solid 1px transparent; border: solid 1px transparent;
@ -50,26 +57,11 @@
} }
} }
bdi {
bdi {
padding: .1em .1em 0; padding: .1em .1em 0;
} }
} }
@media @screen_max-md {
min-height: 2.6rem;
padding-right: .3rem;
padding-left: 0;
p{
display: none;
}
}
/* + + + + + icon list + + + + + */ /* + + + + + icon list + + + + + */
.page-attributes { .page-attributes {
@ -79,6 +71,9 @@
max-width: 30%; max-width: 30%;
margin: -.6em 0 0; margin: -.6em 0 0;
padding: 0; padding: 0;
@media @screen_max-xs{
max-width: 90%;
}
> li { > li {
.btn-usertools-wrapper(); // uniform li .btn-usertools-wrapper(); // uniform li

19
css/area_nav-metabox.less
View file

@ -1,5 +1,6 @@
#meta-box { #meta-box {
position: relative;
z-index: 10;
display: inline-block; display: inline-block;
min-height: 1.95rem; min-height: 1.95rem;
max-width: 40%; max-width: 40%;
@ -8,6 +9,10 @@
.tab-container { .tab-container {
display: table; display: table;
@media @screen_max-md{
width: 100%;
}
} }
.box-content { .box-content {
@ -19,6 +24,9 @@
ul.meta-tabs { ul.meta-tabs {
list-style: none; list-style: none;
background-color: @background_page-header; background-color: @background_page-header;
@media @screen_max-md{
background-color: #fff;
}
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -46,7 +54,7 @@
position: relative; position: relative;
display: block; display: block;
background-color: @color-site-bg; background-color: @color-site-bg;
border: 1px solid @color-border-light; border: 1px solid @color-border;
border-radius: @fix_border-radius @fix_border-radius 0 0; border-radius: @fix_border-radius @fix_border-radius 0 0;
color: @color-nav; color: @color-nav;
font-size: @font-size-small; font-size: @font-size-small;
@ -54,6 +62,10 @@
padding: .3em 1rem .1em; padding: .3em 1rem .1em;
margin-left: 4px; margin-left: 4px;
transition: @transition color, @transition background-color, @transition border-color; transition: @transition color, @transition background-color, @transition border-color;
@media @screen_max-xs{
padding: .3em .3rem .1em;
margin-left: 0;
}
* { * {
cursor: pointer; cursor: pointer;
@ -210,12 +222,11 @@
display: block; display: block;
top: -1.1rem; top: -1.1rem;
position: relative; position: relative;
right: -3.07rem; right: auto;
.tab-container{ .tab-container{
display: block; display: block;
} }
ul.meta-tabs{ ul.meta-tabs{
float: right;
> li > a{ > li > a{
margin-left: 0; margin-left: 0;
} }

3
css/area_sidetools.less
View file

@ -233,6 +233,9 @@
+ ul, + ul,
+ div { + div {
height: 0; height: 0;
a{
display: none;
}
} }
} }
} }

10
css/area_togglelink.less Normal file → Executable file
View file

@ -7,15 +7,14 @@
.togglelink { .togglelink {
&.page_main-content { &.page_main-content {
@media @screen_max-md{
display: none;
}
position: absolute; position: absolute;
top: -1px; top: -1px;
bottom: -1px; bottom: -1px;
left: -(@margin-default); left: -(@margin-default);
z-index: 1; z-index: 1;
@media @screen_max-md{
display: none;
}
a { a {
.display-flex(); .display-flex();
@ -45,9 +44,6 @@
text-decoration: none; text-decoration: none;
} }
} }
@media @screen_max-md{
display: none;
}
} }

12
css/base_design.less
View file

@ -10,8 +10,6 @@ html, body {
background-color: @color-site-bg; background-color: @color-site-bg;
} }
a { a {
color: @color-link; color: @color-link;
} }
@ -60,6 +58,14 @@ a {
// margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border
overflow: hidden; overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
@media @screen_max-md{
padding-right: (@margin-default *1.6);
}
}
.content #dokuwiki__pagetools{
@media @screen_max-md{
top: 4rem;
}
} }
.dokuwiki .docInfo { .dokuwiki .docInfo {
@ -310,7 +316,7 @@ td {
th { th {
font-weight: bold; font-weight: bold;
background-color: @th_background; background-color: @ini_background_alt;
text-align: left; text-align: left;
} }

49
css/base_structure.less
View file

@ -21,6 +21,9 @@
} }
@media @screen_min-xs { @media @screen_min-xs {
html {
font-size: 114%; //16px
}
} }
@media @screen_min-sm { @media @screen_min-sm {
@ -121,6 +124,9 @@
.claim { .claim {
.logo { .logo {
/*position: absolute;
bottom: 1em;
overflow: visible;*/
img { img {
height: 60px; height: 60px;
@ -152,17 +158,24 @@
.claim { .claim {
.logo { .logo {
/*position: absolute;
bottom: 0;
height: 1px;
width: 100%; // fo IE
overflow: visible;*/
} }
.logo img { .logo img {
/*max-width: 100%;
height: auto;*/
} }
} }
} }
.wide-content{ .wide-content{
.logo{
/*visibility: hidden;*/
}
.content { .content {
.row > .col-xs-12{ .row > .col-xs-12{
width: auto; width: auto;
@ -191,7 +204,7 @@
@media @screen_max-md { @media @screen_max-md {
.container { .container {
margin: 0 (@margin-big/2); margin: 0 1.25rem;
} }
#dokuwiki__usertools { #dokuwiki__usertools {
@ -199,33 +212,27 @@
max-width: 75%; max-width: 75%;
position: absolute; position: absolute;
top: 0; top: 0;
right: @margin-big/2; margin-right: 0;
right: 1.25rem;
} }
.content { .content {
position: relative; position: relative;
margin-top: 1rem;
#dokuwiki__pagetools { #dokuwiki__pagetools {
top: @margin-big * 2; top: 0;
.tools{
position: static;
}
} }
.row > .col-xs-12 #dokuwiki__content { .row > .col-xs-12 #dokuwiki__content::before {
display: none;
padding-right: @margin-big;
&::before {
display: none;
}
} }
} }
#dokuwiki__header { #dokuwiki__header {
.logo { .logo {
/*width: 200px;
max-width: 33%;
margin: .8rem 0;*/
} }
} }
@ -235,3 +242,9 @@
} }
} }
} }
@media @screen_max-md{
.claim{
min-height: 3rem;
}
}