Haut de page en icone et diverses modifications de détails sur le css.

This commit is contained in:
Zatalyz 2020-06-03 10:45:00 +02:00
parent 562f011362
commit 5e336fe20b
18 changed files with 152 additions and 201 deletions

View file

@ -14,6 +14,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
FR :
- Plugin "childpage" mis à jour, finition de sa cosmétique
- Amélioration de l'intégration du plugin "translation".
- Homogénéisation des couleurs. Toutes les couleurs css sont des variables dans le fichier ini.
Bug
- Correction d'un bug sur les onglets lorsque les polices chargées ne sont pas les bonnes
## [2.0.0] - 2020-04-09

View file

@ -12,9 +12,8 @@
vertical-align: top;
padding: 0;
border-width: 0;
/* no style.ini colours because deleted and added lines have a fixed background colour */
background-color: #fff;
color: #333;
background-color: @ini_neutrallight;
color: @ini_neutraldark;
}
/* table header */
@ -34,7 +33,7 @@
font-weight: bold;
}
.dokuwiki table.diff th.minor {
color: #999;
color: @ini_neutral2;
}
.dokuwiki table.diff_sidebyside th {
width: 50%;
@ -56,15 +55,15 @@
font-weight: bold;
}
.dokuwiki table.diff .diff-addedline {
background-color: #cfc;
background-color: @ini_diff_add;
color: inherit;
}
.dokuwiki table.diff .diff-deletedline {
background-color: #fdd;
background-color: @ini_diff_del;
color: inherit;
}
.dokuwiki table.diff td.diff-context {
background-color: #eee;
background-color: @ini_neutral4;
color: inherit;
}
.dokuwiki table.diff td.diff-addedline strong,

View file

@ -10,7 +10,7 @@
.qq-uploader .error {
color: #f00;
background-color: #fff;
background-color: @ini_neutrallight;
}
/* select file button */

View file

@ -170,7 +170,6 @@
}
#mediamanager__page .namespaces ul .selected {
background-color: __highlight__;
font-weight: bold;
}
@ -496,7 +495,7 @@
}
#mediamanager__diff dl dd strong{
background-color: __highlight__;
background-color: @ini_highlight;
color: @ini_text;
font-weight: normal;
}

View file

@ -21,7 +21,7 @@ html.popup {
position: absolute;
left: 0;
border-right: 1px solid @ini_border;
background-color: @ini_background_alt2;
background-color: @ini_color7;
}
[dir=rtl] #mediamgr__sidebar {
left: auto;
@ -39,7 +39,7 @@ html.popup {
overflow: auto;
position: absolute;
right: 0;
background-color: @ini_background_alt2;
background-color: @ini_color7;
}
[dir=rtl] #mediamgr__content {
right: auto;

View file

@ -51,15 +51,14 @@
font-size: 80%;
border-radius: .2em;
padding: .1em .2em;
/* cannot use non-guaranteed style.ini colour placeholders, dark templates need to overwrite */
background-color: #ddd;
background-color: @ini_neutral4;
}
.dokuwiki form.changes li .sizechange.positive {
background-color: #cfc;;
background-color: @ini_diff_add;;
}
.dokuwiki form.changes li .sizechange.negative {
background-color: #fdd;
background-color: @ini_diff_del;
}
/*____________ page navigator ____________*/

View file

@ -52,7 +52,7 @@
/* search hit in normal text */
.dokuwiki .search_hit {
color: @ini_text;
background-color: __highlight__;
background-color: @ini_highlight;
}
/* search hit in search results */
.dokuwiki .search_results strong.search_hit {

View file

@ -16,7 +16,7 @@
/*____________ TOC ____________*/
#dw__toc {
border-color: @ini_border1;
border-color: @ini_neutral3;
border-style: solid;
border-width: thin;
padding-bottom: .5em;
@ -67,9 +67,9 @@
.kharticle h1 {
font-size: 2.2em;
margin: 0 0 0.444em;
border-bottom: 1px solid rgb(170, 170, 170);
border-bottom: 1px solid @ini_neutral2;
counter-reset: sectionh2 sectionh3 sectionh4;
color: @ini_title_color;
}
.kharticle h2:before {
content: counter(sectionh2) ". ";
@ -77,9 +77,10 @@
.kharticle h2 {
font-size: 1.9em;
margin: 0 0 0.666em;
border-bottom: 1px solid rgb(170, 170, 170);
border-bottom: 1px solid @ini_neutral2;
counter-increment: sectionh2;
counter-reset: sectionh3;
color: @ini_title_color;
}
.kharticle h3:before {
content: counter(sectionh2) "." counter(sectionh3) ". " ;
@ -89,6 +90,7 @@
margin: 0 0 0.888em;
counter-increment: sectionh3;
counter-reset: sectionh4;
color: @ini_title_color;
}
.kharticle h4:before {
@ -99,6 +101,7 @@
margin: 0 0 1.0em;
counter-increment: sectionh4;
counter-reset: sectionh5;
color: @ini_title_color;
}
.kharticle h5:before {
@ -110,24 +113,26 @@
margin: 0 0 1.1428em;
counter-increment: sectionh5;
counter-reset: sectionh6;
color: @ini_title_color;
}
.kharticle h6 {
font-size: .75em;
margin: 0 0 1.333em;
color: @ini_title_color;
}
/*____________ Footer and DocInfo ____________*/
.article_footer {
display:flex;
justify-content: space-between;
margin:0 1em;
margin:0 1.5em;
}
.dokuwiki .docInfo {
font-size: 0.875em;
text-align: right;
padding: .1em .5em;
padding: .1em 0em;
border-radius: 5px;
/* contrast for accessibility */
color: @ini_color7;
color: @ini_neutraldark;
}

View file

@ -34,7 +34,7 @@ html,body {
body {
background-size: contain, contain, auto; /* version standardisée */
background: url("images/curve2.png") repeat-y fixed left bottom, url("images/curve.png") repeat-y fixed right bottom;
background-color: @ini_background_alt2 ;
background-color: @ini_color7 ;
color: @ini_text;
/*font: normal 87.5%/1.4 Arial, sans-serif;*/
font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
@ -150,40 +150,6 @@ ol ol ol ol { list-style-type: upper-alpha; }
ol ol ol ol ol { list-style-type: lower-roman; }
/*____________ tables ____________*/
table {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
border: 1px solid @ini_border;
}
caption {
caption-side: top;
text-align: left;
}
[dir=rtl] caption {
text-align: right;
}
th,
td {
padding: .3em .5em;
margin: 0;
vertical-align: top;
border: 1px solid @ini_background_neu;
}
th {
font-weight: bold;
background-color: @ini_background_alt;
text-align: left;
}
[dir=rtl] th {
text-align: right;
}
/*____________ links ____________*/
a {
@ -208,7 +174,7 @@ a:visited:active {
img {
border-width: 0;
vertical-align: middle;
color: #666;
color: @ini_neutral1;
background-color: transparent;
font-style: italic;
height: auto;
@ -229,7 +195,7 @@ button img {
}
hr {
border: 1px solid @ini_border3;
border: 1px solid @ini_neutral2;
text-align: center;
clear: both;
}
@ -342,8 +308,8 @@ meter,
progress {
font: inherit;
font-weight: normal;
color: #333;
background-color: #fff;
color: @ini_neutraldark;
background-color: @ini_neutrallight;
line-height: normal;
margin: 0;
vertical-align: middle;
@ -366,8 +332,8 @@ input,
textarea,
select,
keygen {
border: 1px solid #ccc;
box-shadow: inset 0 0 1px #eee;
border: 1px solid @ini_neutral3;
box-shadow: inset 0 0 1px @ini_neutral4;
border-radius: 2px;
}
input:active,
@ -378,7 +344,7 @@ select:active,
select:focus,
keygen:active,
keygen:focus {
border-color: #999;
border-color: @ini_neutral2;
}
input[type=radio],
input[type=checkbox],
@ -389,47 +355,7 @@ input[type=image] {
}
/* all types of buttons */
input[type=submit],
input[type=button],
input[type=reset],
input.button,
a.button,
button,
.qq-upload-button {
/* color: #333;
background-color: #eee;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
border: 1px solid #ccc;
border-radius: 2px;
padding: .1em .5em;
cursor: pointer;*/
}
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:hover,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:hover,
input.button:hover,
input.button:active,
input.button:focus,
a.button:hover,
a.button:active,
a.button:focus,
button:hover,
button:active,
button:focus,
.qq-upload-button:hover {
/* border-color: #999;
background-color: #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%);*/
}
input::-moz-focus-inner,
button::-moz-focus-inner {
@ -448,5 +374,5 @@ select[readonly],
textarea[readonly] {
cursor: auto;
opacity: .5;
background-color: #eee;
background-color: @ini_neutral4;
}

View file

@ -56,8 +56,8 @@
span {
padding:0.1em;
margin-top: -1.7em;
border-bottom: 1px solid @ini_border3;
/* pour span actif : passer à -1.6em.*/
/*border-bottom: 1px solid @ini_neutral2;
pour span actif : passer à -1.6em.*/
}
}
}

View file

@ -45,13 +45,13 @@
/* existing wikipage */
.dokuwiki a.wikilink1 {
color: @ini_existing;
color: @ini_link;
background-color: inherit;
}
/* not existing wikipage */
.dokuwiki a.wikilink2 {
color: @ini_missing;
color: @ini_link2;
background-color: inherit;
}
@ -79,7 +79,7 @@
.dokuwiki .page,
.dokuwiki .sidebar {
ul li {
color: @ini_color1;
color: @ini_link;
}
ol li {
@ -94,6 +94,37 @@
/*____________ tables ____________*/
table {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
border: 1px solid @ini_border;
}
caption {
caption-side: top;
text-align: left;
}
[dir=rtl] caption {
text-align: right;
}
th,
td {
padding: .3em .5em;
margin: 0;
vertical-align: top;
border: 1px solid @ini_border;
}
th {
font-weight: bold;
background-color: @ini_color7;
text-align: left;
}
[dir=rtl] th {
text-align: right;
}
/* div around each table */
.dokuwiki div.table {
overflow-x: auto;
@ -109,7 +140,7 @@
}
.dokuwiki table.inline tr:hover td {
background-color: @ini_background_alt;
background-color: @ini_neutral4;
}
.dokuwiki table.inline tr:hover th {

View file

@ -74,6 +74,7 @@
width: 100%;
margin:0;
max-width: calc (@ini_article_width + 10);
min-width: inherit;
> .pad {
margin-left: 0;
@ -228,6 +229,12 @@
padding: .5em;
}
/* to top */
.to_top {
display:block;
right:1em;
}
/* plugin */
.dokuwiki div.plugin_translation {
display: block !important;

View file

@ -25,13 +25,18 @@
.dokuwiki div.plugin_translation ul li a.wikilink2:link, .dokuwiki div.plugin_translation ul li a.wikilink2:hover, .dokuwiki div.plugin_translation ul li a.wikilink2:active, .dokuwiki div.plugin_translation ul li a.wikilink2:visited {
text-decoration: none;
border-bottom: 1px dashed !important;
color: @ini_missing;
color: @ini_link2;
background-color: inherit;
}
/*____________ Config ____________*/
/* because config is a plugin and use placeholder */
/*même gris que @ini_border
#config__manager fieldset {
background-color:#eee; */
.dokuwiki div.plugin_translation select.wikilink1, .dokuwiki div.plugin_translation option.wikilink1 {
color: @ini_link;
}
.dokuwiki div.plugin_translation select, .dokuwiki div.plugin_translation input {
background-color: @ini_neutral4;
}
/*____________ Config manager ____________*/
#config__manager fieldset {
background-color: @ini_background;
}

View file

@ -6,8 +6,8 @@
body {
font: normal 87.5%/1.3 Garamond, Baskerville, "Hoefler Text", "Nimbus Roman No9 L", serif;
background-color: #fff;
color: #000;
background-color: white;
color: black;
}
/* hide certain sections */
@ -58,7 +58,7 @@ a:link,
a:visited {
text-decoration: none;
border-bottom: 1pt dotted;
color: #333;
color: @ini_neutraldark;
background-color: inherit;
}
@ -104,7 +104,7 @@ img.mediacenter {
blockquote {
padding: 0 10pt;
margin: 0;
border: solid #ccc;
border: solid @ini_neutral3;
border-width: 0 0 0 2pt;
}
[dir=rtl] blockquote {
@ -119,14 +119,14 @@ table {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
border: 1pt solid #ccc;
border: 1pt solid @ini_neutral3;
}
th,
td {
padding: 3pt 5pt;
margin: 0;
vertical-align: top;
border: 1pt solid #666;
border: 1pt solid @ini_neutral1;
}
th {
font-weight: bold;
@ -140,7 +140,7 @@ th {
/*____________ a bit of layout ____________*/
#dokuwiki__header {
border-bottom: 2pt solid #ccc;
border-bottom: 2pt solid @ini_neutral3;
}
#dokuwiki__header h1 {
font-size: 1.5em;
@ -161,7 +161,7 @@ th {
.dokuwiki div.footnotes {
clear: both;
border-top: 1pt dotted #999;
border-top: 1pt dotted @ini_neutral2;
margin-top: 10pt;
}
@ -170,7 +170,7 @@ th {
text-align: right;
clear: both;
padding-top: 2pt;
border-top: 1pt solid #999;
border-top: 1pt solid @ini_neutral2;
margin-top: 10pt;
}
[dir=rtl] .dokuwiki div.docInfo {

View file

@ -54,7 +54,6 @@
#dokuwiki__site {
margin: 0 auto;
/*max-width: @ini_site_width;*/
}
#dokuwiki__site > .site {
@ -77,7 +76,6 @@
/* If sidebar or not sidebar, content make same width */
.showSidebar #dokuwiki__content {
/*max-width: calc(@ini_site_width - @ini_sidebar_width);*/
max-width: @ini_article_width;
min-width:30em;
}

View file

@ -11,14 +11,6 @@ So, navbar too, and breadcrumbs.
flex-direction: column;
margin-top: 3.5em;
font-size: .875em;
/* position:fixed;
bottom:0;
*/
/*margin-left: 1em;*/
/*right: calc(@ini_sidebar_width * 2 + @ini_site_width);*/
}
.bartool {
@ -37,7 +29,7 @@ So, navbar too, and breadcrumbs.
.dokuwiki__tools ul, {
margin: 0 auto;
padding: 0;
color: @ini_color1;
color: @ini_link;
}
@ -100,14 +92,10 @@ form.search {
/* Menu tools to edit, history, etc */
.to_top {
/*position:fixed;
bottom:0;
background-color: bisque;*/
position: fixed;
z-index: 101;
right: 10px;
bottom: 10px;
/*right: 10px;*/
bottom: 1em;
background-color: @ini_background;
padding: 0.3em;

View file

@ -161,6 +161,7 @@ $showSidebar = $hasSidebar && ($ACT=='show');
<hr class="a11y" />
<!-- ********** Right menu (tools) ********** -->
<div>
<nav class="nomobile navtool">
<div class="biseau_right_top nomobile"></div>
<div class="nomobile bartool"
@ -254,14 +255,11 @@ $showSidebar = $hasSidebar && ($ACT=='show');
<div class="biseau_2_bottom nomobile"></div>
</nav>
<div class="to_top">
<?php
//tpl_action('top', true, 'li', true, '<img src="images/top.png" alt="go to to site">', '</img>')
//tpl_action('top', true, 'div', true, '<img src="/testsimple/lib/tpl/khum1/images/top.png" alt="go to to site">', '</img>')
//tpl_action('top', true, 'ul', true, 'li class="test"', '</li>')
tpl_action('top', true)
?>
<a href="#dokuwiki__top" class="action top" accesskey="t" rel="nofollow" title="Haut de page [T]">
<img src="<?php echo tpl_basedir(); ?>/images/top.png" / title="Haut de page [T]"></img>
</a>
</div>
<div>
</div><!-- /wrapper -->
</div><!-- dokuwiki__site-->

View file

@ -41,7 +41,6 @@ css/biseau.less = screen
css/mobile.less = all
css/print.css = print
; This section is used to configure some placeholder values used in
; the stylesheets. Changing this file is the simplest method to
; give your wiki a new look.
@ -54,77 +53,70 @@ css/print.css = print
;------ guaranteed dokuwiki color placeholders that every plugin can use
; background color (main, alternative and neutral)
; This template use other way to classified color, see below.
; /!\ if you change it, some plugin make strange colors.
__background__ = "@ini_color4" ; @ini_background
__background_alt__ = "#eee" ; @ini_background_alt TODO : utilisé pour les bordures >< Fond de tableaux, toc, config admin.
__background_neu__ = "#ddd" ; @ini_background_neu
; /!\ if you change it, some plugin have strange colors.
__background__ = "@ini_neutrallight" ; @ini_background
__background_alt__ = "@ini_neutral3" ; @ini_background_alt : used on a lot of border (plugin too) ><
__background_neu__ = "@ini_neutral4" ; @ini_background_neu
; border color
__border__ = "#ccc" ; @ini_border
__border__ = "@ini_neutral3" ; @ini_border
; text color (main, alternative and neutral)
__text__ = "@ini_color5" ; @ini_text
__text_alt__ = "#999" ; @ini_text_alt // gris
__text_neu__ = "#666" ; @ini_text_neu // gris sombre presque noir
__text__ = "@ini_neutraldark" ; @ini_text
__text_alt__ = "@ini_neutral2" ; @ini_text_alt
__text_neu__ = "@ini_neutral1" ; @ini_text_neu
; highlighted text (e.g. search snippets)
__highlight__ = "#ff9" ; @ini_highlight
__highlight__ = "#ffdb4a" ; @ini_highlight
; link color
__link__ = "@ini_color1" ; @ini_link
__link__ = "#483D8B" ; @ini_link // wikilink1 : link existing or external
;--------------------------------------------------------------------------
;--- under this line, placeholders are specific at template, note used in plugin
; TODO : search and change...
__background_alt2__ = "#9890bd" ; @ini_background_alt2
; these are used for links
__existing__ = "@ini_link" ; @ini_existing
__missing__ = "#a6006c" ; @ini_missing
;--------------------------------------------------------------------------
;--- Other colors used only for wiki function
__link2__ = "#a6006c" ; @ini_link2 // wikilink2 : who don't exist on the wiki
; difference between version
__diff_add__ = "#cfc" ; @ini_diff_add
__diff_del__ = "#fdd" ; @ini_diff_del
; site and sidebar widths
__site_width__ = "75em" ; @ini_site_width
__sidebar_width__ = "20em" ; @ini_sidebar_width
__article_width__ = "50em" ; @ini_article_width
__navtool_width__ = "15em" ; @ini_navtool_width
; cut off points for mobile devices
;__tablet_width__ = "800px" ; @ini_tablet_width
__phone_width__ = "900px" ; @ini_phone_width
;--------------------------------------------------------------------------
; ---- template logical color - Khanat schem
; Primary color : logo, links, titles, background buttons
__color1__ = "#483D8B" ; @ini_color1
; ---- Describe color with logic
; -- Neutral colors. Don't change it unless you want strange design.
; secondary color : other buttons, overview (trop violet...)
__color2__ = "#6359db" ; @ini_color2
; Grey model, from darkest to lightest.
; __neutraldark__ = "#2F2F2F" ; @ini_neutraldark
;__neutral1__ = "#7a7a7a" ; @ini_neutral1
;__neutral2__ = "#999" ; @ini_neutral2
;__neutral3__ = "#ccc" ; @ini_neutral3
;__neutral4__ = "#ddd" ; @ini_neutral4
;__neutrallight__ = "#ffffff" ; @ini_neutrallight
; if 3 color is needed
__color3__ = "#6639af" ; @ini_color3 (trop violet aussi...)
; Color model, from darkest to lightest.
__neutraldark__ = "#2d1040" ; @ini_neutraldark
__neutral1__ = "#6359db" ; @ini_neutral1
__neutral2__ = "#6639af" ; @ini_neutral2
__neutral3__ = "#9073ff" ; @ini_neutral3
__neutral4__ = "#ddd" ; @ini_neutral4
__neutrallight__ = "#ffffff" ; @ini_neutrallight
; background for text, or text color on colorized background
__color4__ = "#ffffff" ; @ini_color4
; -- Other color, more identity color !
; text color, shadow color.
__color5__ = "#333" ; @ini_color5
; Used on body background and title table background
__color7__ = "#9890bd" ; @ini_color7
; Couleurs plus douces
; Bleu tendre et intense, pour fond de bouton...
__color6__ = "#689CD3" ; @ini_color6
; -- Specific to Khaganat : logo color. Used on article title.
; khaganat: #8530bf ; khanat : #100873
__title_color__ = "#100873" ; @ini_title_color
; accessibilité : ok en contraste sur fond violet.
__color7__ = "#2F2F2F" ; @ini_color7
;--------------------------------------------------------------------------
;--- Sweet color : some grey and other to border, shadows...
;Grey
__border1__ = "#ccc" ; @ini_border1
; soft grey almost white / gris doux presque blanc
__border2__ = "@ini_border" ; @ini_border2
; gray dark
__border3__ = "#aaa" ; @ini_border3