Err404

Outils pour utilisateurs

Outils du site

Vous êtes ici : start » wiki » basic.less
wiki:basic.less

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
wiki:basic.less [2025/08/31 08:52] – ancienne révision (2025/08/31 08:50) restaurée err404 wiki:basic.less [Date inconnue] (Version actuelle) – modification externe (Date inconnue) 127.0.0.1
Ligne 8: Ligne 8:
  * @author Anika Henke <anika@selfthinker.org>  * @author Anika Henke <anika@selfthinker.org>
  */  */
 +
 +::-moz-selection { 
 +    background: var(--selection_background, #275c9c); 
 +    color: var(--selection_color, white);
 +}
 +
 +::selection { 
 +    background: var(--selection_background, #275c9c); 
 +    color: var(--selection_color, white);
 +}
  
 html { html {
Ligne 15: Ligne 25:
 html, html,
 body { body {
-    color: @ini_text; +    color: var(--text, #333); 
-    background: @ini_background_site url(images/page-gradient.png) top left repeat-x;+    background: var(--background_site, #fbfaf9) url(images/page-gradient.png) top left repeat-x;
     margin: 0;     margin: 0;
     padding: 0;     padding: 0;
 } }
 body { body {
-    font: normal 100%/1.4 Arial, sans-serif;+    font: normal 87.5%/1.4 Arial, sans-serif;
     /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */     /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
     -webkit-text-size-adjust: 100%;     -webkit-text-size-adjust: 100%;
 } }
  
 +/*____________ scrollbars ____________*/
  
 +/* The emerging W3C standard
 +   that is currently Firefox-only */
 +* {
 +    scrollbar-color: var(--scrollbar_thumb) var(--scrollbar_track);
 +}
 +  
 +  /* Works on Chrome/Edge/Safari */
 +::-webkit-scrollbar {
 +    background: var(--scrollbar_track);
 +    width: 12px;
 +    height: 12px;
 +}
 +
 +::-webkit-scrollbar-thumb {
 +    background: var(--scrollbar_thumb);
 +}
 +
 +/*____________ config manager ____________*/
 +
 +#config__manager fieldset{
 +    color: var(--text, #000);
 +    background-color: var(--background, #fff);
 +}
 +
 +#config__manager td.label span.outkey {
 + font-size: 85%;
 +    background-color: var(--background, #fff);
 +}
 +
 +#config__manager tr .input, 
 +#config__manager tr input, 
 +#config__manager tr textarea, 
 +#config__manager tr select {
 +    background-color: var(--background, #fff);
 +    border: 1px solid var(--border,#333);
 +    color: var(--text,#000);
 +}
 +
 +#config__manager tr.default .input, 
 +#config__manager tr.default input, 
 +#config__manager tr.default textarea, 
 +#config__manager tr.default select, 
 +#config__manager .selectiondefault {
 +    background-color: var(--background_site, #fff);
 +    border: 1px solid var(--border,#333);
 +    color: var(--text,#000);
 +}
 +
 +#extension__manager ul.tabs li.active a {
 +    background-color: var(--background_alt, #eee);
 +    color: var(--text, #333);
 +    border-bottom: none;
 +}
 +
 +#extension__manager .panelHeader {
 +    background-color: var(--background_alt, #eee);
 +}
 +
 +#extension__list ul.extensionList li {
 +    color: var(--text, #000);
 +    background-color: var(--background, #fff);
 +}
 +
 +#extension__list .legend div.popularity {
 +    background-color: var(--background, #fff);
 +    border: 1px solid var(--text_alt, #999)
 +}
 +
 +#extension__list .legend div.popularity div {
 +    background-color: var(--pre_text, #333);
 +}
 /*____________ headers ____________*/ /*____________ headers ____________*/
  
Ligne 45: Ligne 127:
     font-weight: bold;     font-weight: bold;
     padding: 0;     padding: 0;
-    line-height: 1.2;+    line-height: 1.3;
     clear: left; /* ideally 'both', but problems with toc */     clear: left; /* ideally 'both', but problems with toc */
 } }
Ligne 60: Ligne 142:
     font-size: 2em;     font-size: 2em;
     margin: 0 0 0.444em;     margin: 0 0 0.444em;
 + border-bottom: 1px solid var(--border, #333);
 } }
 h2 { h2 {
     font-size: 1.5em;     font-size: 1.5em;
-    margin: 0 0 0.666em;+    margin: 1.7em 0 0.666em; 
 +    border-bottom: 1px solid var(--border, #333);
 } }
 h3 { h3 {
     font-size: 1.125em;     font-size: 1.125em;
-    margin: 0 0 0.888em;+    margin: 1em 0 0.3em;
 } }
 h4 { h4 {
     font-size: 1em;     font-size: 1em;
-    margin: 0 0 1.0em;+    margin: 1em 0 0.3em;
 } }
 h5 { h5 {
     font-size: .875em;     font-size: .875em;
-    margin: 0 0 1.1428em;+    margin: 1em 0 0.3em;
 } }
 h6 { h6 {
     font-size: .75em;     font-size: .75em;
-    margin: 0 0 1.333em;+    margin: 1em 0 0.3em;
 } }
 /* bottom margin = 1 / font-size */ /* bottom margin = 1 / font-size */
Ligne 98: Ligne 182:
 fieldset, fieldset,
 address { address {
-    margin: 0 0 1.4em 0; /* bottom margin = line-height */+    margin: 0 0 0.6em 0;
     padding: 0;     padding: 0;
 } }
Ligne 149: Ligne 233:
 } }
  
-ul             { list-style: square outside; }+ul             { list-style: disc; }
 ol             { list-style: decimal outside; } ol             { list-style: decimal outside; }
 ol ol          { list-style-type: lower-alpha; } ol ol          { list-style-type: lower-alpha; }
-ol ol ol       { list-style-type: upper-roman; } +ol ol ol       { list-style-type: lower-roman; } 
-ol ol ol ol    { list-style-type: upper-alpha; } +ol ol ol ol    { list-style-type: lower-greek; } 
-ol ol ol ol ol { list-style-type: lower-roman; }+ol ol ol ol ol { list-style-type: lower-latin; }
  
  
Ligne 163: Ligne 247:
     empty-cells: show;     empty-cells: show;
     border-spacing: 0;     border-spacing: 0;
-    border: 1px solid @ini_border;+    border: 1px solid var(--border, #ccc);
 } }
  
Ligne 179: Ligne 263:
     margin: 0;     margin: 0;
     vertical-align: top;     vertical-align: top;
-    border: 1px solid @ini_border;+    border: 1px solid var(--border, #ccc);
 } }
 th { th {
     font-weight: bold;     font-weight: bold;
-    background-color: @ini_background_alt;+    background-color: var(--background_alt, #eee);
     text-align: left;     text-align: left;
 } }
Ligne 199: Ligne 283:
 a:visited { a:visited {
     text-decoration: none;     text-decoration: none;
-    color: @ini_link;+    color: var(--link, #2b73b7);
 } }
 a:link:hover, a:link:hover,
Ligne 216: Ligne 300:
     border-width: 0;     border-width: 0;
     vertical-align: middle;     vertical-align: middle;
-    color: #666;+    color: var(--text_neu, #666);
     background-color: transparent;     background-color: transparent;
     font-style: italic;     font-style: italic;
-    object-fit: cover;+    height: auto;
 } }
 video { video {
Ligne 234: Ligne 318:
 button img { button img {
     max-width: none;     max-width: none;
-} 
-table img { 
-    max-width: 50vw; 
 } }
  
 hr { hr {
-    border-top: solid @ini_border; +    border-top: solid var(--border, #ccc); 
-    border-bottom: solid @ini_background;+    border-bottom: solid var(--border, #ccc);
     border-width: 1px 0;     border-width: 1px 0;
     height: 0;     height: 0;
Ligne 252: Ligne 333:
     cursor: help;     cursor: help;
     border-bottom: 1px dotted;     border-bottom: 1px dotted;
-    text-decoration: none; 
     font-style: normal;     font-style: normal;
 } }
Ligne 261: Ligne 341:
  
 mark { mark {
-    background-color: @ini_highlight;+    background-color: var(--highlight, #ff9);
     color: inherit;     color: inherit;
 } }
  
-pre, 
 code, code,
 samp, samp,
Ligne 271: Ligne 350:
     font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;     font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
     /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */     /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
-    font-size: 1em;+    font-size: 89%;
     direction: ltr;     direction: ltr;
     text-align: left;     text-align: left;
-    background-color: @ini_background_site; +    background-color: var(--pre_background, #fbfaf9); 
-    color: @ini_text; +    color: var(--pre_text, #333); 
-    box-shadow: inset 0 0 .3em @ini_border;+    box-shadow: none;
     border-radius: 2px;     border-radius: 2px;
 +    padding: 1.5px 4px 1.5px 4px;
 } }
 +
 pre { pre {
 +    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
 +    /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
 +    font-size: 1em;
 +    direction: ltr;
 +    text-align: left;
 +    background-color: var(--background_site, #fbfaf9);
 +    color: var(--text, #333);
 +    box-shadow: none;
 +    border-radius: 2px;
     overflow: auto;     overflow: auto;
     word-wrap: normal;     word-wrap: normal;
-    border: 1px solid @ini_border;+    border: 1px solid var(--border, #ccc);
     border-radius: 2px;     border-radius: 2px;
-    box-shadow: inset 0 0 .5em @ini_border;+    box-shadow: none;
     padding: .7em 1em;     padding: .7em 1em;
 } }
Ligne 290: Ligne 380:
 blockquote { blockquote {
     padding: 0 .5em;     padding: 0 .5em;
-    border: solid @ini_border;+    border: solid var(--border, #ccc);
     border-width: 0 0 0 .25em;     border-width: 0 0 0 .25em;
 } }
Ligne 315: Ligne 405:
 small { small {
     font-size: .8em;     font-size: .8em;
-} 
- 
-wbr { 
-    display: inline-block; /* for IE 11 */ 
 } }
  
Ligne 333: Ligne 419:
     padding: .7em 1em 0;     padding: .7em 1em 0;
     padding: .7rem 1rem; /* for those browsers understanding :last-child */     padding: .7rem 1rem; /* for those browsers understanding :last-child */
-    border: 1px solid @ini_text_alt;+    border: 1px solid var(--text_alt, #999);
 } }
 fieldset > :last-child { fieldset > :last-child {
Ligne 359: Ligne 445:
     font: inherit;     font: inherit;
     font-weight: normal;     font-weight: normal;
-    color: #333; +    color: var(--text, #000); 
-    background-color: #fff;+    background-color: var(--background, #fff);
     line-height: normal;     line-height: normal;
     margin: 0;     margin: 0;
Ligne 377: Ligne 463:
     font-style: normal;     font-style: normal;
     font-weight: normal;     font-weight: normal;
-} 
-option:checked { 
-    background-color: #ccc; 
 } }
  
Ligne 386: Ligne 469:
 select, select,
 keygen { keygen {
-    border: 1px solid #ccc; +    border: 1px solid var(--border, #333); 
-    box-shadow: inset 0 0 1px #eee;+    box-shadow: none;
     border-radius: 2px;     border-radius: 2px;
 } }
Ligne 416: Ligne 499:
 button, button,
 .qq-upload-button { .qq-upload-button {
-    color: #333; +    color: var(--text, #000); 
-    background-color: #eee; +    background-color: var(--background_alt, #eee); 
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); +    border: 1px solid var(--border, #333);
-    background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%); +
-    border: 1px solid #ccc;+
     border-radius: 2px;     border-radius: 2px;
     padding: .1em .5em;     padding: .1em .5em;
Ligne 445: Ligne 526:
 button:focus, button:focus,
 .qq-upload-button:hover { .qq-upload-button:hover {
-    border-color: #999; +    border-color: var(--background_neu, #ddd); 
-    background-color: #ddd; +    background-color: var(--background_neu, #ddd);
-    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+); +
-    background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);+
 } }
  
Ligne 468: Ligne 547:
     cursor: auto;     cursor: auto;
     opacity: .5;     opacity: .5;
-    background-color: #eee;+    background-color: var(--background_alt, #eee); 
 +    color: var(--text_alt, #999);
 } }
  
wiki/basic.less.txt · Dernière modification : (modification externe)

Outils de la page

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki