mirror of
https://github.com/YunoHost-Apps/lionwiki-t2t_ynh.git
synced 2024-09-03 19:36:27 +02:00
551 lines
9.6 KiB
Text
Executable file
551 lines
9.6 KiB
Text
Executable file
/*-----
|
||
© 2012 GGP & al.jes, certains droits réservés…
|
||
http://geekygoblin.org
|
||
http://aljes.me
|
||
Cette oeuvre est libre, vous pouvez la copier, la diffuser et la modifier selon les termes de la licence Art Libre
|
||
http://www.artlibre.org
|
||
http://geekygoblin.org/mentions.htm
|
||
-----*/
|
||
|
||
/* 0 - Préliminaires */
|
||
|
||
|
||
|
||
|
||
/* font colors:*/
|
||
@MainColor: #__YNH_COLOR__;
|
||
/* or D17732 */
|
||
@FontColor: darken(desaturate(@MainColor, 80%),30%) ;
|
||
@SecondaryColor: spin(@LinkColor, 25) ;
|
||
@LinkColor: @MainColor;
|
||
@LinkColorHover: spin(@LinkColor, 180) ;
|
||
|
||
/* background color: */
|
||
@BackgroundColor: #fAfAfA;
|
||
|
||
/*@BackgroundColor: contrast(@FontColor,#444,#999) ;*/
|
||
/*@BackgroundColor: contrast(@FontColor) ; */
|
||
|
||
/*@BackgroundColor: mix(@MainColor, @LinkColor) ; */
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* for diff tool */
|
||
@RedBrick: #7F4736;
|
||
|
||
/* INITIAL SETTINGS
|
||
@MainColor: #292929 ;
|
||
@SecondaryColor: #42C200 ;
|
||
@LinkColor: #328cc1 ;
|
||
@LinkColorHover: #d9b310 ;
|
||
@BackgroundColor: #FAFAFA ;
|
||
*/
|
||
|
||
|
||
/* 1 - Typographie */
|
||
|
||
@MainFontFamily: Fengardo;
|
||
@MainFontFamilyEdit:Fengardo;
|
||
|
||
@font-face {
|
||
font-family: @MainFontFamily;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
src: url(../fonts/fengardoneue-regular.woff) format('woff'), url(../fonts/fengardoneue-regular.otf) format('opentype'), url(../fonts/fengardoneue-regular.svg) format('svg');
|
||
}
|
||
|
||
@font-face {
|
||
font-family: Fengardo;
|
||
font-style: italic;
|
||
src: url(../fonts/fengardoneue-italic.otf) format('opentype');
|
||
}
|
||
|
||
@font-face {
|
||
font-family: Fengardo;
|
||
font-weight: bold;
|
||
/*font-weight: 500;*/
|
||
src: url(../fonts/fengardoneue-black.woff) format('woff'), url(../fonts/fengardoneue-black.otf) format('opentype'), url(../fonts/fengardoneue-black.svg) format('svg');
|
||
}
|
||
|
||
/* 2 - Général */
|
||
|
||
#header li {float: left; list-style: none; position: relative; width: 25%; }
|
||
|
||
/*ul li {list-style: none;}
|
||
ul li::before {content: "– ";}*/
|
||
/*hr::after {content: "⁂";}*/
|
||
/* 3 - Titres */
|
||
/* 4 - Menus */
|
||
/* 5 - Colophon */
|
||
|
||
* {
|
||
border: 1;
|
||
box-sizing: border-box;
|
||
font: inherit;
|
||
font-size: 100%;
|
||
line-height: 1.5 !important;
|
||
max-width: 100%;
|
||
/*outline: 0;
|
||
text-decoration: none;*/
|
||
vertical-align: baseline;
|
||
}
|
||
html {
|
||
background-color: @BackgroundColor;
|
||
color: @FontColor;
|
||
font-family: Fengardo, sans-serif;
|
||
font-size: 125%;
|
||
-epub-hyphens: auto;
|
||
-moz-hyphens: auto;
|
||
-webkit-hyphens: auto;
|
||
hyphens: auto;
|
||
text-align: justify;
|
||
}
|
||
body {
|
||
margin: 0 auto;
|
||
max-width: 700px;
|
||
width: 85%;
|
||
}
|
||
img.border {
|
||
border: solid 1px @MainColor;
|
||
}
|
||
em, i {
|
||
font-style: italic;
|
||
}
|
||
strong, b {
|
||
font-weight: bold;
|
||
}
|
||
|
||
b i {
|
||
font-weight: bolder;
|
||
font-weight: 900;
|
||
font-style: italic;
|
||
}
|
||
|
||
li {
|
||
ul {
|
||
margin-top: 0.5rem;
|
||
margin-bottom: 0.5rem;
|
||
margin-left: 0rem;
|
||
}
|
||
ol {
|
||
margin-bottom: 0;
|
||
margin-left: 2rem;
|
||
}
|
||
dl {
|
||
margin-bottom: 0;
|
||
margin-left: 2rem;
|
||
}
|
||
}
|
||
dd {
|
||
ul {
|
||
margin-bottom: 0;
|
||
margin-left: 2rem;
|
||
}
|
||
ol {
|
||
margin-bottom: 0;
|
||
margin-left: 2rem;
|
||
}
|
||
dl {
|
||
margin-bottom: 0;
|
||
margin-left: 2rem;
|
||
}
|
||
}
|
||
blockquote {
|
||
margin-left: 1rem;
|
||
p {
|
||
&::before {
|
||
content: "— ";
|
||
}
|
||
}
|
||
}
|
||
q {
|
||
&::before {
|
||
content: "« ";
|
||
}
|
||
&::after {
|
||
content: " »";
|
||
}
|
||
}
|
||
code {
|
||
font-family: monospace;
|
||
font-size: 0.8rem;
|
||
-epub-hyphens: none;
|
||
-moz-hyphens: none;
|
||
-webkit-hyphens: none;
|
||
hyphens: none;
|
||
}
|
||
pre {
|
||
code {
|
||
display: block;
|
||
overflow: auto;
|
||
}
|
||
}
|
||
a {
|
||
/* border-bottom: 1px solid @SecondaryColor; */
|
||
color: inherit;
|
||
margin-bottom: -1px;
|
||
text-decoration: none;
|
||
color: @LinkColor;
|
||
&:hover {
|
||
border-color: inherit;
|
||
color: @LinkColorHover;
|
||
text-decoration: underline;
|
||
}
|
||
&:focus {
|
||
border-color: inherit;
|
||
color: @LinkColorHover;
|
||
text-decoration: none;
|
||
}
|
||
}
|
||
abbr {
|
||
border-bottom: 1px dashed @SecondaryColor;
|
||
margin-bottom: -1px;
|
||
}
|
||
acronym {
|
||
border-bottom: 1px dashed @SecondaryColor;
|
||
margin-bottom: -1px;
|
||
}
|
||
a.definition {
|
||
border-bottom: 1px dashed @SecondaryColor;
|
||
margin-bottom: -1px;
|
||
}
|
||
a.no-border {
|
||
border: 0;
|
||
}
|
||
hr {
|
||
border: 1;
|
||
/*height: 1rem;*/
|
||
margin: 1rem auto;
|
||
width: 1;
|
||
}
|
||
.skip {
|
||
font-size: 0.7rem;
|
||
margin-bottom: 0.3rem;
|
||
text-align: right;
|
||
p {
|
||
margin: 0;
|
||
}
|
||
a {
|
||
margin-left: 1rem;
|
||
}
|
||
}
|
||
|
||
/* disable par-edit visibility anytime */
|
||
|
||
h2 .par-edit,h3 .par-edit,h4 .par-edit,h5 .par-edit,h6 .par-edit{visibility:hidden;font-size:x-small;}
|
||
|
||
h2:hover .par-edit,h3:hover .par-edit,h4:hover .par-edit,h5:hover .par-edit,h6:hover .par-edit{visibility:visible}
|
||
|
||
|
||
h1 {
|
||
font-family: Fengardo;
|
||
text-align: center;
|
||
font-size: 1.6rem;
|
||
font-weight: bold;
|
||
margin: 1.1rem 0;
|
||
text-transform: uppercase;
|
||
}
|
||
h2 {
|
||
text-align: center;
|
||
font-size: 1.5rem;
|
||
font-weight: bold;
|
||
margin: 1rem 0 0.5rem 0;
|
||
font-variant: small-caps;
|
||
}
|
||
h3 {
|
||
text-align: left;
|
||
font-size: 1.3rem;
|
||
font-weight: bold;
|
||
margin: 0.7rem 0 0 0;
|
||
font-variant: small-caps;
|
||
}
|
||
h4 {
|
||
text-align: left;
|
||
font-size: 1.2rem;
|
||
margin: 0.8rem 0 0 0;
|
||
font-style: italic;
|
||
font-variant: normal;
|
||
font-weight: normal;
|
||
text-transform: none;
|
||
}
|
||
h5 {
|
||
text-align: left;
|
||
font-size: 1.1rem;
|
||
margin: 0.9rem 0 0 0;
|
||
font-style: italic;
|
||
font-variant: normal;
|
||
font-weight: normal;
|
||
text-transform: none;
|
||
}
|
||
h6 {
|
||
text-align: left;
|
||
font-size: 1rem;
|
||
font-style: italic;
|
||
font-variant: normal;
|
||
font-weight: normal;
|
||
text-transform: none;
|
||
}
|
||
|
||
table {
|
||
border-collapse: collapse;
|
||
empty-cells: show;
|
||
border-spacing: 0;
|
||
border: 2px solid #999;
|
||
margin: 10px 10px 20px 50px;
|
||
padding: 10px 10px 10px 10px;
|
||
}
|
||
|
||
th,
|
||
td {
|
||
padding: .3em .5em;
|
||
margin: 5;
|
||
vertical-align: top;
|
||
border: 1px solid #999;
|
||
text-align: left;
|
||
}
|
||
.form th,
|
||
td {
|
||
padding: .3em .5em;
|
||
/*margin: 0;*/
|
||
vertical-align: top;
|
||
border: 1px solid #999;
|
||
text-align: left;
|
||
}
|
||
th {
|
||
font-weight: bold;
|
||
background-color: #ddd;
|
||
}
|
||
[dir=rtl] td,
|
||
[dir=rtl] th {
|
||
text-align: right;
|
||
}
|
||
|
||
|
||
.sub {
|
||
font-size: 1rem;
|
||
font-style: italic;
|
||
font-variant: normal;
|
||
font-weight: normal;
|
||
text-transform: none;
|
||
}
|
||
.menu {
|
||
text-align: center;
|
||
li {
|
||
display: inline-block;
|
||
list-style: none;
|
||
margin: 0 1rem;
|
||
&::before {
|
||
content: "";
|
||
}
|
||
}
|
||
}
|
||
.table {
|
||
li {
|
||
list-style-type: lower-roman;
|
||
}
|
||
}
|
||
.sommaire {
|
||
li {
|
||
list-style-type: none;
|
||
}
|
||
}
|
||
.colophon {
|
||
font-size: 0.6rem;
|
||
margin-top: 1rem;
|
||
text-align: center;
|
||
}
|
||
.logo {
|
||
font-size: 0.6rem;
|
||
margin-top: 1rem;
|
||
text-align: center;
|
||
a {
|
||
border: 0;
|
||
}
|
||
img {
|
||
width: 20%;
|
||
}
|
||
}
|
||
|
||
#editor table {
|
||
border: 0px solid #999;
|
||
}
|
||
|
||
|
||
#editor td {
|
||
border: 0px solid #999;
|
||
}
|
||
|
||
|
||
|
||
/* LionWiki specific */
|
||
|
||
a.pending {
|
||
color: @RedBrick;
|
||
}
|
||
h2 span.par-edit, h3 span.par-edit, h4 span.par-edit, h5 span.par-edit, h6 span.par-edit {
|
||
/*float: right;*/
|
||
display: none;
|
||
font-size: small;
|
||
}
|
||
h2:hover span.par-edit, h3:hover span.par-edit, h4:hover span.par-edit, h5:hover span.par-edit, h6:hover span.par-edit {
|
||
display: inline;
|
||
font-size: small;
|
||
}
|
||
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
|
||
background-color: transparent;
|
||
}
|
||
.pageLinks {
|
||
padding-left: 1em;
|
||
padding-right: 1em;
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
.pageLinks a {
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
}
|
||
#headerLinks td {
|
||
border-bottom: 1px dashed #ccc !important;
|
||
}
|
||
#footerLinks td {
|
||
border-top: 1px dashed #ccc !important;
|
||
}
|
||
#mainContent {
|
||
padding: 1em;
|
||
background-color: white;
|
||
}
|
||
#mainContent h2:first-child {
|
||
margin-top: 0px;
|
||
}
|
||
.error {
|
||
color: #F25A5A;
|
||
font-weight: bold;
|
||
}
|
||
.contentTextarea {
|
||
width: 90%;
|
||
font-family: @MainFontFamilyEdit;
|
||
font-size: 105%;
|
||
}
|
||
#diff {
|
||
white-space: pre-wrap;
|
||
word-wrap: break-word;
|
||
white-space: -moz-pre-wrap;
|
||
white-space: -pre-wrap;
|
||
white-space: -o-pre-wrap;
|
||
width: 97%;
|
||
}
|
||
#diff ins {
|
||
color: green;
|
||
text-decoration: none;
|
||
font-weight: bold;
|
||
}
|
||
#diff del {
|
||
color: red;
|
||
text-decoration: line-through;
|
||
}
|
||
#diff .orig {
|
||
color: #666;
|
||
}
|
||
#toc {
|
||
/*border: 1px dashed #11141A;*/
|
||
margin: 2em 1em 2em 1em;
|
||
padding: 5px 5px 5px 5px;
|
||
/*float: right;*/
|
||
padding-right: 2em;
|
||
/*text-align: right;*/
|
||
list-style: none;
|
||
background: #eee;
|
||
clear: none;
|
||
display: block;
|
||
}
|
||
#toc ul {
|
||
list-style: none;
|
||
padding-left: 1em;
|
||
}
|
||
#toc li {
|
||
/*font-size: 11px;*/
|
||
padding-left: 1em;
|
||
}
|
||
|
||
/* Plugins LionWiki*/
|
||
|
||
.tagList {
|
||
padding: 0.2em 0.4em 0.2em 0.4em;
|
||
margin-top: 0.5em;
|
||
border: 1px dashed #31343A;
|
||
background: #eee;
|
||
clear: right;
|
||
}
|
||
.tagCloud {
|
||
float: right;
|
||
width: 200px;
|
||
padding: 0.5em;
|
||
margin: 1em;
|
||
border: 1px dashed #31343A;
|
||
background: #eee;
|
||
clear: right;
|
||
}
|
||
.pageVersionsList {
|
||
letter-spacing: 0px;
|
||
font-variant: normal;
|
||
font-size: 12px;
|
||
}
|
||
table.wikitable {
|
||
border-collapse: collapse;
|
||
border: 1px solid #ccc;
|
||
}
|
||
table.wikitable td {
|
||
border: 1px solid #ccc;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
padding: 2px;
|
||
}
|
||
table.wikitable td.em {
|
||
background: #ccc;
|
||
font-weight: bold;
|
||
}
|
||
table, #previewPane table {
|
||
border-collapse: collapse;
|
||
empty-cells: show;
|
||
border-spacing: 0;
|
||
border: 1px solid #999;
|
||
}
|
||
.form table {
|
||
border-collapse: collapse;
|
||
empty-cells: hide;
|
||
border-spacing: 0;
|
||
border: 0px solid #fff;
|
||
}
|
||
th, td, #previewPane th, #previewPane td {
|
||
padding: .3em .5em;
|
||
margin: 0;
|
||
vertical-align: top;
|
||
border: 1px solid #999;
|
||
text-align: left;
|
||
}
|
||
.form th, td {
|
||
padding: .3em .5em;
|
||
margin: 0;
|
||
vertical-align: top;
|
||
border: 0px solid #999;
|
||
text-align: left;
|
||
}
|
||
th, thead, #previewPane th, #previewPane thead {
|
||
font-weight: bold;
|
||
background-color: #ddd;
|
||
}
|
||
[dir=rtl] td, [dir=rtl] th {
|
||
text-align: right;
|
||
}
|
||
.resizeTextarea a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
progress { color: @MainColor; background-color: @BackgroundColor - #111; border-radius: 0px; border: solid 1px; width: 10em; height: 1em;}
|
||
progress::-moz-progress-bar { background: @MainColor;}
|
||
progress::-webkit-progress-value { background: @MainColor;}
|
||
progress::-webkit-progress-bar { background: @MainColor;}
|
||
|