improve less formating - part 2 (template area and base modules)
- remove @author from comments - adjust the spacing
This commit is contained in:
		
					parent
					
						
							
								cbc7dfe5f0
							
						
					
				
			
			
				commit
				
					
						5e01750458
					
				
			
		
					 30 changed files with 90 additions and 297 deletions
				
			
		|  | @ -1,7 +1,5 @@ | |||
| /** | ||||
|  * This file provides the design styles for the page content. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| .content .row { | ||||
|  | @ -31,23 +29,20 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| .main-content > .level2, | ||||
| .main-content > .level1, | ||||
| .main-content > .level3, | ||||
| .main-content > .level4, | ||||
| .main-content > .level5, | ||||
| .main-content > .level6 { | ||||
|     //padding-bottom: 1rem; | ||||
| 
 | ||||
|     > p, > ul > li .li { | ||||
|     > p, | ||||
|     > ul > li .li { | ||||
|         a { | ||||
|             font-size: inherit; | ||||
|         } | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| .level1, | ||||
| .level2, | ||||
| .level3, | ||||
|  |  | |||
|  | @ -1,13 +1,9 @@ | |||
| /** | ||||
|  * This file provides the design styles for the page footer | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* no print */ | ||||
| 
 | ||||
| @media screen { | ||||
|     .page-footer { | ||||
|         min-height: @page-header_height; | ||||
|  | @ -55,10 +51,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* min-width: 1024px */ | ||||
| 
 | ||||
| @media @screen_min-md { | ||||
|     #dokuwiki__footer { | ||||
|         .col-xs-12 { | ||||
|  | @ -91,10 +85,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 1023px */ | ||||
| 
 | ||||
| @media @screen_max-md { | ||||
|     #dokuwiki__footer { | ||||
|         .main-footer { | ||||
|  | @ -104,10 +96,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 768px */ | ||||
| 
 | ||||
| @media @screen_max-xs { | ||||
|     .page-footer { | ||||
|         padding-left: @margin-small; | ||||
|  | @ -124,10 +114,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 480px */ | ||||
| 
 | ||||
| @media @screen_max-xxs { | ||||
|     #dokuwiki__footer { | ||||
|         .main-footer { | ||||
|  |  | |||
|  | @ -1,6 +1,5 @@ | |||
| /** | ||||
|  * This file provides the design styles for the footnotes. | ||||
|  * | ||||
|  */ | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
|  | @ -38,8 +37,6 @@ | |||
|   } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* footnotes in content  */ | ||||
| .main-content sup, | ||||
|  | @ -55,5 +52,3 @@ | |||
| .insitu-footnote { | ||||
|   line-height: 130%; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
|  |  | |||
|  | @ -1,18 +1,13 @@ | |||
| /** | ||||
|  * This file provides the design styles for forms. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ | ||||
| 
 | ||||
| form { | ||||
|     display: inline; | ||||
|     margin: 0; | ||||
|     padding: 0; | ||||
| 
 | ||||
| 
 | ||||
|     // multiline label | ||||
|     fieldset > label.block > span:first-child { | ||||
|         display: inline-block; | ||||
|  | @ -115,7 +110,6 @@ input[type="image"] { | |||
|     //box-shadow: none; :in ie picture and checkbox disappear | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| input:active, | ||||
| input:focus, | ||||
| textarea:active, | ||||
|  | @ -132,7 +126,6 @@ input[type="file"] { | |||
|     padding-bottom: .1rem; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  buttons  + + + + + */ | ||||
| button { | ||||
|     background-color: #eee; | ||||
|  | @ -155,7 +148,6 @@ button { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  all types of submit-buttons  + + + */ | ||||
| form input[type=submit], // heredity 'adnewpage' | ||||
| a.button, | ||||
|  | @ -213,7 +205,6 @@ button[type=submit] { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  all types of buttons not being submit-buttons  + + + */ | ||||
| input.button, | ||||
| input[type=button] { | ||||
|  | @ -237,7 +228,6 @@ input[type=button] { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  all disabled buttons  + + + */ | ||||
| input[disabled], | ||||
| button[disabled], | ||||
|  | @ -277,10 +267,8 @@ button::-moz-focus-inner { | |||
|     padding: 0; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* media queries - Styles for auth forms */ | ||||
| 
 | ||||
| @media @screen_max-xs { | ||||
|     .tpl_sprintdoc { | ||||
|         #dw__login, | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the page header. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| #dokuwiki__header { | ||||
|     @header-font-opacity: 1; | ||||
| 
 | ||||
|  | @ -12,8 +9,7 @@ | |||
|         min-height: 120px; | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  wiki logo  + + + */ | ||||
|     /* + + +  wiki logo  + + + */ | ||||
|     @media @screen_min-md { | ||||
|         .logo { | ||||
|             padding: 1rem 0 .3rem; | ||||
|  | @ -46,8 +42,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  DESKTOP  -  wiki title + claim  + + + + + */ | ||||
|     /* + + + + +  DESKTOP  -  wiki title + claim  + + + + + */ | ||||
|     .main-title.desktop-only { | ||||
|         @media @screen_min-md { | ||||
|             display: table-cell; | ||||
|  | @ -76,8 +71,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  MOBILE  -  wiki title wrapper  + + + + + */ | ||||
|     /* + + + + +  MOBILE  -  wiki title wrapper  + + + + + */ | ||||
|     .main-title:not([class*="desktop-only"]) { | ||||
|         @media @screen_max-md { | ||||
|             display: table-cell; | ||||
|  | @ -89,8 +83,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  wiki title  + + + */ | ||||
|     /* + + +  wiki title  + + + */ | ||||
|     p.title { | ||||
|         background-color: @ini_background_site; | ||||
|         opacity: @header-font-opacity; | ||||
|  | @ -109,8 +102,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  DESKTOP  -  wiki claim, logo, title wrapper  + + + + + */ | ||||
|     /* + + + + +  DESKTOP  -  wiki claim, logo, title wrapper  + + + + + */ | ||||
|     @media @screen_min-md { | ||||
|         div.claim { | ||||
|             display: table-cell; | ||||
|  | @ -119,8 +111,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  wiki claim  + + + */ | ||||
|     /* + + +  wiki claim  + + + */ | ||||
|     p.claim { | ||||
|         opacity: @header-font-opacity; | ||||
|         color: @ini_text_webframe; | ||||
|  | @ -132,8 +123,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  mobile nav togglelink  + + + */ | ||||
|     /* + + +  mobile nav togglelink  + + + */ | ||||
|     .menu-togglelink { | ||||
|         position: relative; | ||||
|         margin: @headericons-margin-xxs -(@very-small-spacing) 0 0; | ||||
|  | @ -176,8 +166,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  with magic matcher  + + + + + */ | ||||
|     /* + + + + +  with magic matcher  + + + + + */ | ||||
|     &.has-magicmatcher { | ||||
|         .logo { | ||||
|             @media @screen_min-md { | ||||
|  | @ -208,7 +197,6 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  layout option compact  + + + + + */ | ||||
| .header-compact { | ||||
|     #dokuwiki__header { | ||||
|  | @ -284,9 +272,6 @@ | |||
|             .menu-tool-select { | ||||
|                 padding-top: .3rem; | ||||
|             } | ||||
| 
 | ||||
|         } | ||||
| 
 | ||||
| 
 | ||||
|     } | ||||
| } | ||||
|  |  | |||
|  | @ -2,7 +2,6 @@ | |||
|  * This styles the "section editing button" (if not added by data-plugin) | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| #dokuwiki__content.main-content { | ||||
|     .secedit:not([class*="plugin"]):not([class*="table"]) { | ||||
|         position: relative; | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the main-content. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| #dokuwiki__content.main-content { | ||||
|     div[class^="level"] { | ||||
|         p a.media { | ||||
|  | @ -43,16 +40,12 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* min-width: 1440px */ | ||||
| 
 | ||||
| @media @screen_min-xlg { | ||||
| } | ||||
| 
 | ||||
| // @media @screen_min-xlg { | ||||
| // } | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 1199px */ | ||||
| 
 | ||||
| @media @screen_max-xlg { | ||||
| } | ||||
| // @media @screen_max-xlg { | ||||
| // } | ||||
|  |  | |||
|  | @ -1,11 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles the navigational elements in the sidebar | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  * @author Andreas Gohr <gohr@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| #dokuwiki__aside { | ||||
|     @icon-size: @font-size-big; | ||||
|     @menu-margin: @icon-size + @margin-small * 2; | ||||
|  | @ -62,7 +58,7 @@ | |||
|             padding: .15em 0; | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  active  + + + + + */ | ||||
|             /* + + + + +  active  + + + + + */ | ||||
|             span.curid { | ||||
|                 font-weight: bold; | ||||
|             } | ||||
|  | @ -81,8 +77,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  the wrapper around the toggle to reserve space  + + + */ | ||||
|     /* + + +  the wrapper around the toggle to reserve space  + + + */ | ||||
|     div.nav { | ||||
|         min-height: @icon-size + @margin-small; | ||||
|         border: 1px solid transparent; | ||||
|  | @ -137,13 +132,12 @@ | |||
|                 } | ||||
|             } | ||||
| 
 | ||||
| /* + + +  submenu entry is active  + + + */ | ||||
|             /* + + +  submenu entry is active  + + + */ | ||||
|             &.is-active { | ||||
|                 font-weight: bold; | ||||
|             } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  toggle: open  + + + */ | ||||
|             /* + + +  toggle: open  + + + */ | ||||
|             &.is-open { | ||||
|                 background-color: @ini_nav_menu_hover_color; | ||||
|                 border-color: @ini_nav_menu_hover_color; | ||||
|  | @ -259,8 +253,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  the panel (hidden by default)  + + + + + */ | ||||
|     /* + + + + +  the panel (hidden by default)  + + + + + */ | ||||
|     div.nav-panel { | ||||
|         display: none; | ||||
|         margin-top: .5rem; | ||||
|  | @ -277,10 +270,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* min-width: 1440px */ | ||||
| 
 | ||||
| @media @screen_min-xlg { | ||||
|     #dokuwiki__aside { | ||||
|         nav { | ||||
|  | @ -301,10 +292,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 1440px */ | ||||
| 
 | ||||
| @media @screen_max-xlg { | ||||
|     #dokuwiki__aside { | ||||
|         div.nav { | ||||
|  | @ -315,10 +304,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 1023px */ | ||||
| 
 | ||||
| @media @screen_max-md { | ||||
|     #dokuwiki__aside { | ||||
|         div.nav { | ||||
|  | @ -366,10 +353,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 768px */ | ||||
| 
 | ||||
| @media @screen_max-xs { | ||||
|     body.show-mobile-sidebar { | ||||
|         .page-wrapper > .tools { | ||||
|  | @ -386,10 +371,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 480px */ | ||||
| 
 | ||||
| @media @screen_max-xxs { | ||||
|     body.show-mobile-sidebar { | ||||
|         #dokuwiki__aside { | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the quick search. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| .search.main-sidebar { | ||||
|     @main-ico-dummy: @font-size-big + @margin-small*2; //FIXME copied from area_main-sidebar-nav | ||||
|     @icon-size: @page-header_height; | ||||
|  | @ -108,8 +105,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  form  + + + */ | ||||
|     /* + + +  form  + + + */ | ||||
|     form { | ||||
|         position: relative; | ||||
|         display: block; | ||||
|  | @ -177,8 +173,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  suggestionlist  + + + + + */ | ||||
|     /* + + + + +  suggestionlist  + + + + + */ | ||||
|     #qsearch__out { | ||||
|         left: auto; | ||||
|         top: auto; | ||||
|  | @ -187,10 +182,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* min-width: 1024px */ | ||||
| 
 | ||||
| @media @screen_min-md { | ||||
| 
 | ||||
|     // wide page content | ||||
|  | @ -224,10 +217,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* max-width: 1023px */ | ||||
| 
 | ||||
| @media @screen_max-md { | ||||
| 
 | ||||
|     // show when toggled | ||||
|  |  | |||
|  | @ -1,3 +1,8 @@ | |||
| /** | ||||
|  * This file provides the design styles for tab list in sidebar | ||||
|  */ | ||||
| 
 | ||||
| /* default view */ | ||||
| #dokuwiki__aside ul.sidebar-tabs { | ||||
|     margin-top: 0; | ||||
|     margin-bottom: @nav-margin; | ||||
|  | @ -22,6 +27,7 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| /* wide content view */ | ||||
| .wide-content #dokuwiki__aside ul.sidebar-tabs { | ||||
|     visibility: hidden; | ||||
| } | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for message block | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| .msg-area { | ||||
|     clear: both; | ||||
|     padding-top: 1.6rem; | ||||
|  | @ -18,7 +15,7 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| /* short fix: SPR-891 - Icons für Notifications in Message Area werden gekachelt */ | ||||
| /* short fix: SPR-891 - icons for notifications in message area are repeated */ | ||||
| div.success, | ||||
| div.error, | ||||
| div.info, | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the breadcrumb | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| .breadcrumbs { | ||||
|     position: relative; | ||||
|     min-height: @page-header_height; | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the direct / menu jump links. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| .nav-direct { | ||||
|     background-color: @nav_direct_background; | ||||
|     margin-top: -1px; | ||||
|  |  | |||
|  | @ -1,11 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the metatabbox | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  * @author Silke Pisulla <pisulla@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| #spr__meta-box { | ||||
|     .display-flex(); | ||||
|     .flex-direction(); | ||||
|  | @ -57,7 +53,7 @@ | |||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  tab controlls  + + + + + */ | ||||
|     /* + + + + +  tab controls  + + + + + */ | ||||
|     ul.meta-tabs { | ||||
|         list-style: none; | ||||
|         line-height: 160%; | ||||
|  | @ -175,8 +171,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  toggle content  + + + + + */ | ||||
|     /* + + + + +  toggle content  + + + + + */ | ||||
|     .meta-content { | ||||
|         margin-top: -1px; | ||||
| 
 | ||||
|  | @ -297,8 +292,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  tab issues  + + + + + */ | ||||
|     /* + + + + +  tab issues  + + + + + */ | ||||
|     #spr__tab-issues { | ||||
|         ul.mmissuelist { | ||||
|             padding-left: 0; | ||||
|  | @ -337,9 +331,8 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  tab issues  + + + + + */ | ||||
| /* see plugins/magic-matcher.less   */ | ||||
|     /* + + + + +  tab issues  + + + + + */ | ||||
|     /* see plugins/magic-matcher.less   */ | ||||
|     #spr__tab-issues { | ||||
|         ul.mmissuelist { | ||||
|             padding-left: 0; | ||||
|  |  | |||
|  | @ -2,9 +2,7 @@ | |||
|  * Page Attribute Icons in the breadcrumb bar | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  icons in breadcrumb area  + + + + + */ | ||||
| 
 | ||||
| .page-attributes { | ||||
|     list-style: none; | ||||
|     float: right; | ||||
|  |  | |||
|  | @ -1,7 +1,5 @@ | |||
| /** | ||||
|  * This file provides the design styles for the page specific tool bar. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| /* | ||||
|  | @ -21,7 +19,6 @@ | |||
| .pagetools-item(img_backto, 12); | ||||
| */ | ||||
| 
 | ||||
| 
 | ||||
| #dokuwiki__aside { | ||||
|     @media @screen_max-md { | ||||
|         display: none !important; | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the direct / menu jump links. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| #dokuwiki__usertools.nav-usertools { | ||||
|     @media @screen_min-md { | ||||
|         right: 1.25rem; | ||||
|  | @ -26,8 +23,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  icon list  + + + + + */ | ||||
|     /* + + + + +  icon list  + + + + + */ | ||||
|     ul { | ||||
|         float: right; | ||||
|         padding: 0; | ||||
|  | @ -76,8 +72,7 @@ | |||
|                 } | ||||
|             } | ||||
| 
 | ||||
| /* !!! &.user-task FIND in plugins/do_tasks.less !!! */ | ||||
| 
 | ||||
|             /* !!! &.user-task FIND in plugins/do_tasks.less !!! */ | ||||
|             &.user { | ||||
|                 position: relative; | ||||
|                 display: table-cell; | ||||
|  | @ -221,11 +216,9 @@ | |||
|                     } | ||||
|                 } | ||||
|             } // user | ||||
| 
 | ||||
|         } // li | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  icons  + + + */ | ||||
|         /* + + +  icons  + + + */ | ||||
|         .menuitem, button { | ||||
|             padding: 2px 0 0 2px; | ||||
|             min-height: @toggle-size; // overrides button[type="submit"] styles | ||||
|  | @ -245,10 +238,8 @@ | |||
|             span { | ||||
|                 display: none; | ||||
|             } | ||||
| 
 | ||||
|         } | ||||
| 
 | ||||
| 
 | ||||
|         a { // Pre-Greebo backwards compatibility, remove after transitioning to Greebo | ||||
|             .fontello(); | ||||
|             .hide-text-show-before(); | ||||
|  | @ -298,7 +289,6 @@ | |||
|     } // ul | ||||
| } // nav-usertools | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  layout option compact  + + + + + */ | ||||
| .header-compact { | ||||
|     #dokuwiki__usertools.nav-usertools { | ||||
|  | @ -366,4 +356,3 @@ | |||
|         } | ||||
|     } | ||||
| } | ||||
| 
 | ||||
|  |  | |||
|  | @ -1,13 +1,10 @@ | |||
| /** | ||||
|  * This file provides the design styles for page revisions | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| .dokuwiki { | ||||
| 
 | ||||
| /* + + + + +  list of changes  + + + + + */ | ||||
|     /* + + + + +  list of changes  + + + + + */ | ||||
|     form.changes { | ||||
|         li { | ||||
|             .sizechange { | ||||
|  | @ -59,8 +56,7 @@ | |||
|         } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  view of differents  + + + + + */ | ||||
|     /* + + + + +  view of differents  + + + + + */ | ||||
|     a.difflink { | ||||
|         color: @ini_existing; | ||||
| 
 | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the search results | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* search hit in normal text */ | ||||
| .dokuwiki .search_hit { | ||||
|     background-color: @ini_highlight; | ||||
|  |  | |||
|  | @ -2,9 +2,7 @@ | |||
|  * This file provides styles for tab boxes | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  tabs  + + + + + */ | ||||
| 
 | ||||
| #dokuwiki__content { | ||||
|     ul.tabs { | ||||
|         li:not([class~="active"]) { | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the sidebar (navmain). | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| .togglelink { | ||||
|     &.page_main-content { | ||||
|         position: absolute; | ||||
|  | @ -70,7 +67,7 @@ | |||
|             } | ||||
|         } | ||||
| 
 | ||||
| /* + + +  toggle out  + + + */ | ||||
|         /* + + +  toggle out  + + + */ | ||||
|         .wide-content & { | ||||
|             left: 0; | ||||
| 
 | ||||
|  |  | |||
|  | @ -1,14 +1,10 @@ | |||
| /** | ||||
|  * This file provides the basic vars and reset styles. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* global vars */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| 
 | ||||
| @font_family_screen:       arial, sans-serif; | ||||
| @font_family_print:        "Times New Roman", serif; | ||||
| 
 | ||||
|  | @ -39,9 +35,7 @@ | |||
| @box-shadow-right-bottom:  .1em .3rem .5em rgba(153,153,153,.5); | ||||
| @box-shadow-bottom:        0 .1em .5em rgba(153,153,153,.5); // qc-wrapper (breadcrumb), struct inline-editor | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  for programmers customizing  + + + */ | ||||
| 
 | ||||
| @fix_border-radius:        3px;           // inputs, editbox (textarea), buttons, content, code, quicksearch, msg | ||||
| 
 | ||||
| @toggle-showsidebar_width: 3.47rem;       // shown sidebar after toggle | ||||
|  | @ -57,35 +51,29 @@ | |||
| 
 | ||||
| @code-background:          #F6F6F6; /* code, pre, samp, kbd */ | ||||
| 
 | ||||
| 
 | ||||
| /* icons */ | ||||
| @noopentasks-background:   #ECECEC; /* metabox tabs + num in icons + tabinclude */ | ||||
| @noopentasks-border:       #BBB; /* metabox tabs + num in icons + code, pre, samp, kbd */ | ||||
| @noopentasks-color:        #666; /* metabox tabs + num in icons + code, pre, samp, kbd */ | ||||
| @wikiicons-border:         #CCC; /* usertools, breadcrumbs icons, pagetools box-hover */ | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| /* navigation left */ | ||||
| @menu-margin-lg: 1.3rem; | ||||
| 
 | ||||
| @quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */ | ||||
| @suggestion-zebra:         #EEE; | ||||
| 
 | ||||
| 
 | ||||
| /* edit mode */ | ||||
| @highlight-odd-ini_text:  fade(@ini_background, 95%); | ||||
| @highlight-even-ini_text: fade(@ini_text, 5%); | ||||
| @color-editBox:           #252525; // editmode for tables, revision states | ||||
| 
 | ||||
| 
 | ||||
| //@nolinkedicon-ini_background: fade(@ini_background_site, 10%); | ||||
| //@opacity-ini_nav_menu_color:  fade(@ini_nav_menu_color, 40%); | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* fonts */ | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| @font-size-very-small:     .73rem; | ||||
| @font-size-small:          .88rem; | ||||
| @font-size-default:        1rem; | ||||
|  | @ -108,10 +96,9 @@ | |||
| @font-size-head2: @font-size-default + (@font-scale-factor * 7); | ||||
| @font-size-head1: @font-size-default + (@font-scale-factor * 9); | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* breakpoints */ | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| @break-min-xxs: 480; | ||||
| @break-max-xxs: (@break-min-xxs - 1); | ||||
| 
 | ||||
|  | @ -133,10 +120,9 @@ | |||
| @break-min-xxlg: 1600; | ||||
| @break-max-xxlg: (@break-min-xxlg - 1); | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* media queries for breakpoints */ | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| @screen_min-xxs: ~"only screen and (min-width: " ~"@{break-min-xxs}px)"; | ||||
| @screen_max-xxs: ~"only screen and (max-width: " ~"@{break-max-xxs}px)"; | ||||
| 
 | ||||
|  | @ -164,10 +150,9 @@ | |||
| @screen_md-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-lg}px)"; | ||||
| @screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)"; | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* col width */ | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| @c12:               100%; | ||||
| @c11:               91.66666667%; | ||||
| @c10:               83.33333333%; | ||||
|  | @ -187,7 +172,6 @@ | |||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* all media */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| 
 | ||||
| html, | ||||
| body { | ||||
|     .reset(); | ||||
|  | @ -259,10 +243,9 @@ nav > ul { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* css behaviour */ | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| .sr-out { | ||||
|     .sr-out(); | ||||
| } | ||||
|  | @ -304,7 +287,6 @@ nav > ul { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* screen only */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
|  | @ -441,11 +423,9 @@ nav > ul { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* print only */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| 
 | ||||
| @media print { | ||||
|     body { | ||||
|         font-size: 12pt; | ||||
|  |  | |||
|  | @ -1,8 +1,6 @@ | |||
| /** | ||||
|  * This file provides the main design styles | ||||
|  * across all template elements (typo, colors etc.) | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
|  | @ -10,9 +8,7 @@ html, body { | |||
|     background-color: @ini_background_site; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* highlight selected tool */ | ||||
| 
 | ||||
| .mode_admin a.action.admin, | ||||
| .mode_login a.action.login, | ||||
| .mode_register a.action.register, | ||||
|  | @ -346,9 +342,7 @@ small, | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /*____________ lists ____________*/ | ||||
| 
 | ||||
| /* + + +  lists   + + + */ | ||||
| ul, | ||||
| ol { | ||||
|     font-size: @font-size-default; | ||||
|  | @ -426,9 +420,7 @@ ol ol ol ol ol { | |||
|     list-style-type: lower-roman; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /*____________ tables ____________*/ | ||||
| 
 | ||||
| /* + + +  tables   + + + */ | ||||
| .dokuwiki { | ||||
|     table.inline tr:hover { | ||||
|         th { | ||||
|  |  | |||
|  | @ -1,10 +1,8 @@ | |||
| /** | ||||
|  * This file provides styles for web fonts and icon fonts | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  * (If you add new icons in the fontello set you have to add the icon class and associated character encoding here) | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* icon font */ | ||||
| .setIconFontFace('fontello','fontello'); | ||||
| 
 | ||||
|  | @ -12,12 +10,7 @@ | |||
|     .fontello(); | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  fontello codes  + + + + + */ | ||||
| /** | ||||
|  * If in the Fontello-Packet an icon is added, the code should be supplemented here: | ||||
| */ | ||||
| 
 | ||||
| .icon-emo-happy          { &::before { content: '\e804'; } } /* '' */ | ||||
| .icon-emo-wink           { &::before { content: '\e805'; } } /* '' */ | ||||
| .icon-emo-unhappy        { &::before { content: '\e806'; } } /* '' */ | ||||
|  | @ -94,7 +87,6 @@ | |||
| 
 | ||||
| 
 | ||||
| /* + + + + +  additional "after" for nav-pagetools  + + + + + */ | ||||
| 
 | ||||
| .icon-pencil { | ||||
|     &::before, | ||||
|     &::after { content: '\e840'; } | ||||
|  |  | |||
|  | @ -1,14 +1,10 @@ | |||
| /** | ||||
|  * This file provides less mixins for all other style modules | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* Fonts */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| 
 | ||||
| .setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) { | ||||
|     @font-face { | ||||
|         font-family: @fontFamily; | ||||
|  | @ -102,11 +98,9 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* Screenreader / Hide */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| 
 | ||||
| .sr-out() { | ||||
|     display: block; | ||||
|     width: 1px; | ||||
|  | @ -140,7 +134,6 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  small icon-buttons (breadcrumb, page-header)  + + + + + */ | ||||
| .btn-hover { | ||||
|     background-color: @ini_nav_menu_hover_bg; | ||||
|  | @ -288,10 +281,8 @@ | |||
|     -ms-flex-wrap: wrap; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* positioning */ | ||||
| 
 | ||||
| .center-middle() { | ||||
|     position: absolute; | ||||
|     top: 50%; | ||||
|  | @ -301,11 +292,9 @@ | |||
|     -webkit-transform: translateX(-50%) translateY(-50%); | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* Screenreader / Hide */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| 
 | ||||
| .reset() { | ||||
|     background: transparent; | ||||
|     border: none 0; outline: 0; vertical-align: baseline; | ||||
|  | @ -329,7 +318,6 @@ | |||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* Col Grid */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| 
 | ||||
| .make-grid(@class) { | ||||
|     .float-grid-columns(@class); | ||||
|     .grid-columns(1, @class, width); | ||||
|  |  | |||
|  | @ -1,14 +1,10 @@ | |||
| /** | ||||
|  * This file provides styles for the general layout structure. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* Col Grid */ | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| 
 | ||||
| .make-grid(xs); | ||||
| 
 | ||||
| @media screen { | ||||
|  | @ -125,7 +121,6 @@ | |||
|     } | ||||
| } | ||||
| /* + + + + +  end of z-indices  + + + + + */ | ||||
| 
 | ||||
| @media @screen_min-md { | ||||
| 
 | ||||
|     .content .row > .col-xs-12 { | ||||
|  | @ -227,7 +222,6 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| @media @screen_md-lg { | ||||
|     .wide-content.showSidebar { | ||||
|         .content { | ||||
|  | @ -238,7 +232,6 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| @media @screen_max-md { | ||||
|     .container { | ||||
|         margin: 0 1.25rem; | ||||
|  |  | |||
|  | @ -1,21 +1,14 @@ | |||
| /** | ||||
|  * This file provides the styles for printing. | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de>, | ||||
|            Silke Pisulla <pisulla@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  variables  + + + + + */ | ||||
| 
 | ||||
| @color-print: #000; | ||||
| @background-print: transparent; | ||||
| @border-color-print: #ccc; | ||||
| @border-dark-print: #777; | ||||
| 
 | ||||
| 
 | ||||
| /*  + + + + + print styles  + + + + + */ | ||||
| 
 | ||||
| html, | ||||
| body { | ||||
|     background: @background-print; | ||||
|  | @ -55,7 +48,6 @@ a:visited { | |||
|     padding: 20pt 20pt 0; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + */ | ||||
| /* + + + + +  admin  + + + + + */ | ||||
| 
 | ||||
|  | @ -73,7 +65,6 @@ a:visited { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  Extension Manager  + + + */ | ||||
| #extension__manager { | ||||
|     form.search { | ||||
|  | @ -224,8 +215,6 @@ a:visited { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  Configuration Settings  + + + */ | ||||
| #dokuwiki__content #config__manager { | ||||
|     fieldset { | ||||
|  | @ -347,12 +336,8 @@ a:visited { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* + + + + +  Template Style Settings  + + + + + */ | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| .page-footer { | ||||
|     border-top: 1pt solid @border-color-print; | ||||
|     margin-top: 13pt; | ||||
|  | @ -369,7 +354,6 @@ a:visited { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  data plugin  + + + */ | ||||
| .dataplugin_entry dl { | ||||
|     border: 1pt solid @border-color-print; | ||||
|  | @ -386,7 +370,6 @@ a:visited { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| #dokuwiki__detail { | ||||
|     div.img_detail dl { | ||||
|         dt { | ||||
|  | @ -401,7 +384,6 @@ a:visited { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  tabbox  + + + */ | ||||
| div#dwpl-ti-container .dwpl-ti, | ||||
| .dwpl-ti-permalink-header, | ||||
|  | @ -414,7 +396,6 @@ div#dwpl-ti-container div.dwpl-ti-content-box { | |||
|     border: 0 none; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  media nmanager  + + + */ | ||||
| #mediamanager__page { | ||||
|     .namespaces, | ||||
|  | @ -470,7 +451,6 @@ div#dwpl-ti-container div.dwpl-ti-content-box { | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + +  forms  + + + */ | ||||
| form { | ||||
|     button { | ||||
|  |  | |||
|  | @ -1,10 +1,7 @@ | |||
| /** | ||||
|  * This file provides the design styles for the admin tools | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| .do-admin { | ||||
|     #admin__version { | ||||
|         font-size: @font-size-default; | ||||
|  | @ -85,10 +82,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* 1024px */ | ||||
| 
 | ||||
| @media @screen_max-md { | ||||
|     .do-admin { | ||||
|         div.ui-admin { | ||||
|  | @ -113,10 +108,8 @@ | |||
|     } | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ | ||||
| /* 768px */ | ||||
| 
 | ||||
| @media @screen_max-xs { | ||||
|     .do-admin { | ||||
|         div.ui-admin { | ||||
|  |  | |||
|  | @ -1,64 +1,61 @@ | |||
| /** | ||||
|  * This file provides the design styles for the the detail template | ||||
|  * (media details) | ||||
|  * | ||||
|  * @author Jana Deutschlaender <deutschlaender@cosmocode.de> | ||||
|  */ | ||||
| 
 | ||||
| 
 | ||||
| #dokuwiki__detail { | ||||
| 
 | ||||
| /* + + + + +  linked image  + + + + + */ | ||||
|     /* + + + + +  linked image  + + + + + */ | ||||
|     @media screen { | ||||
|         .img-link { | ||||
|         text-align: center; | ||||
|             text-align: center; | ||||
| 
 | ||||
|         a { | ||||
|             position: relative; | ||||
|             left: 0; | ||||
|             display: inline-block; | ||||
|             max-width: 100%; | ||||
|             color: @ini_button_color; | ||||
|             margin: 0 auto 1.4em; | ||||
| 
 | ||||
|             &::before { | ||||
|                 position: absolute; | ||||
|                 top: 0; | ||||
|                 left: 0; | ||||
|                 display: block; | ||||
|                 width: 100%; | ||||
|                 box-sizing: border-box; | ||||
|                 background: @ini_button_background; | ||||
|                 line-height: @line-height-default; | ||||
|                 padding: @margin-small; | ||||
|             } | ||||
| 
 | ||||
|             img { | ||||
|                 margin: 0; | ||||
|                 display: block; | ||||
|                 border: 1px dotted @ini_background_site; | ||||
|             a { | ||||
|                 position: relative; | ||||
|             } | ||||
| 
 | ||||
|             &:hover, | ||||
|             &:focus, | ||||
|             &:active { | ||||
|                 text-decoration: none; | ||||
|                 left: 0; | ||||
|                 display: inline-block; | ||||
|                 max-width: 100%; | ||||
|                 color: @ini_button_color; | ||||
|                 margin: 0 auto 1.4em; | ||||
| 
 | ||||
|                 &::before { | ||||
|                     content: attr(title); | ||||
|                     position: absolute; | ||||
|                     top: 0; | ||||
|                     left: 0; | ||||
|                     display: block; | ||||
|                     width: 100%; | ||||
|                     box-sizing: border-box; | ||||
|                     background: @ini_button_background; | ||||
|                     line-height: @line-height-default; | ||||
|                     padding: @margin-small; | ||||
|                 } | ||||
| 
 | ||||
|                 img { | ||||
|                     border: 1px solid @ini_button_background; | ||||
|                     margin: 0; | ||||
|                     display: block; | ||||
|                     border: 1px dotted @ini_background_site; | ||||
|                     position: relative; | ||||
|                 } | ||||
| 
 | ||||
|                 &:hover, | ||||
|                 &:focus, | ||||
|                 &:active { | ||||
|                     text-decoration: none; | ||||
| 
 | ||||
|                     &::before { | ||||
|                         content: attr(title); | ||||
|                     } | ||||
| 
 | ||||
|                     img { | ||||
|                         border: 1px solid @ini_button_background; | ||||
|                     } | ||||
|                 } | ||||
|             } | ||||
|         } | ||||
|     } | ||||
|     } | ||||
| 
 | ||||
| 
 | ||||
| /* + + + + +  meta data  + + + + + */ | ||||
|     /* + + + + +  meta data  + + + + + */ | ||||
|     div.img_detail { | ||||
|         @media screen { | ||||
|             /* vertical minus margin of .img-detail corresponds to the padding of .page */ | ||||
|  |  | |||
|  | @ -1,11 +1,10 @@ | |||
| /** | ||||
|  * Styles for site tools and user tools in sidebar | ||||
|  * | ||||
|  * Using BEM methodology as far as possible | ||||
|  */ | ||||
| 
 | ||||
| .toollist { | ||||
| } | ||||
| //.toollist { | ||||
| //} | ||||
| 
 | ||||
| .toollist__listitem { | ||||
|     list-style: none; | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 Jana Deutschländer
				Jana Deutschländer