theme\default\styles.css v1.3.2 theme\default\styles.css v2.0.0
92    background:var(--background-color); 92    background:var(--background-color);
93    margin:0; 93    margin:0;
94    padding:0; 94    padding:0;
95    position:relative; 95    position:relative;
96    min-height: 100vh; 96    min-height: 100vh;
.  97    line-height: 1.4;
97} 98}
98  99 
99a,a:hover,a:active,a:visited{ 100a,a:hover,a:active,a:visited{
100    color:var(--primary-color); 101    color:var(--primary-color);
101    text-decoration:none; 102    text-decoration:none;
137img{ 138img{
138    max-width:100%; 139    max-width:100%;
139    height: auto; 140    height: auto;
140} 141}
141  142 
.  143figure.image {
  144    background-color: var(--background-color);
  145    border-radius: var(--section-radius);
  146    padding: 0;
  147}
  148 
  149figure.image figcaption {
  150    padding: 15px;
  151    border-top:1px solid rgba(127,127,127,0.1);
  152    text-align: center;
  153}
  154 
142table{ 155table{
143    width:100%; 156    width:100%;
144    border:1px solid #e9e9e9 157    border:1px solid #e9e9e9
145} 158}
146  159 
205    color: #fff; 218    color: #fff;
206    border-radius: var(--section-radius); 219    border-radius: var(--section-radius);
207    transition: background-color 0.5s ease; 220    transition: background-color 0.5s ease;
208    border: 1px solid rgba(0,0,0, 0.1); 221    border: 1px solid rgba(0,0,0, 0.1);
209    display: inline-block; 222    display: inline-block;
.  223    line-height: 23px;
  224}
  225 
  226input[type=submit].small, input[type=button].small, button.small, .button.small, [type="file"].small::file-selector-button {
  227    padding: 5px 10px;
  228    font-size: 0.8em;
210} 229}
211  230 
212input[type=submit]:hover, input[type=button]:hover, button:hover, .button:hover, [type="file"]::file-selector-button:hover{ 231input[type=submit]:hover, input[type=button]:hover, button:hover, .button:hover, [type="file"]::file-selector-button:hover{
213    background: var(--primary-hover-color); 232    background: var(--primary-hover-color);
214    color:#fff; 233    color:#fff;
215} 234}
216  235 
217input[type=submit].alert, input[type=button].alert, button.alert, .button.alert{ 236input[type=submit].alert, input[type=button].alert, button.alert, .button.alert{
218    background: var(--alert-color); 237    background: var(--alert-color);
.  238    color: #fff;
219} 239}
220  240 
221input[type=submit].alert:hover, input[type=button].alert:hover, button.alert:hover, .button.alert:hover{ 241input[type=submit].alert:hover, input[type=button].alert:hover, button.alert:hover, .button.alert:hover{
222    background: var(--alert-hover-color); 242    background: var(--alert-hover-color);
223} 243}
245    white-space: pre-wrap; 265    white-space: pre-wrap;
246    white-space: -moz-pre-wrap; 266    white-space: -moz-pre-wrap;
247    white-space: -o-pre-wrap; 267    white-space: -o-pre-wrap;
248} 268}
249  269 
250code{ 270code, pre{
251    font-size: 12px; 271    font-size: 14px;
252    font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; 272    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace 
  273} 
  274 
  275/* Helpers */ 
  276 
  277.align-left { 
  278    float:left; 
  279} 
  280.align-right { 
  281    float: right; 
  282} 
  283.align-center { 
  284    text-align: center;
  285} 
  286.align-justify { 
  287    text-align: justify; 
253} 288}
254  289 
255/* ALERT */  290/* ALERT */ 
256  291 
257#alert-msg{ 292#alert-msg{
605  640 
606.pagination a:hover{ 641.pagination a:hover{
607    background: var(--primary-hover-color); 642    background: var(--primary-hover-color);
608} 643}
609  644 
.  645.comments-list:first-child {
  646    padding-left: 0;
  647}
610.comments-list { 648.comments-list {
611    list-style-type: none; 649    list-style-type: none;
.  650    padding-left: 25px;
  651}
  652 
  653article.comment {
  654    border: none;
  655    padding: 0;
  656    margin-top: 30px;
  657    margin: 50px 0;
  658    padding-bottom: 10px;
  659    border-bottom: 1px solid rgba(125, 125, 125, 0.3);
  660    border-bottom-color: rgba(125, 125, 125, 0.3);
  661    border-radius: 0;
612} 662}
613  663 
614.comments-item { 664.comments-item {
615    border-bottom: 1px solid #e9e9e9;  
616    margin-bottom: 30px; 665    margin-bottom: 30px;
617} 666}
618  667 
619.comments-list .comments-item:last-child {  668.comment-author { 
620    border-bottom: none; 669    font-weight: bold; 
  670    font-size: 18px; 
  671    margin-bottom: 5px;
  672    padding-top: 2px; 
621} 673}
622  674 
623.comments-item .infos{ 675.comment-metadata {
624    font-size: 12px; 676    font-size: 15px;
625    clear: both;  677} 
626    display: block;  678 
627    padding: 15px;  679.comment-author a, .comment-metadata a { 
  680    color: var(--header-links-color); 
  681} 
  682 
  683.comment-avatar { 
  684    float:left; 
  685    margin-right: 10px; 
  686} 
  687 
  688.comment-avatar > img { 
  689    max-width: 50px; 
  690    border-radius: 50%; 
  691} 
  692 
  693.comment-content { 
  694    margin:25px 0; 
  695    font-size: 18px; 
  696} 
  697 
  698.comment-recent { 
  699    font-size: 14px; 
628} 700}
629  701 
630/* Contact */  702/* Contact */ 
631  703 
632.contact .acceptation{ 704.contact .acceptation{
901      973     
902    #footer { 974    #footer {
903        background: var(--dark-section-head-bg-color); 975        background: var(--dark-section-head-bg-color);
904    } 976    }
905      977     
906    input[type=text], input[type=email], input[type=password], textarea, input[type=number], .contact .acceptation{ 978    input[type=text], input[type=email], input[type=password], input[type=url], textarea, input[type=number], .contact .acceptation{
907        background: var(--dark-form-bg-color); 979        background: var(--dark-form-bg-color);
908        color: var(--dark-font-color); 980        color: var(--dark-font-color);
909    } 981    }
910  982 
911    input[type=text], input[type=email], input[type=password], textarea, input[type=number], hr, tr, .contact .acceptation, .blog .comment, .blog .content, .blog .items li.item, #content.galerie #list li { 983    input[type=text], input[type=email], input[type=password], input[type=url], textarea, input[type=number], hr, tr, .contact .acceptation, .blog .comment, .blog .content, .blog .items li.item, #content.galerie #list li {
912        border-color: var(--dark-form-border-color); 984        border-color: var(--dark-form-border-color);
913    } 985    }
914      986     
915    #header_content a { 987    #header_content a {
916        color:var(--dark-header-links-color); 988        color:var(--dark-header-links-color);
929    section > header, article > header, .card > header, 1001    section > header, article > header, .card > header,
930    section > footer, article > footer, .card > footer { 1002    section > footer, article > footer, .card > footer {
931        background-color: var(--dark-section-head-bg-color); 1003        background-color: var(--dark-section-head-bg-color);
932        border: 1px solid transparent; 1004        border: 1px solid transparent;
933    } 1005    }
.  1006 
  1007    figure.image {
  1008        background-color: var(--dark-background-color);
  1009    }
934      1010     
935    [type=checkbox] { 1011    [type=checkbox] {
936        background-color: #374956; 1012        background-color: #374956;
937    } 1013    }
938      1014     
945    } 1021    }
946      1022     
947    #content .toc-container h4 { 1023    #content .toc-container h4 {
948        background-color: var(--dark-section-head-bg-color); 1024        background-color: var(--dark-section-head-bg-color);
949        color: var(--dark-font-color); 1025        color: var(--dark-font-color);
.  1026    }
  1027 
  1028    .comment-author a, .comment-metadata a {
  1029        color: var(--dark-header-links-color);
950    } 1030    }
951} 1031}