3867 lines
79 KiB
CSS
3867 lines
79 KiB
CSS
@charset "UTF-8";
|
|
/** --------------------------------------------------
|
|
Start
|
|
--------------------------------------------------- */
|
|
/* largeur des paddings et border compris dans "width" */
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: border-box; }
|
|
|
|
html {
|
|
font-size: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
a {
|
|
background: transparent; }
|
|
a:focus {
|
|
outline: thin dotted; }
|
|
a:active, a:hover {
|
|
outline: none; }
|
|
a img {
|
|
border: none; }
|
|
|
|
q,
|
|
cite {
|
|
font-style: italic; }
|
|
|
|
q:before,
|
|
q:after {
|
|
content: ""; }
|
|
|
|
sup,
|
|
sub {
|
|
font-size: .75em;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline; }
|
|
|
|
sup {
|
|
top: -0.5em; }
|
|
|
|
sub {
|
|
bottom: -0.25em; }
|
|
|
|
abbr[title] {
|
|
border-bottom: 1px dotted;
|
|
cursor: help; }
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bold;
|
|
font-size: 0.9375em; }
|
|
|
|
small {
|
|
font-size: 80%; }
|
|
|
|
dfn {
|
|
font-style: italic; }
|
|
|
|
hr {
|
|
box-sizing: content-box;
|
|
height: 0; }
|
|
|
|
mark {
|
|
background: #ff0;
|
|
color: #000; }
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace, serif;
|
|
font-size: 1em; }
|
|
|
|
pre {
|
|
white-space: pre-wrap; }
|
|
|
|
fieldset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none; }
|
|
|
|
input,
|
|
button,
|
|
select {
|
|
vertical-align: middle; }
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
font-family: inherit;
|
|
font-size: 100%;
|
|
margin: 0; }
|
|
|
|
button,
|
|
input {
|
|
line-height: normal; }
|
|
|
|
button,
|
|
html input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer; }
|
|
|
|
button[disabled],
|
|
html input[disabled] {
|
|
cursor: default; }
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
padding: 0;
|
|
border: none; }
|
|
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield; }
|
|
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none; }
|
|
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0; }
|
|
|
|
textarea {
|
|
overflow: auto;
|
|
vertical-align: top; }
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
margin-bottom: 1.5em; }
|
|
|
|
td,
|
|
th {
|
|
padding: 1px;
|
|
vertical-align: top;
|
|
text-align: left; }
|
|
|
|
td:first-child,
|
|
th:first-child {
|
|
empty-cells: hide; }
|
|
|
|
/* scripts */
|
|
body > script {
|
|
display: none !important; }
|
|
|
|
/* HTML5 for old browsers */
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
main,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block; }
|
|
|
|
audio,
|
|
canvas,
|
|
video {
|
|
display: inline-block; }
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0; }
|
|
|
|
figure {
|
|
margin: 0; }
|
|
|
|
[hidden],
|
|
template {
|
|
display: none; }
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden; }
|
|
|
|
/* Headings reset */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
margin: 0; }
|
|
|
|
/* Screen-reader only */
|
|
.visually-hidden {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
white-space: nowrap; }
|
|
.visually-hidden:focus, .visually-hidden:active {
|
|
clip: auto;
|
|
clip-path: none;
|
|
height: auto;
|
|
overflow: visible;
|
|
position: static;
|
|
width: auto;
|
|
white-space: normal; }
|
|
|
|
.sr-only {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
white-space: nowrap; }
|
|
|
|
/** --------------------------------------------------
|
|
Colors
|
|
--------------------------------------------------- */
|
|
/* bright red */
|
|
/* slategray */
|
|
/* soft dark blue */
|
|
/** --------------------------------------------------
|
|
Common rules
|
|
--------------------------------------------------- */
|
|
/* Typographie */
|
|
:root {
|
|
--html-font-size: 62.5%;
|
|
--body-color: #dcdee0;
|
|
--body-background: #272b30; }
|
|
|
|
html {
|
|
font-size: 62.5%;
|
|
font-size: var(--html-font-size); }
|
|
|
|
body {
|
|
color: #dcdee0;
|
|
background: #272b30;
|
|
font-size: 1.4rem;
|
|
line-height: 1.5;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
|
|
@media screen and (max-width: 26.5em) {
|
|
body.responsive-font {
|
|
font-size: 1.2rem;
|
|
line-height: 1.3; } }
|
|
@media screen and (min-width: 120em) {
|
|
body.responsive-font {
|
|
font-size: 1.6rem;
|
|
line-height: 1.5; } }
|
|
@media screen and (min-width: 26.5em) and (max-width: 120em) {
|
|
body.responsive-font {
|
|
font-size: calc( 1.2rem + 0.4 * (100vw - 42.4rem) / (192 - 42.4));
|
|
line-height: calc( 1.3em + (1.5 - 1.3) * (100vw - 42.4rem) / (192 - 42.4)); } }
|
|
|
|
@media screen and (max-width: 26.5em) {
|
|
#wrapper {
|
|
font-size: 1.2em; } }
|
|
|
|
h2,
|
|
h3,
|
|
.as_h3,
|
|
h4,
|
|
.as_h4,
|
|
h5,
|
|
h6 {
|
|
margin-top: 0;
|
|
margin-bottom: 1em; }
|
|
|
|
h2 {
|
|
color: #b2b5ba;
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
line-height: 1.25;
|
|
padding: 0 0 1.5em; }
|
|
|
|
h3,
|
|
.as_h3 {
|
|
color: #ff6e3a;
|
|
font-size: 1.34em;
|
|
font-weight: normal;
|
|
line-height: 1.5;
|
|
margin-top: 1em; }
|
|
|
|
h4,
|
|
.as_h4 {
|
|
color: #b2b5ba;
|
|
font-size: 1.16em;
|
|
line-height: 1.5; }
|
|
|
|
h5 {
|
|
color: #b2b5ba;
|
|
font-size: 1em;
|
|
line-height: 1.5;
|
|
font-weight: bold; }
|
|
|
|
h6 {
|
|
color: #b2b5ba;
|
|
font-size: 1em;
|
|
line-height: 1.5; }
|
|
|
|
/** --------------------------------------------------
|
|
Layout
|
|
--------------------------------------------------- */
|
|
#dotclear-admin {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
flex-direction: column; }
|
|
|
|
#header {
|
|
color: #dcdee0;
|
|
background: #272b30;
|
|
border-bottom: 4px solid #9ac123;
|
|
width: 99.99%;
|
|
/* Bugfix Chrome >= 49.0.2623.108 */
|
|
display: table;
|
|
position: relative; }
|
|
|
|
h1,
|
|
#top-info-blog,
|
|
#top-info-user {
|
|
display: table-cell;
|
|
padding: 8px 0;
|
|
margin: 0;
|
|
font-size: 1em;
|
|
vertical-align: top; }
|
|
|
|
#wrapper {
|
|
background: #272b30;
|
|
position: relative;
|
|
padding-top: 1.5em;
|
|
float: left;
|
|
width: 100%;
|
|
z-index: 10;
|
|
flex: 1; }
|
|
|
|
.with-js #wrapper {
|
|
padding-top: 0; }
|
|
|
|
#main {
|
|
width: 100%;
|
|
float: right;
|
|
margin-left: -14em;
|
|
margin-top: 0; }
|
|
|
|
#content {
|
|
background: #272b30;
|
|
margin: 0 0 0 14em;
|
|
padding: .5em 1.5em .75em 2.5em; }
|
|
|
|
#main-menu {
|
|
background: #4c4d4f;
|
|
width: 14em;
|
|
float: left;
|
|
margin: 0;
|
|
padding-top: .5em;
|
|
padding-bottom: 1em;
|
|
overflow: hidden; }
|
|
|
|
#footer {
|
|
background-color: #272b30;
|
|
border-top: 1px solid #cbced1;
|
|
clear: both;
|
|
position: relative;
|
|
padding: .5em 0 .5em 1em;
|
|
text-align: left; }
|
|
|
|
/* to hide main-menu */
|
|
#collapser {
|
|
background: #595b5d;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 14em;
|
|
width: 10px;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
display: block;
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
z-index: 1;
|
|
transition: none; }
|
|
#collapser:hover, #collapser:focus {
|
|
background: #9ac123; }
|
|
.hide-mm #collapser {
|
|
background: #9ac123; }
|
|
.hide-mm #collapser:hover, .hide-mm #collapser:focus {
|
|
background: #595b5d; }
|
|
|
|
.expand-mm {
|
|
display: none; }
|
|
|
|
/* if main-menu is hidden */
|
|
.hide-mm #main {
|
|
margin-left: 0; }
|
|
.hide-mm #content {
|
|
margin-left: 10px; }
|
|
.hide-mm #content > h2 {
|
|
margin-left: calc(-1em - 10px); }
|
|
.hide-mm #main-menu {
|
|
display: none; }
|
|
.hide-mm #collapser {
|
|
left: 0; }
|
|
.hide-mm .collapse-mm {
|
|
display: none; }
|
|
.hide-mm .expand-mm {
|
|
display: block; }
|
|
|
|
#wrapper.hide-mm {
|
|
background: #272b30; }
|
|
|
|
/* -------------------------------------------------------------- layout: two-cols */
|
|
.two-cols {
|
|
position: static; }
|
|
.two-cols .col {
|
|
width: 48%;
|
|
margin-left: 2%;
|
|
float: left; }
|
|
.two-cols .col:first-child {
|
|
margin-left: 0;
|
|
margin-right: 2%; }
|
|
.two-cols .col:last-child {
|
|
margin-left: 2%;
|
|
margin-right: 0; }
|
|
.two-cols .col70 {
|
|
width: 68%;
|
|
margin-left: 0;
|
|
float: left; }
|
|
.two-cols .col70.last-col {
|
|
margin-left: 2%;
|
|
margin-right: 0; }
|
|
.two-cols .col30 {
|
|
width: 28%;
|
|
margin-left: 2%;
|
|
float: left; }
|
|
.two-cols .col30.first-col {
|
|
margin-left: 0;
|
|
margin-right: 2%; }
|
|
.two-cols table {
|
|
width: 90%; }
|
|
|
|
/* -------------------------------------------------------------- layout: three-cols */
|
|
.three-cols {
|
|
position: static; }
|
|
.three-cols .col {
|
|
width: 32.3%;
|
|
float: left;
|
|
margin-left: 1%; }
|
|
.three-cols .col:first-child {
|
|
margin-left: 0; }
|
|
|
|
/* ------------------------------------------------- layout: optionnal one/two/three-boxes */
|
|
.one-box {
|
|
text-align: justify; }
|
|
|
|
.two-boxes {
|
|
width: 48.5%; }
|
|
|
|
.three-boxes {
|
|
width: 30%; }
|
|
|
|
.two-boxes,
|
|
.three-boxes {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0 1.5% 1em;
|
|
text-align: left; }
|
|
|
|
.two-boxes:nth-of-type(odd),
|
|
.three-boxes:nth-of-type(3n+1) {
|
|
margin-left: 0; }
|
|
|
|
.two-boxes:nth-of-type(even),
|
|
.three-boxes:nth-of-type(3n) {
|
|
margin-right: 0; }
|
|
|
|
/* ---------------------------------------------------------------- layout: popups */
|
|
.popup h1 {
|
|
color: #dcdee0;
|
|
background: #595b5d;
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0;
|
|
font-size: 1.5em;
|
|
text-indent: 1em;
|
|
line-height: 1.5em;
|
|
font-weight: normal; }
|
|
.popup #wrapper {
|
|
display: block;
|
|
float: none;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-position: 0 0; }
|
|
.popup #main {
|
|
margin: 0;
|
|
padding: 0; }
|
|
.popup #content {
|
|
margin: 0;
|
|
padding: 1em; }
|
|
.popup #content h2 {
|
|
margin: 0 0 1em 0;
|
|
padding: 0; }
|
|
.popup #footer p {
|
|
border: none; }
|
|
|
|
/* -------------------------------------------------------- layout: classes de complément */
|
|
.constrained {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
background: transparent; }
|
|
|
|
.table {
|
|
display: table; }
|
|
|
|
.cell {
|
|
display: table-cell;
|
|
vertical-align: top; }
|
|
|
|
.clear {
|
|
clear: both; }
|
|
|
|
.lclear {
|
|
clear: left; }
|
|
|
|
.clearer {
|
|
height: 1px;
|
|
font-size: 1px; }
|
|
|
|
/* Micro clearfix thx to Nicolas Gallagher */
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
content: " ";
|
|
display: table; }
|
|
|
|
.clearfix:after {
|
|
clear: both; }
|
|
|
|
.box {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0 10px 10px;
|
|
text-align: left;
|
|
flex: 1 1 auto; }
|
|
.box.small {
|
|
flex-basis: 312px; }
|
|
.box.medium {
|
|
flex-basis: 644px; }
|
|
.box.large {
|
|
width: 100%; }
|
|
|
|
.odd {
|
|
margin-left: 0; }
|
|
|
|
.even {
|
|
margin-right: 0; }
|
|
|
|
/* ------------------------------------------------------------------------------------
|
|
UN POIL DE MEDIA QUERIES
|
|
------------------------------------------------------------------------------------ */
|
|
@media screen and (max-width: 80em) {
|
|
#header {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: right; }
|
|
#header h1,
|
|
#header h1 a {
|
|
width: 120px;
|
|
margin: 0; }
|
|
|
|
h1 {
|
|
width: 19.5em;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 1em; }
|
|
|
|
#top-info-blog {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 1em; }
|
|
#top-info-blog #switchblog {
|
|
max-width: 16em; }
|
|
#top-info-blog a {
|
|
margin-left: 2em; }
|
|
|
|
#top-info-user {
|
|
display: block;
|
|
width: 100%; }
|
|
|
|
#collapser {
|
|
left: 17em; }
|
|
|
|
#main {
|
|
margin-left: -17em; }
|
|
|
|
#content {
|
|
margin: 0 0 0 17em; }
|
|
|
|
#main-menu {
|
|
width: 17em; }
|
|
|
|
.three-boxes,
|
|
.three-boxes .box,
|
|
.two-cols .col70,
|
|
.two-cols .col30 {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-right: 0; } }
|
|
@media screen and (max-width: 48em) {
|
|
#dashboard-boxes .box.medium,
|
|
.box.medium,
|
|
#dashboard-boxes .box.small,
|
|
.box.small,
|
|
#dashboard-boxes .box.large,
|
|
.box.large {
|
|
width: 95%;
|
|
margin: 10px auto; } }
|
|
@media screen and (max-width: 44em) {
|
|
#help-button {
|
|
height: 26px;
|
|
width: 26px;
|
|
margin: 0;
|
|
overflow: hidden; }
|
|
|
|
#content.with-help #help-button {
|
|
top: 10em; }
|
|
|
|
.one-box,
|
|
.two-boxes,
|
|
.box,
|
|
.two-cols .col {
|
|
width: 96%;
|
|
margin-left: 0;
|
|
margin-right: 0; } }
|
|
@media screen and (max-width: 38em) {
|
|
#header h1,
|
|
#header h1 a {
|
|
width: 42px !important;
|
|
height: 42px; }
|
|
|
|
#wrapper,
|
|
#main,
|
|
#main-menu {
|
|
display: block;
|
|
float: none;
|
|
width: 100%;
|
|
margin: 0; }
|
|
|
|
#main-menu a {
|
|
display: block;
|
|
width: 100%; }
|
|
#main-menu h3 a {
|
|
display: inline; }
|
|
|
|
#content,
|
|
.hide-mm #content {
|
|
margin: 0; }
|
|
|
|
#collapser {
|
|
display: none; }
|
|
|
|
#main #content > h2 {
|
|
margin: 0 -.25em 1em; }
|
|
|
|
#dashboard-boxes .box.medium,
|
|
.box.medium,
|
|
#dashboard-boxes .box.small,
|
|
.box.small,
|
|
#dashboard-boxes .box.large,
|
|
.box.large {
|
|
width: 95%;
|
|
margin: 10px auto; }
|
|
|
|
.cell,
|
|
#filters-form .cell {
|
|
display: inline-block;
|
|
vertical-align: bottom; }
|
|
|
|
.pseudo-tabs li {
|
|
display: block;
|
|
float: left;
|
|
width: 50%; } }
|
|
@media screen and (max-width: 26.5em) {
|
|
#top-info-blog label,
|
|
.nomobile {
|
|
display: none; }
|
|
|
|
#top-info-blog {
|
|
margin-bottom: .5em;
|
|
max-width: 75%; }
|
|
#top-info-blog select {
|
|
margin-bottom: .5em; }
|
|
|
|
#content.with-help #help-button {
|
|
top: 10em;
|
|
right: 28rem; }
|
|
#content.with-help #help {
|
|
width: 28rem; }
|
|
|
|
p.top-add {
|
|
margin-bottom: .5em; }
|
|
|
|
.part-tabs ul {
|
|
margin: 1em 0; }
|
|
|
|
.part-tabs li a {
|
|
display: block;
|
|
width: 100%; }
|
|
|
|
#icons p {
|
|
width: 9em; }
|
|
|
|
.media-item {
|
|
width: 90%; }
|
|
|
|
#theme-new,
|
|
#theme-activate,
|
|
#theme-deactivate {
|
|
margin-left: 0;
|
|
margin-right: 0; }
|
|
|
|
.box.current-theme {
|
|
margin: 5px;
|
|
width: 100%; }
|
|
|
|
.current-theme .module-sshot img {
|
|
margin: 0;
|
|
float: none;
|
|
max-width: 100%; }
|
|
|
|
table .maximal {
|
|
min-width: 14em; }
|
|
|
|
.pseudo-tabs li {
|
|
display: block;
|
|
width: 100%;
|
|
float: none; } }
|
|
/** --------------------------------------------------
|
|
Elements
|
|
--------------------------------------------------- */
|
|
/* ------------------------------------------------------------------ titres */
|
|
/* fil d'ariane */
|
|
#content > h2 {
|
|
padding: 0 1em .5em 1em;
|
|
margin: 0 -1em 1em -1em;
|
|
background: #272b30;
|
|
border-bottom: 1px solid #86888c; }
|
|
|
|
/* page courante dans le fil d'ariane */
|
|
.page-title {
|
|
color: #f783b3; }
|
|
.page-title img {
|
|
padding-left: .5em;
|
|
vertical-align: middle; }
|
|
|
|
/* autres titres */
|
|
#main-menu h3 {
|
|
font-weight: bold; }
|
|
|
|
.fieldset h3,
|
|
.fieldset h4,
|
|
.pretty-title {
|
|
color: #ff6e3a;
|
|
font-size: 1em;
|
|
font-weight: bold; }
|
|
|
|
.fieldset h3 {
|
|
font-size: 1.17em; }
|
|
|
|
.fieldset h3.smart-title,
|
|
.fieldset h4.smart-title,
|
|
.smart-title {
|
|
font-size: 1em;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
color: #f3f4f5; }
|
|
|
|
#entry-sidebar h5 {
|
|
font-weight: normal;
|
|
color: #ecedee; }
|
|
|
|
.entry-status img.img_select_option {
|
|
padding-left: 4px;
|
|
vertical-align: -1px; }
|
|
|
|
h4 label,
|
|
h5 label {
|
|
color: #ecedee; }
|
|
|
|
h2:first-child,
|
|
h3:first-child,
|
|
h4:first-child,
|
|
h5:first-child,
|
|
ul:first-child,
|
|
p:first-child {
|
|
margin-top: 0; }
|
|
|
|
/* ---------------------------------------------------------------- tableaux */
|
|
/* Pour autoriser le scroll sur les petites largeurs
|
|
envelopper les tableaux dans une div.table-outer */
|
|
.table-outer {
|
|
width: 100%;
|
|
overflow: auto; }
|
|
|
|
table {
|
|
font-size: 1em;
|
|
border-collapse: collapse;
|
|
margin: 0 0 1em 0;
|
|
width: 100%; }
|
|
|
|
caption {
|
|
color: #dcdee0;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
margin-bottom: .5em; }
|
|
|
|
th:not(.module-name) {
|
|
border-width: 1px 0 1px 0;
|
|
border-style: solid;
|
|
border-color: #dbdcdd;
|
|
background: #595b5d;
|
|
padding: .4em 1em .4em .5em;
|
|
vertical-align: top;
|
|
text-align: left; }
|
|
|
|
td, th.module-name {
|
|
font-weight: normal;
|
|
border-width: 0 0 1px 0;
|
|
border-style: solid;
|
|
border-color: #ecedee;
|
|
padding: .4em 1em .4em .5em;
|
|
vertical-align: top; }
|
|
|
|
/* ---------------------------------------------------------- autres balises */
|
|
p {
|
|
margin: 0 0 1em 0; }
|
|
|
|
hr {
|
|
height: 1px;
|
|
border-width: 1px 0 0;
|
|
border-color: #c9cbcf;
|
|
background: #c9cbcf;
|
|
border-style: solid; }
|
|
hr.clearer {
|
|
clear: both; }
|
|
|
|
pre,
|
|
code,
|
|
#debug {
|
|
font: 100% "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; }
|
|
|
|
code {
|
|
color: #272b30;
|
|
background: #fefacd; }
|
|
|
|
pre {
|
|
white-space: pre;
|
|
white-space: -moz-pre-wrap;
|
|
white-space: pre-wrap;
|
|
white-space: pre-line;
|
|
word-wrap: break-word; }
|
|
|
|
abbr {
|
|
cursor: help; }
|
|
|
|
input,
|
|
textarea,
|
|
select,
|
|
option,
|
|
optgroup,
|
|
legend,
|
|
label {
|
|
font-size: 1em; }
|
|
|
|
/* ------------------------------------------------------------------ liens */
|
|
a,
|
|
a:link,
|
|
a:visited {
|
|
color: #76c2f1;
|
|
text-decoration: none;
|
|
border-bottom: 1px dotted #86888c;
|
|
background-color: inherit;
|
|
outline: 0; }
|
|
a img,
|
|
a:link img,
|
|
a:visited img {
|
|
border: none;
|
|
background: initial; }
|
|
|
|
a:hover,
|
|
a:active {
|
|
border-bottom-style: solid; }
|
|
|
|
h1 a:link,
|
|
h1 a:visited {
|
|
border: none; }
|
|
|
|
.discrete a {
|
|
color: #dcdee0; }
|
|
|
|
a:link {
|
|
transition: .5s; }
|
|
|
|
a:focus,
|
|
a:focus img {
|
|
outline: 2px solid #bee74b;
|
|
border-bottom: none;
|
|
text-decoration: none; }
|
|
|
|
a.outgoing img, .outgoing-js {
|
|
width: .75em;
|
|
filter: contrast(100%); }
|
|
#header a.outgoing img, #header .outgoing-js {
|
|
width: 1.25em;
|
|
padding: 0 0 0 .5em;
|
|
vertical-align: initial;
|
|
filter: contrast(100%); }
|
|
|
|
input[type=text],
|
|
input[type=color],
|
|
input[type=email],
|
|
input[type=url],
|
|
input[type=datetime-local],
|
|
input[type=date],
|
|
input[type=time],
|
|
input[type=file],
|
|
input[type=number],
|
|
input[type=password],
|
|
input[type=submit],
|
|
input[type=button],
|
|
input[type=reset],
|
|
a.button, button, textarea, select, legend {
|
|
max-width: 100%; }
|
|
|
|
input[type=text],
|
|
input[type=color],
|
|
input[type=email],
|
|
input[type=url],
|
|
input[type=datetime-local],
|
|
input[type=date],
|
|
input[type=time],
|
|
input[type=file],
|
|
input[type=number],
|
|
input[type=password],
|
|
input[type=submit],
|
|
input[type=button],
|
|
input[type=reset],
|
|
a.button, button, textarea, legend {
|
|
border-radius: 3px; }
|
|
|
|
form {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
fieldset {
|
|
display: block;
|
|
margin: 1em 0;
|
|
padding: 1em 0.5em;
|
|
border-width: 1px 0;
|
|
border-style: solid;
|
|
border-color: #cbced1;
|
|
background: #272b30; }
|
|
fieldset hr {
|
|
background-color: #cbced1;
|
|
border-width: 0;
|
|
margin: 1em 0; }
|
|
fieldset:focus-within {
|
|
background-color: #363a3e; }
|
|
|
|
input[type=text],
|
|
input[type=color],
|
|
input[type=email],
|
|
input[type=url],
|
|
input[type=datetime-local],
|
|
input[type=date],
|
|
input[type=time],
|
|
input[type=file],
|
|
input[type=number],
|
|
textarea {
|
|
font-family: inherit;
|
|
font-size: 100%; }
|
|
|
|
legend {
|
|
padding: 0.2em 0.6em;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #cbced1;
|
|
background: #595b5d;
|
|
margin-bottom: 0.5em; }
|
|
|
|
label .maximal, textarea.maximal, input.maximal, select.maximal {
|
|
width: 99%; }
|
|
|
|
input[type=text],
|
|
input[type=password],
|
|
input[type=color],
|
|
input[type=email],
|
|
input[type=url],
|
|
input[type=datetime-local],
|
|
input[type=date],
|
|
input[type=time],
|
|
input[type=file],
|
|
input[type=number],
|
|
textarea, select, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown {
|
|
box-shadow: 1px 1px 2px #ecedee inset;
|
|
padding: 3px;
|
|
vertical-align: top; }
|
|
|
|
input[type=text],
|
|
input[type=password],
|
|
input[type=color],
|
|
input[type=email],
|
|
input[type=url],
|
|
input[type=datetime-local],
|
|
input[type=date],
|
|
input[type=time],
|
|
input[type=file],
|
|
input[type=number],
|
|
textarea, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #767d86; }
|
|
|
|
input:invalid:not(:required), textarea:invalid:not(:required), select:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) {
|
|
color: #000;
|
|
box-shadow: 0 0 0 3px rgba(174, 50, 59, 0.3); }
|
|
|
|
input:invalid:not(:required), textarea:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) {
|
|
border: 1px solid #ae323b;
|
|
background: #ffbaba; }
|
|
|
|
input:focus, textarea:focus {
|
|
border-color: #bee74b; }
|
|
|
|
textarea {
|
|
padding: 2px 0; }
|
|
textarea.maximal {
|
|
resize: vertical; }
|
|
.area textarea {
|
|
display: block;
|
|
width: 100%;
|
|
resize: vertical; }
|
|
|
|
select {
|
|
padding: 2px 0;
|
|
vertical-align: middle; }
|
|
|
|
@media not all and (min-resolution: 0.001dpcm) {
|
|
@supports (-webkit-appearance: none) {
|
|
/* Safari 10.1+ only (https://browserstrangeness.bitbucket.io/css_hacks.html#webkit) */
|
|
select {
|
|
font-size: initial; } } }
|
|
select.l10n option {
|
|
padding-left: 16px; }
|
|
|
|
option.avail10n {
|
|
background: transparent url(../images/check-on.png) no-repeat 0 50%; }
|
|
|
|
input[type=text],
|
|
input[type=color],
|
|
input[type=email],
|
|
input[type=url],
|
|
input[type=datetime-local],
|
|
input[type=date],
|
|
input[type=time],
|
|
input[type=number],
|
|
input[type=password],
|
|
textarea {
|
|
margin-right: .3em; }
|
|
|
|
input[type=checkbox], input[type=radio], input[type=file] {
|
|
border: none;
|
|
margin: 0 .33em 0 0;
|
|
padding: 0; }
|
|
|
|
input + input[type=checkbox] {
|
|
margin-left: .33em; }
|
|
|
|
a input {
|
|
margin-right: .33em; }
|
|
|
|
input[type=file] {
|
|
margin-top: .3em;
|
|
margin-bottom: .3em; }
|
|
|
|
input[type=color] {
|
|
width: 4em;
|
|
height: 3em; }
|
|
|
|
optgroup {
|
|
font-weight: bold;
|
|
font-style: normal; }
|
|
|
|
option {
|
|
font-weight: normal; }
|
|
|
|
label, label span {
|
|
display: block; }
|
|
|
|
label.ib, input.ib {
|
|
display: inline-block; }
|
|
|
|
label.classic {
|
|
display: inline; }
|
|
|
|
label.classic input, label span input, label.classic select, label span select {
|
|
display: inline; }
|
|
|
|
label.required {
|
|
font-weight: bold; }
|
|
|
|
label.required abbr {
|
|
color: #f783b3;
|
|
font-size: 1.3em;
|
|
text-decoration: none; }
|
|
|
|
label.bold {
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
margin-top: 2em; }
|
|
|
|
label.area, p.area, div.area {
|
|
width: inherit !important; }
|
|
|
|
div.area {
|
|
margin-bottom: 1em; }
|
|
|
|
p.field {
|
|
position: relative; }
|
|
p.field label {
|
|
display: inline-block;
|
|
width: 14em; }
|
|
p.field.wide label {
|
|
width: 21em; }
|
|
p.field input, p.field select {
|
|
display: inline-block; }
|
|
|
|
.form-note, .form-stats {
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
color: #bce8f1; }
|
|
|
|
p.form-note, p.form-stats {
|
|
margin-top: -.7em; }
|
|
|
|
span.form-note, span.form-stats {
|
|
text-transform: none; }
|
|
|
|
.missing {
|
|
background-color: inherit;
|
|
animation-name: kf-missing;
|
|
animation-duration: 1s; }
|
|
|
|
@keyframes kf-missing {
|
|
50% {
|
|
background-color: #ffbaba; } }
|
|
.focus {
|
|
background-color: inherit;
|
|
animation-name: kf-focus;
|
|
animation-duration: 1s; }
|
|
|
|
@keyframes kf-focus {
|
|
50% {
|
|
background-color: #bee74b; } }
|
|
.no-more-info {
|
|
display: none; }
|
|
|
|
/* Removes inner padding and border in FF3+ - Knacss */
|
|
button::-moz-focus-inner,
|
|
input[type=button]::-moz-focus-inner,
|
|
input[type=reset]::-moz-focus-inner,
|
|
input[type=submit]::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0; }
|
|
|
|
/* tous les boutons */
|
|
button,
|
|
a.button,
|
|
input[type=button],
|
|
input[type=reset],
|
|
input[type=submit] {
|
|
border: 1px solid #86888c;
|
|
font-family: inherit;
|
|
padding: 3px 10px;
|
|
line-height: normal !important;
|
|
display: inline-block;
|
|
font-size: 100%;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
position: relative;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
border-style: solid;
|
|
border-width: 1px; }
|
|
|
|
a.button {
|
|
vertical-align: middle; }
|
|
|
|
/* validation */
|
|
input[type=submit],
|
|
button[type=submit],
|
|
a.button.submit,
|
|
button.submit,
|
|
input.button.start {
|
|
color: #fff;
|
|
background-color: #25a6e1;
|
|
background-image: linear-gradient(to bottom, #25a6e1, #188bc0);
|
|
border-color: #25a6e1; }
|
|
|
|
input[type=submit]:hover,
|
|
input[type=submit]:focus,
|
|
button[type=submit]:hover,
|
|
button[type=submit]:focus,
|
|
input.button.start:hover,
|
|
input.button.start:focus,
|
|
button.submit:hover,
|
|
button.submit:focus,
|
|
a.button.submit:hover,
|
|
a.button.submit:focus {
|
|
background-color: #188bc0;
|
|
background-image: linear-gradient(to bottom, #188bc0, #25a6e1);
|
|
border-color: #188bc0; }
|
|
|
|
/* suppression, reset, "neutres" fond gris */
|
|
button,
|
|
input[type=button],
|
|
input.button,
|
|
input[type=reset],
|
|
input[type=submit].reset,
|
|
input.reset,
|
|
input[type=submit].delete,
|
|
input.delete,
|
|
a.button,
|
|
a.button.delete,
|
|
a.button.reset {
|
|
color: #000;
|
|
background-color: #eaeaea;
|
|
background-image: linear-gradient(to bottom, #f9f9f9, #eaeaea);
|
|
background-repeat: repeat-x;
|
|
border-color: #86888c; }
|
|
|
|
button:hover,
|
|
input[type=button]:hover,
|
|
input.button:hover,
|
|
button:focus,
|
|
input[type=button]:focus,
|
|
input.button:focus,
|
|
input[type=reset]:hover,
|
|
input[type=submit].reset:hover,
|
|
input.reset:hover,
|
|
input[type=reset]:focus,
|
|
input[type=submit].reset:focus,
|
|
input.reset:focus,
|
|
input[type=submit].delete:hover,
|
|
input.delete:hover,
|
|
input[type=submit].delete:focus,
|
|
input.delete:focus,
|
|
a.button.delete:hover,
|
|
a.button.reset:hover,
|
|
a.button:hover,
|
|
a.button.delete:focus,
|
|
a.button.reset:focus,
|
|
a.button:focus {
|
|
background-color: #dadada;
|
|
background-image: linear-gradient(to bottom, #eaeaea, #dadada);
|
|
background-repeat: repeat-x;
|
|
border-color: #86888c; }
|
|
|
|
/* suppression */
|
|
input[type=submit].delete,
|
|
input.delete,
|
|
button[type=submit].delete,
|
|
button.delete,
|
|
a.button.delete {
|
|
color: #ae323b; }
|
|
|
|
input[type=submit].delete:hover,
|
|
input.delete:hover,
|
|
button[type=submit].delete:hover,
|
|
button.delete:hover,
|
|
a.button.delete:hover,
|
|
input[type=submit].delete:focus,
|
|
input.delete:focus,
|
|
button[type=submit].delete:focus,
|
|
button.delete:focus,
|
|
a.button.delete:focus {
|
|
color: #fff;
|
|
background-color: #b33630;
|
|
background-image: linear-gradient(to bottom, #dc5f59, #b33630);
|
|
background-repeat: repeat-x;
|
|
border-color: #dc5f59; }
|
|
|
|
#info-box a.button,
|
|
#info-box button {
|
|
padding: 0 .5em;
|
|
margin-left: 2em; }
|
|
|
|
.button.add,
|
|
button.add {
|
|
color: #000;
|
|
background-color: #bee74b;
|
|
background-image: linear-gradient(to bottom, #bee74b, #9bca1c);
|
|
border-color: #bee74b;
|
|
padding: .33em 1.33em .5em; }
|
|
|
|
.button.add:hover,
|
|
.button.add:active,
|
|
.button.add:focus,
|
|
button.add:hover,
|
|
button.add:active,
|
|
button.add:focus {
|
|
background-color: #9bca1c;
|
|
background-image: linear-gradient(to bottom, #9bca1c, #bee74b);
|
|
border-color: #9bca1c; }
|
|
|
|
.button-add:focus {
|
|
outline: dotted 1px; }
|
|
|
|
/* paragraphe pour bouton Nouveau bidule */
|
|
p.top-add {
|
|
text-align: right;
|
|
margin: 0; }
|
|
|
|
/* disabled */
|
|
input.disabled,
|
|
input[type=submit].disabled,
|
|
button.disabled,
|
|
button[type=submit].disabled {
|
|
color: #676e78;
|
|
background: #f3f4f5;
|
|
border: 1px solid #86888c; }
|
|
|
|
input.disabled:hover,
|
|
input[type=submit].disabled:hover,
|
|
button.disabled:hover,
|
|
button[type=submit].disabled:hover {
|
|
color: #676e78;
|
|
background: #ecedee;
|
|
border: 1px solid #86888c; }
|
|
|
|
/* Boutons javascript (dépliage/repliage, …) */
|
|
.void-btn {
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 0; }
|
|
|
|
button.details-cmd {
|
|
font-size: 0.9em;
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
margin: 0 5px 0 0;
|
|
color: currentColor;
|
|
background: transparent;
|
|
box-shadow: none; }
|
|
button.details-cmd:hover, button.details-cmd:focus {
|
|
background: transparent;
|
|
color: #bee74b; }
|
|
|
|
/* specific buttons */
|
|
.checkbox-helper,
|
|
#gototop,
|
|
.metaGetList,
|
|
.metaGetMore,
|
|
a.checkbox-helper,
|
|
a#gototop,
|
|
a.metaGetList,
|
|
a.metaGetMore {
|
|
font-size: 0.825em;
|
|
color: #323334;
|
|
background: #fff;
|
|
box-shadow: none;
|
|
border: 1px solid #676e78;
|
|
margin-bottom: .25em;
|
|
text-align: center; }
|
|
.checkbox-helper:hover,
|
|
#gototop:hover,
|
|
.metaGetList:hover,
|
|
.metaGetMore:hover,
|
|
a.checkbox-helper:hover,
|
|
a#gototop:hover,
|
|
a.metaGetList:hover,
|
|
a.metaGetMore:hover {
|
|
background: #a2cbe9;
|
|
box-shadow: none;
|
|
border: 1px solid #676e78; }
|
|
|
|
#gototop {
|
|
display: none;
|
|
z-index: 1000;
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: .5em;
|
|
width: 10em;
|
|
padding: .25em;
|
|
border-radius: .25em; }
|
|
#gototop a,
|
|
#gototop a:link,
|
|
#gototop a:hover,
|
|
#gototop a:active {
|
|
color: #323334;
|
|
background: transparent;
|
|
border: none; }
|
|
|
|
.metaRemove,
|
|
.addMeta button:not(.metaGetMore),
|
|
.addMeta a:not(.metaGetMore) {
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
color: #fff;
|
|
background: transparent; }
|
|
|
|
.addMeta button:not(.metaGetMore),
|
|
.addMeta a:not(.metaGetMore) {
|
|
box-shadow: initial;
|
|
margin-bottom: 2px; }
|
|
.addMeta button:not(.metaGetMore):hover, .addMeta button:not(.metaGetMore):focus,
|
|
.addMeta a:not(.metaGetMore):hover,
|
|
.addMeta a:not(.metaGetMore):focus {
|
|
color: #000;
|
|
background: #abd0eb; }
|
|
|
|
.warn,
|
|
.warning,
|
|
.info {
|
|
font-style: normal;
|
|
padding: .2em .66em .2em;
|
|
text-indent: 24px;
|
|
display: inline-block;
|
|
line-height: 1.5em;
|
|
border-radius: 3px; }
|
|
|
|
.info {
|
|
color: #323334;
|
|
background: #d9edf7 url(msg-info.png) no-repeat 0.3em 0.3em;
|
|
border: 1px solid #bce8f1; }
|
|
|
|
.warn,
|
|
.warning {
|
|
color: #323334;
|
|
background: #fefacd url(msg-warning.png) no-repeat 0.3em 0.3em;
|
|
border: 1px solid #ffd478; }
|
|
|
|
div.warn,
|
|
div.warning,
|
|
div.info {
|
|
display: block;
|
|
padding: 1em 1em .33em 1em;
|
|
margin-bottom: 1em; }
|
|
|
|
span.warn,
|
|
span.warning,
|
|
span.info {
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
background-position: .3em .2em; }
|
|
|
|
.error,
|
|
.message,
|
|
.static-msg,
|
|
.success,
|
|
.warning-msg {
|
|
padding: 1em 0.5em 0.5em 48px;
|
|
margin-bottom: 1em;
|
|
border-radius: 8px;
|
|
box-shadow: 1px 1px 2px rgba(50, 51, 52, 0.1); }
|
|
|
|
p.error,
|
|
p.message,
|
|
p.static-msg,
|
|
p.success,
|
|
p.warning-msg {
|
|
padding-top: 1em;
|
|
padding-bottom: 1em;
|
|
margin-top: .5em; }
|
|
|
|
.error {
|
|
background: #ffbaba url(msg-error.png) no-repeat 0.7em 0.7em;
|
|
color: #000;
|
|
animation-name: kf-error;
|
|
animation-duration: .5s; }
|
|
|
|
@keyframes kf-error {
|
|
0% {
|
|
background-color: #fefacd; }
|
|
100% {
|
|
background-color: #ffbaba; } }
|
|
.message,
|
|
.static-msg {
|
|
color: #fff;
|
|
background: #676e78 url(msg-std.png) no-repeat 0.7em 0.7em; }
|
|
|
|
.message {
|
|
animation-name: kf-message;
|
|
animation-duration: .5s; }
|
|
|
|
@keyframes kf-message {
|
|
0% {
|
|
background-color: #cbced1; }
|
|
100% {
|
|
background-color: #676e78; } }
|
|
.message a,
|
|
.static-msg a,
|
|
.message h3,
|
|
.static-msg h3 {
|
|
color: #fff; }
|
|
|
|
.success {
|
|
color: #000; }
|
|
|
|
.success {
|
|
background: #bee74b url(msg-success.png) no-repeat 0.7em 0.7em;
|
|
animation-name: kf-success;
|
|
animation-duration: .5s; }
|
|
|
|
@keyframes kf-success {
|
|
0% {
|
|
background-color: #9bca1c; }
|
|
100% {
|
|
background-color: #bee74b; } }
|
|
.warning-msg {
|
|
color: #323334;
|
|
background: #ffd478 url(msg-warning.png) no-repeat 0.7em 0.7em;
|
|
border: 1px solid #ffd478;
|
|
animation-name: kf-warning;
|
|
animation-duration: .5s; }
|
|
|
|
@keyframes kf-warning {
|
|
0% {
|
|
background-color: #fefacd; }
|
|
100% {
|
|
background-color: #ffd478; } }
|
|
.success a,
|
|
.warning-msg a,
|
|
.info a {
|
|
color: #323334; }
|
|
|
|
.close-notice-parent {
|
|
display: flex;
|
|
justify-content: space-between; }
|
|
.close-notice-parent ul, .close-notice-parent p + p {
|
|
flex: 1; }
|
|
.close-notice-parent p + p {
|
|
padding-left: .25em; }
|
|
|
|
.close-notice {
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
padding-left: 1em; }
|
|
.close-notice:hover, .close-notice:focus {
|
|
background: none; }
|
|
|
|
.dc-update {
|
|
padding: 1em 48px 0.5em 48px;
|
|
margin-bottom: 1em;
|
|
border-radius: 8px;
|
|
color: #000;
|
|
background: #a2cbe9 url(msg-success.png) no-repeat 0.7em 0.7em;
|
|
box-shadow: 1px 1px 2px rgba(50, 51, 52, 0.1); }
|
|
.dc-update h3 {
|
|
margin-top: 0;
|
|
color: #000; }
|
|
.dc-update p {
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
.dc-update a {
|
|
color: #000;
|
|
margin-right: 1em; }
|
|
.dc-update a.button {
|
|
padding: .5em 1em; }
|
|
|
|
.updt-info a {
|
|
margin-left: 2em;
|
|
border-color: #000;
|
|
font-weight: bold; }
|
|
|
|
body.ajax-loader #header {
|
|
border-bottom-color: #92b7d2;
|
|
transition: border-bottom-color .3s ease; }
|
|
body.ajax-loader #collapser {
|
|
background-color: #92b7d2;
|
|
transition: background-color .3s ease; }
|
|
|
|
/** --------------------------------------------------
|
|
Components
|
|
--------------------------------------------------- */
|
|
/* prelude */
|
|
#prelude {
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background: #a2cbe9;
|
|
width: 100%; }
|
|
#prelude li {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
background: transparent;
|
|
display: inline; }
|
|
#prelude li a {
|
|
padding: 3px 16px 3px 8px;
|
|
color: #323334;
|
|
background: #a2cbe9;
|
|
text-decoration: underline; }
|
|
#prelude li a:hover, #prelude li a:focus {
|
|
background: #fff; }
|
|
|
|
/* si le prélude est affiché on repousse les trucs dessous */
|
|
#wrapper.with-prelude {
|
|
padding-top: 1em; }
|
|
|
|
#help-button.with-prelude,
|
|
#collapser.with-prelude {
|
|
top: 1em; }
|
|
|
|
/* header global h1, form#top-info-blog, ul#top-info-user */
|
|
#header a {
|
|
color: #dcdee0; }
|
|
#header img {
|
|
vertical-align: middle;
|
|
padding-left: .5em; }
|
|
|
|
/* h1 */
|
|
h1 {
|
|
text-indent: 100%;
|
|
width: 16.5em; }
|
|
h1 a {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 150px;
|
|
height: 36px;
|
|
color: #dcdee0;
|
|
background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
|
|
transition: none; }
|
|
h1 a:hover, h1 a:focus {
|
|
background-position: 0 -94px;
|
|
background-color: transparent;
|
|
transition: none; }
|
|
h1 a:link {
|
|
transition-timing-function: ease-in-out; }
|
|
|
|
/* top-info-blog */
|
|
#top-info-blog select {
|
|
max-width: 20em; }
|
|
#top-info-blog a {
|
|
margin-left: 1.5em; }
|
|
#top-info-blog input[type=submit] {
|
|
background: #25a6e1;
|
|
border-color: #86888c;
|
|
margin-left: .33em; }
|
|
#top-info-blog input[type=submit]:hover {
|
|
color: #fff;
|
|
background: #188bc0; }
|
|
#top-info-blog p {
|
|
display: inline-block;
|
|
margin: 0; }
|
|
|
|
/* top-info-user */
|
|
#top-info-user {
|
|
padding-right: .5em;
|
|
list-style-type: none;
|
|
text-align: right; }
|
|
#top-info-user li {
|
|
display: inline-block;
|
|
margin-left: .5em;
|
|
padding-left: .5em;
|
|
border-left: 1px solid #86888c; }
|
|
#top-info-user li:first-child {
|
|
border-left: none; }
|
|
#top-info-user a.active {
|
|
border-width: 0;
|
|
border-radius: 4px;
|
|
margin: 0;
|
|
padding: 2px 8px 3px;
|
|
color: #fff;
|
|
background-color: #86888c;
|
|
font-weight: bold; }
|
|
|
|
/* ------------------------------------------------------------------------------------
|
|
UN POIL DE MEDIA QUERIES
|
|
------------------------------------------------------------------------------------ */
|
|
@media screen and (max-width: 26.5em) {
|
|
h1,
|
|
h1 a {
|
|
padding: 0; } }
|
|
@media screen and (max-width: 38em) {
|
|
h1 a:link {
|
|
background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; }
|
|
|
|
h1 a:hover,
|
|
h1 a:focus {
|
|
background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; } }
|
|
#main-menu div:last-child {
|
|
border-bottom: none; }
|
|
#main-menu h3 {
|
|
margin: 0;
|
|
padding: 10px 0 10px 8px;
|
|
color: #c9cbcf;
|
|
font-size: 1.15em; }
|
|
#main-menu a {
|
|
color: #dcdee0;
|
|
border-bottom-color: #cbced1; }
|
|
#main-menu ul {
|
|
margin: 0 0 1.5em 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
#main-menu ul li {
|
|
display: block;
|
|
margin: 0.5em 0 0;
|
|
padding: 4px 0 1px 32px;
|
|
background-repeat: no-repeat;
|
|
background-position: 8px .3em;
|
|
position: relative; }
|
|
#main-menu ul li a::after {
|
|
position: absolute;
|
|
content: "";
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0; }
|
|
#main-menu ul li:hover {
|
|
background-color: #86888c; }
|
|
#main-menu ul li:first-child {
|
|
margin-top: 0; }
|
|
#main-menu .active {
|
|
background-color: #86888c;
|
|
font-weight: bold; }
|
|
#main-menu .active a {
|
|
border-bottom: none;
|
|
color: #fff; }
|
|
|
|
#favorites-menu,
|
|
#blog-menu,
|
|
#system-menu,
|
|
#plugins-menu {
|
|
border-bottom: 1px dashed #a2cbe9; }
|
|
|
|
#favorites-menu h3 {
|
|
font-variant: small-caps;
|
|
padding-top: .2em; }
|
|
|
|
#search-menu {
|
|
padding: 4px 0 0 4px;
|
|
font-size: .91em; }
|
|
#search-menu p {
|
|
width: 95%;
|
|
margin: 0 0 .5em 0; }
|
|
#search-menu input[type="submit"] {
|
|
float: right; }
|
|
|
|
#qx {
|
|
width: 75%;
|
|
background: transparent url(search.svg) no-repeat 0 center;
|
|
text-indent: 20px; }
|
|
|
|
.part-tabs ul {
|
|
padding: .5em 0 0 1em;
|
|
border-bottom: 1px solid #ecedee;
|
|
line-height: 1.8; }
|
|
.part-tabs li {
|
|
list-style: none;
|
|
margin: 0;
|
|
display: inline; }
|
|
.part-tabs li:first-child a {
|
|
border-top-left-radius: 3px; }
|
|
.part-tabs li:last-child a {
|
|
border-top-right-radius: 3px; }
|
|
.part-tabs li a {
|
|
padding: .33em 1.5em;
|
|
margin-right: -1px;
|
|
border: 1px solid #ecedee;
|
|
border-bottom: none;
|
|
text-decoration: none;
|
|
color: #323334;
|
|
background-color: #c9cbcf;
|
|
display: inline-block; }
|
|
.part-tabs li a:hover, .part-tabs li a:focus {
|
|
color: #323334;
|
|
background: #86888c;
|
|
border-bottom-color: #86888c; }
|
|
.part-tabs li a:link {
|
|
transition: unset; }
|
|
.part-tabs li.part-tabs-active a {
|
|
color: #fff;
|
|
background: #86888c;
|
|
font-weight: bold;
|
|
border-bottom-color: #86888c; }
|
|
|
|
.multi-part {
|
|
padding-left: 1em; }
|
|
|
|
.pseudo-tabs {
|
|
margin: -.75em 0 2em 0;
|
|
border-bottom: 1px solid #ecedee;
|
|
display: table;
|
|
width: 100%;
|
|
padding: 0;
|
|
line-height: 24px;
|
|
border-collapse: collapse; }
|
|
.pseudo-tabs li {
|
|
display: table-cell;
|
|
border-width: 0 1px;
|
|
border-style: solid;
|
|
border-color: #ecedee;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-align: center; }
|
|
.pseudo-tabs a {
|
|
display: block;
|
|
font-weight: bold;
|
|
padding: 0 24px;
|
|
border-bottom: none; }
|
|
.pseudo-tabs a:hover, .pseudo-tabs a:focus {
|
|
background-color: #c9cbcf;
|
|
color: #323334; }
|
|
.pseudo-tabs a.active {
|
|
background-color: #86888c;
|
|
color: #fff; }
|
|
|
|
/* contextual help */
|
|
#help {
|
|
margin-top: 4em;
|
|
background: #323334;
|
|
z-index: 100;
|
|
clear: both;
|
|
padding: 0 1em; }
|
|
#content.with-help #help {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 32rem;
|
|
border-left: 2px solid #ffd478;
|
|
border-top: 2px solid #ffd478;
|
|
margin-top: 0;
|
|
padding: .5em 0 0 0;
|
|
overflow: auto; }
|
|
|
|
#help-button {
|
|
background: transparent url(help-mini.png) no-repeat 6px center;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 0 1.5em 0 30px;
|
|
cursor: pointer;
|
|
color: #76c2f1;
|
|
line-height: 3; }
|
|
#help-button.floatable {
|
|
border-top: 2px solid #676e78;
|
|
border-left: 2px solid #676e78;
|
|
border-bottom: 2px solid #676e78;
|
|
border-bottom-left-radius: 1em;
|
|
border-top-left-radius: 1em;
|
|
background-color: #323334;
|
|
position: fixed;
|
|
top: 10px;
|
|
-webkit-transform: translateZ(0); }
|
|
.no-js #help-button {
|
|
top: 1em; }
|
|
#help-button span {
|
|
padding: .5em 0 .1em 0; }
|
|
#content.with-help #help-button {
|
|
right: 32rem;
|
|
background-color: #323334;
|
|
position: fixed;
|
|
top: 6em;
|
|
z-index: 100;
|
|
border-top: 2px solid #ffd478;
|
|
border-left: 2px solid #ffd478;
|
|
border-bottom: 2px solid #ffd478;
|
|
border-bottom-left-radius: 1em;
|
|
border-top-left-radius: 1em; }
|
|
|
|
.help-box {
|
|
display: none; }
|
|
.help-box ul {
|
|
padding-left: 20px;
|
|
margin-left: 0; }
|
|
|
|
#content.with-help .help-content {
|
|
padding: 0 1em 1em; }
|
|
.help-content dt {
|
|
font-weight: bold;
|
|
color: #a2cbe9;
|
|
margin: 0; }
|
|
.help-content dd {
|
|
margin: 0.3em 0 1.5em 0; }
|
|
|
|
/* lien d'aide générale dans le help content */
|
|
#helplink p {
|
|
padding: 0 0 0 .5em; }
|
|
|
|
#footer p {
|
|
margin: 0;
|
|
padding: 0 1em;
|
|
font-size: 1em; }
|
|
#footer a:hover span.tooltip {
|
|
padding: 10px;
|
|
color: #910ed3;
|
|
height: auto;
|
|
width: auto;
|
|
left: 0;
|
|
bottom: 0;
|
|
background: #f3f4f5;
|
|
z-index: 99;
|
|
font-family: monospace;
|
|
text-align: left;
|
|
border-top: 1px solid #910ed3;
|
|
border-right: 1px solid #910ed3;
|
|
border-radius: 0 2em 0 0; }
|
|
|
|
span.credit {
|
|
font-size: 1em;
|
|
font-weight: normal; }
|
|
|
|
span.tooltip {
|
|
position: absolute;
|
|
padding: 0;
|
|
border: 0;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden; }
|
|
|
|
/** --------------------------------------------------
|
|
Tables and Filters
|
|
--------------------------------------------------- */
|
|
table .maximal {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 1px; }
|
|
table .maximal, table.maximal {
|
|
width: 100%; }
|
|
table .minimal {
|
|
width: 1px; }
|
|
table .nowrap {
|
|
white-space: nowrap;
|
|
vertical-align: top; }
|
|
table .count {
|
|
text-align: right;
|
|
padding-right: 1.5em; }
|
|
|
|
th.first input {
|
|
padding-right: 34px; }
|
|
|
|
th img, tr.line img {
|
|
vertical-align: middle; }
|
|
th img.expand, tr.line img.expand {
|
|
margin-right: 6px;
|
|
margin-bottom: -2px; }
|
|
|
|
tr.line p {
|
|
margin: 0; }
|
|
tr.line input, tr.line select {
|
|
vertical-align: middle;
|
|
box-shadow: none; }
|
|
tr.line select {
|
|
width: 6em; }
|
|
tr.line:hover {
|
|
background: #4c4d4f; }
|
|
tr.line:focus-within {
|
|
background-color: #4c4d4f; }
|
|
|
|
td.status {
|
|
vertical-align: middle; }
|
|
td.status a {
|
|
border: none; }
|
|
|
|
.noborder td, td.noborder, .noborder th, th.noborder {
|
|
border-width: 0 0 1px 0;
|
|
border-color: #dbdcdd;
|
|
line-height: 2em;
|
|
padding-bottom: 0; }
|
|
|
|
.noborder p {
|
|
margin-bottom: 0; }
|
|
|
|
table.posts-list {
|
|
min-width: 50%; }
|
|
|
|
table.settings, table.prefs {
|
|
margin-bottom: 3em; }
|
|
table.settings th:first-child, table.prefs th:first-child {
|
|
width: 20%; }
|
|
table.settings th + th, table.prefs th + th {
|
|
width: 30%; }
|
|
table.settings th + th + th, table.prefs th + th + th {
|
|
width: 10%; }
|
|
table.settings th:last-child, table.prefs th:last-child {
|
|
width: 40%; }
|
|
|
|
/* js */
|
|
td.expand {
|
|
padding: 1em; }
|
|
td.expand td {
|
|
border-bottom: none; }
|
|
|
|
.handle {
|
|
padding: 0; }
|
|
|
|
.handler {
|
|
cursor: move;
|
|
background: transparent url(drag.png) no-repeat 0 50%;
|
|
padding-left: 15px; }
|
|
|
|
/* Responsive Cell Header */
|
|
.rch td::before {
|
|
display: none; }
|
|
|
|
@media screen and (max-width: 44em), print and (max-width: 5in) {
|
|
table.rch {
|
|
display: block; }
|
|
table.rch caption, table.rch tbody, table.rch tr, table.rch td {
|
|
display: block; }
|
|
table.rch th, table.rch tr:first-of-type {
|
|
display: none; }
|
|
table.rch td:first-of-type {
|
|
border-top: 1px solid #ecedee;
|
|
color: #c9cbcf;
|
|
background: #595b5d; }
|
|
table.rch td::before {
|
|
display: inline;
|
|
font-weight: bold; }
|
|
table.rch td {
|
|
display: grid;
|
|
grid-template-columns: 10em auto;
|
|
grid-gap: 1em 0.5em;
|
|
text-align: left;
|
|
border: none; }
|
|
table.rch .maximal {
|
|
max-width: inherit; }
|
|
table.rch .nowrap {
|
|
white-space: inherit; }
|
|
table.rch td.expand {
|
|
grid-template-columns: auto !important;
|
|
color: #dcdee0;
|
|
background-color: #272b30;
|
|
border-top: 1px dashed #ecedee; }
|
|
table.rch input, table.rch select {
|
|
align-self: center; }
|
|
|
|
table.rch-thead thead {
|
|
display: none; }
|
|
table.rch-thead tr:first-of-type {
|
|
display: block; } }
|
|
a.form-control {
|
|
display: none;
|
|
color: #fff; }
|
|
a.form-control::before {
|
|
content: "►";
|
|
margin-right: 5px; }
|
|
a.form-control.open::before {
|
|
content: "▼"; }
|
|
|
|
#filters-form {
|
|
border: 1px solid #a2cbe9;
|
|
border-radius: .3em;
|
|
margin-bottom: 2em;
|
|
padding: .5em 1em 0; }
|
|
#filters-form .table {
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 1em;
|
|
margin-top: .5em; }
|
|
#filters-form .cell {
|
|
padding: 0 2em 0 0; }
|
|
#filters-form .filters-sibling-cell {
|
|
padding-top: 3.8em; }
|
|
#filters-form .filters-options {
|
|
padding-left: 2em;
|
|
border-left: 1px solid #c9cbcf; }
|
|
#filters-form select {
|
|
width: 14em;
|
|
vertical-align: middle; }
|
|
#filters-form h4 {
|
|
margin-top: 0;
|
|
margin-bottom: 2em; }
|
|
#filters-form label.ib,
|
|
#filters-form span.ib {
|
|
width: 7em; }
|
|
#filters-form label.ibw,
|
|
#filters-form span.ibw {
|
|
width: 9em;
|
|
display: inline-block; }
|
|
#filters-form:focus-within {
|
|
background-color: #4c4d4f; }
|
|
|
|
span.ib {
|
|
width: 7em; }
|
|
|
|
span.ibw {
|
|
width: 9em;
|
|
display: inline-block; }
|
|
|
|
/** --------------------------------------------------
|
|
Pages
|
|
--------------------------------------------------- */
|
|
#login-screen {
|
|
display: block;
|
|
width: 20em;
|
|
margin: 1.5em auto 0;
|
|
font-size: 1.16em; }
|
|
#login-screen h1 {
|
|
text-indent: -2000px;
|
|
background: transparent url(dc_logos/w-dotclear240.png) no-repeat top left;
|
|
height: 66px;
|
|
width: 20em;
|
|
margin-bottom: .5em;
|
|
margin-left: 0; }
|
|
#login-screen .fieldset {
|
|
border: 1px solid #9bca1c;
|
|
padding: 1em 1em 0 1em;
|
|
background: #fff;
|
|
margin-bottom: 0;
|
|
margin-top: 1em; }
|
|
#login-screen input[type=text],
|
|
#login-screen input[type=color],
|
|
#login-screen input[type=email],
|
|
#login-screen input[type=url],
|
|
#login-screen input[type=datetime-local],
|
|
#login-screen input[type=date],
|
|
#login-screen input[type=time],
|
|
#login-screen input[type=file],
|
|
#login-screen input[type=number],
|
|
#login-screen input[type=password],
|
|
#login-screen input[type=submit],
|
|
#login-screen input[type=text]:focus,
|
|
#login-screen input[type=color]:focus,
|
|
#login-screen input[type=email]:focus,
|
|
#login-screen input[type=url]:focus,
|
|
#login-screen input[type=datetime-local]:focus,
|
|
#login-screen input[type=date]:focus,
|
|
#login-screen input[type=time]:focus,
|
|
#login-screen input[type=file]:focus,
|
|
#login-screen input[type=number]:focus,
|
|
#login-screen input[type=password]:focus,
|
|
#login-screen input[type=submit]:focus {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 5px 3px; }
|
|
#login-screen input.login,
|
|
#login-screen input.login:focus {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
font-size: 1em; }
|
|
#login-screen #issue {
|
|
margin-left: 1.33em;
|
|
font-size: .91em; }
|
|
#login-screen #issue p:first-child {
|
|
text-align: right; }
|
|
#login-screen #issue strong {
|
|
font-weight: normal; }
|
|
|
|
#dashboard-main {
|
|
text-align: center; }
|
|
#dashboard-main > *:last-child {
|
|
margin-bottom: 1em; }
|
|
|
|
/* raccourcis */
|
|
#icons {
|
|
margin: 1em auto 2em;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center; }
|
|
#icons p {
|
|
width: 13em;
|
|
margin: 1em 0 2em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center; }
|
|
#icons a, #icons a:link, #icons a:visited, #icons a:hover, #icons a:focus {
|
|
border-bottom-width: 0;
|
|
text-decoration: none; }
|
|
#icons a span {
|
|
color: #ecedee;
|
|
border-bottom: 1px dotted #86888c; }
|
|
#icons a img {
|
|
padding: 1.5em;
|
|
background-color: #595b5d;
|
|
border-radius: 8px;
|
|
border: 1px solid #ecedee;
|
|
display: inline-block;
|
|
filter: contrast(130%); }
|
|
#icons a:focus {
|
|
outline: 0; }
|
|
#icons a:focus span {
|
|
border: 2px solid #bee74b; }
|
|
#icons a:focus img, #icons a:hover img {
|
|
background: #bee74b;
|
|
outline: 0;
|
|
border-color: #ecedee; }
|
|
#icons a:focus span, #icons a:hover span {
|
|
border-bottom-style: solid; }
|
|
|
|
/* billet rapide */
|
|
#quick {
|
|
max-width: 72em;
|
|
margin: 1em auto 2em;
|
|
padding: 1em;
|
|
background: #323334;
|
|
border: 1px solid #dbdcdd;
|
|
text-align: left; }
|
|
#quick h3 {
|
|
margin-bottom: 0.2em;
|
|
font-size: 1.2em; }
|
|
#quick p.qinfo {
|
|
margin: -.7em -1em 1em;
|
|
background: #d9edf7 url(msg-info.png) no-repeat 0.2em 0.2em;
|
|
border: 1px solid #bce8f1;
|
|
padding: .2em 1em .1em 24px;
|
|
color: #323334; }
|
|
#quick #new_cat, #quick .q-cat, #quick .q-cat label {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 1em;
|
|
margin-top: 0; }
|
|
#quick .q-cat label {
|
|
margin-right: .3em; }
|
|
#quick #new_cat {
|
|
margin-bottom: 2em; }
|
|
|
|
/* modules additionnels */
|
|
#dashboard-boxes {
|
|
margin: 1em auto 2em;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center; }
|
|
#dashboard-boxes .box {
|
|
padding: 10px;
|
|
border: 1px solid #cbced1;
|
|
border-radius: 3px;
|
|
min-height: 200px;
|
|
margin: 10px;
|
|
text-align: left; }
|
|
|
|
.db-items, .db-contents {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
flex: 1 1 auto; }
|
|
.db-items img, .db-contents img {
|
|
vertical-align: middle; }
|
|
.db-items ul, .db-contents ul {
|
|
display: block;
|
|
padding-left: 1.5em;
|
|
list-style: square; }
|
|
.db-items li, .db-contents li {
|
|
margin: 0.25em 0 0 0; }
|
|
|
|
.no-js .outgoing img {
|
|
display: none; }
|
|
|
|
.dc-box {
|
|
background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; }
|
|
|
|
#news dt {
|
|
font-weight: bold;
|
|
margin: 0 0 0.4em 0; }
|
|
#news dd {
|
|
margin: 0 0 1em 0; }
|
|
#news dd p {
|
|
margin: 0.2em 0 0 0; }
|
|
|
|
#dragndrop {
|
|
position: absolute; }
|
|
.no-js #dragndrop {
|
|
display: none; }
|
|
#dragndrop + label {
|
|
position: absolute;
|
|
display: inline-block;
|
|
line-height: 1; }
|
|
#dragndrop + label .dragndrop-svg {
|
|
width: 2em;
|
|
height: 1.5em;
|
|
fill: #86888c; }
|
|
#dragndrop:checked + label .dragndrop-svg {
|
|
fill: #bee74b;
|
|
background-color: var(--body-background); }
|
|
|
|
#media_img_title_pattern {
|
|
margin-right: 1em; }
|
|
|
|
#part-users > div {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: left; }
|
|
|
|
.user-perm {
|
|
margin: 0 1em 1em 0;
|
|
background: transparent url(user.png) no-repeat 0.5em 0.5em;
|
|
width: 20em;
|
|
border: 1px solid #cbced1;
|
|
border-radius: .5em;
|
|
padding: 0 1em .5em; }
|
|
.user-perm h4,
|
|
.user-perm h5,
|
|
.user-perm p,
|
|
.user-perm ul,
|
|
.user-perm li {
|
|
margin: .5em 0 .33em;
|
|
padding: 0; }
|
|
.user-perm h4 {
|
|
padding-left: 28px; }
|
|
.user-perm h5 {
|
|
margin: 1em 0 0 0; }
|
|
.user-perm li {
|
|
margin-left: 1em;
|
|
padding-left: 0; }
|
|
.user-perm.user_super {
|
|
border-color: #bee74b;
|
|
background-color: rgba(217, 237, 247, 0.15); }
|
|
|
|
li.user_super,
|
|
li.user_admin {
|
|
margin-left: 0;
|
|
padding-left: 20px;
|
|
list-style: none;
|
|
background: transparent url(../images/superadmin.png) no-repeat 0 0.3em; }
|
|
|
|
li.user_admin {
|
|
background-image: url(../images/admin.png); }
|
|
|
|
/* pour les alignements verticaux */
|
|
#theme-new,
|
|
#theme-activate,
|
|
#theme-deactivate,
|
|
#theme-update {
|
|
margin-left: -10px;
|
|
margin-right: -10px; }
|
|
|
|
.box.theme {
|
|
margin: 5px;
|
|
padding: 10px 10px 5px 10px;
|
|
border: 1px solid #dbdcdd;
|
|
position: relative; }
|
|
.box.theme:hover {
|
|
background: #595b5d; }
|
|
.box.theme input {
|
|
margin-bottom: 1em; }
|
|
|
|
.module-name,
|
|
.module-name label {
|
|
margin-bottom: .5em;
|
|
color: #c9cbcf; }
|
|
|
|
.module-sshot {
|
|
text-align: center; }
|
|
.module-sshot img {
|
|
padding: 5px;
|
|
background: #f3f4f5;
|
|
box-shadow: 1px 1px 2px rgba(50, 51, 52, 0.1);
|
|
border: 3px solid #fff;
|
|
max-width: 100%; }
|
|
|
|
.module-actions {
|
|
margin-top: 1em; }
|
|
|
|
.bloc-toggler {
|
|
text-align: right; }
|
|
.bloc-toggler img {
|
|
opacity: .4; }
|
|
.bloc-toggler img:hover {
|
|
opacity: 1; }
|
|
.bloc-toggler a:focus img {
|
|
opacity: 1; }
|
|
|
|
span.module-version:before {
|
|
content: "- "; }
|
|
|
|
.toggle-bloc .mod-more {
|
|
display: block;
|
|
margin-left: 0; }
|
|
|
|
.module-name input[type="checkbox"] {
|
|
margin-bottom: 0; }
|
|
|
|
/**
|
|
Les screenshots des thèmes ont deux tailles possibles :
|
|
- dans Ajouter des thèmes : 240px (+ 10 padding image + 20 padding boîte + 6 bordure + 2 ombrage = 278)
|
|
- dans Thèmes installés : 280px (+ 10 padding-image + 20 padding-boîte + 2 ombrage = 318)
|
|
On adapte largeur et hauteur en fonction
|
|
*/
|
|
#theme-new .box.theme,
|
|
#theme-update .box.theme {
|
|
/* Ajouter un thème */
|
|
width: 278px;
|
|
min-height: 275px; }
|
|
|
|
#theme-new .module-sshot img {
|
|
/* Pour ceux qui n'ont pas de miniature on contraint l'image */
|
|
max-width: 240px;
|
|
max-height: 210px;
|
|
overflow: hidden; }
|
|
|
|
#theme-deactivate .box.theme {
|
|
/* Thèmes désactivés */
|
|
width: 278px; }
|
|
#theme-deactivate .box.theme:hover {
|
|
background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; }
|
|
|
|
#theme-activate .box.theme {
|
|
/* Thèmes installés */
|
|
width: 318px;
|
|
min-height: 304px;
|
|
max-width: 100%; }
|
|
|
|
/* si js est là, les infos viennent par dessus le screenshot */
|
|
.with-js #theme-new .module-infos.toggle-bloc,
|
|
.with-js #theme-new .module-actions.toggle-bloc {
|
|
position: absolute;
|
|
left: 10px;
|
|
width: 239px;
|
|
margin: 0;
|
|
padding: 10px;
|
|
background: #595b5d; }
|
|
.with-js #theme-new .module-infos.toggle-bloc {
|
|
top: 128px;
|
|
height: 80px;
|
|
border-top: 1px solid transparent; }
|
|
.with-js #theme-new .module-actions.toggle-bloc {
|
|
top: 208px;
|
|
height: 40px;
|
|
border-bottom: 1px solid transparent; }
|
|
|
|
.with-js .module-sshot:hover {
|
|
cursor: pointer; }
|
|
|
|
/* mise en forme pour la boîte du thème courant */
|
|
.box.current-theme {
|
|
/* Thème courant */
|
|
width: 646px;
|
|
margin: 5px;
|
|
padding: 20px 18px 6px;
|
|
background: #595b5d;
|
|
border: 1px solid #ecedee;
|
|
border-radius: .5em;
|
|
min-height: 326px;
|
|
box-shadow: 1px 1px 2px rgba(50, 51, 52, 0.1);
|
|
position: relative; }
|
|
.box.current-theme .module-sshot:hover {
|
|
cursor: auto; }
|
|
.box.current-theme .module-sshot img {
|
|
float: left;
|
|
margin-right: 2em;
|
|
border: 9px solid #fff;
|
|
padding: 5px;
|
|
max-width: 308px;
|
|
max-height: 273px; }
|
|
.box.current-theme .module-name {
|
|
color: #ff6e3a;
|
|
font-size: 1.5em;
|
|
margin-bottom: 1em; }
|
|
.box.current-theme .module-actions {
|
|
display: flex;
|
|
flex-wrap: wrap; }
|
|
|
|
.current-actions {
|
|
width: auto;
|
|
overflow: hidden;
|
|
padding-top: 2em;
|
|
background: transparent url(../images/minus-theme.png) no-repeat left top; }
|
|
|
|
#categories {
|
|
margin: 1em 0; }
|
|
#categories ul {
|
|
list-style: none;
|
|
margin-top: 2em;
|
|
padding: 0; }
|
|
#categories ul ul {
|
|
margin-right: 2em;
|
|
margin-left: 2em; }
|
|
#categories .placeholder {
|
|
outline: 1px dashed #76c2f1;
|
|
min-height: 2.5em; }
|
|
|
|
.cat-line {
|
|
position: relative;
|
|
margin: .66em 0;
|
|
padding: .66em 1em;
|
|
border: 1px solid #cbced1;
|
|
border-radius: 3px; }
|
|
.cat-line label {
|
|
margin-right: .25em; }
|
|
.cat-line label a {
|
|
font-weight: bold; }
|
|
.cat-line p,
|
|
.cat-line label {
|
|
margin: 0;
|
|
display: inline-block; }
|
|
.cat-line .cat-line {
|
|
border: 1px solid #dbdcdd; }
|
|
|
|
p.cat-title {
|
|
margin-right: 1em; }
|
|
|
|
.cat-nb-posts a {
|
|
color: #f3f4f5; }
|
|
|
|
.cat-url {
|
|
padding-left: 1em; }
|
|
|
|
.cat-buttons {
|
|
float: right;
|
|
margin-top: -.2em;
|
|
font-size: .91em; }
|
|
.cat-buttons select {
|
|
padding: 1px 2px 3px 2px;
|
|
margin-right: .25em; }
|
|
.cat-buttons .reset {
|
|
padding-left: 4px;
|
|
padding-right: 4px; }
|
|
|
|
.cat-actions {
|
|
line-height: 2; }
|
|
|
|
#del_cat {
|
|
width: 100%; }
|
|
|
|
.media-file-mode a {
|
|
border-bottom: none; }
|
|
.media-file-mode img {
|
|
margin-right: 1em; }
|
|
|
|
span.media-file-mode {
|
|
margin-right: 1em; }
|
|
|
|
.media-item {
|
|
position: relative;
|
|
border: 1px solid #dbdcdd;
|
|
margin: 9px;
|
|
padding: 10px 12px 6px;
|
|
width: 320px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
min-height: 140px;
|
|
word-wrap: break-word; }
|
|
.media-item p {
|
|
margin: 0 0 .5em; }
|
|
.media-item object {
|
|
margin-top: .5em; }
|
|
.media-item ul {
|
|
display: block;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.media-item audio {
|
|
width: 100%;
|
|
margin-top: .5em; }
|
|
.media-item.media-private {
|
|
border-color: #c44d58; }
|
|
.media-item.media-private img.media-private {
|
|
padding-right: .5em; }
|
|
|
|
tr.media-private img.media-private {
|
|
padding-right: .5em; }
|
|
|
|
a.media-icon {
|
|
display: block;
|
|
border-bottom: none;
|
|
margin: 0 auto; }
|
|
|
|
.media-icon img {
|
|
display: block; }
|
|
|
|
a.media-flag {
|
|
border-bottom: none; }
|
|
|
|
.media-flag img {
|
|
float: left;
|
|
margin-right: .5em; }
|
|
|
|
.media-link {
|
|
font-size: 1.1em; }
|
|
|
|
.media-action-box {
|
|
position: relative;
|
|
margin: 3em 3em 1em 1em;
|
|
display: inline-block;
|
|
vertical-align: top; }
|
|
|
|
li.media-action {
|
|
display: block;
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 8px;
|
|
height: 16px; }
|
|
li.media-action a {
|
|
border: none; }
|
|
li.media-action a.attach-media {
|
|
margin-right: 5px; }
|
|
li.media-action form {
|
|
display: inline; }
|
|
li.media-action input {
|
|
border: none; }
|
|
|
|
#entry-sidebar .media-item {
|
|
width: 100%;
|
|
min-height: 0;
|
|
padding: 4px;
|
|
margin: .33em 0; }
|
|
|
|
.folders-group .media-item {
|
|
min-height: 70px; }
|
|
.folders-group .media-item p {
|
|
margin-bottom: 0; }
|
|
|
|
.media-folder {
|
|
background: transparent;
|
|
border-color: #ecedee;
|
|
border-left-width: 8px; }
|
|
.media-folder .media-link {
|
|
font-size: 1.125em;
|
|
margin-left: 2em;
|
|
color: #c9cbcf;
|
|
border-bottom: none; }
|
|
|
|
tr.media-folder {
|
|
background: transparent; }
|
|
tr.media-folder .media-link {
|
|
margin-left: 0; }
|
|
|
|
.media-folder-up {
|
|
border-color: transparent;
|
|
padding-bottom: 6px; }
|
|
|
|
.medias-delete,
|
|
.medias-select {
|
|
text-align: right; }
|
|
|
|
.media-recent {
|
|
float: left;
|
|
margin-right: 2em; }
|
|
|
|
#media-fav-dir {
|
|
border-bottom: none; }
|
|
#media-fav-dir img {
|
|
vertical-align: middle; }
|
|
|
|
/* upload multiple */
|
|
.enhanced_uploader .choose_files,
|
|
.enhanced_uploader .cancel,
|
|
.enhanced_uploader .clean,
|
|
.enhanced_uploader .start {
|
|
margin-right: .4em; }
|
|
.enhanced_uploader #upfile {
|
|
visibility: hidden;
|
|
width: 0;
|
|
height: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
cursor: pointer; }
|
|
.enhanced_uploader .button.choose_files {
|
|
display: inline-block; }
|
|
.enhanced_uploader .max-size {
|
|
display: block; }
|
|
.enhanced_uploader .one-file {
|
|
display: none; }
|
|
.enhanced_uploader p.clear {
|
|
padding-top: 1em;
|
|
margin-bottom: 1em; }
|
|
|
|
.button.clean,
|
|
.button.cancel,
|
|
.button.choose_files {
|
|
display: none; }
|
|
|
|
label span.one-file {
|
|
display: inline; }
|
|
|
|
#add-file-f p.clear {
|
|
margin-top: 1em;
|
|
margin-bottom: 0;
|
|
clear: both; }
|
|
|
|
.files {
|
|
list-style-type: none;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
border-bottom: 1px solid #dbdcdd; }
|
|
.files li {
|
|
margin-left: 0;
|
|
padding-left: 0; }
|
|
|
|
.upload-msg {
|
|
font-weight: bold; }
|
|
.upload-msg.upload-error {
|
|
color: #ae323b; }
|
|
|
|
.upload-files {
|
|
padding: 0 0.5em;
|
|
margin: 1em 0; }
|
|
|
|
.upload-file {
|
|
margin: 0;
|
|
padding: .3em 0;
|
|
border-top: 1px solid #dbdcdd;
|
|
position: relative; }
|
|
|
|
.upload-fileinfo {
|
|
margin-left: 0; }
|
|
.upload-fileinfo input {
|
|
position: absolute;
|
|
top: .5em;
|
|
right: .5em; }
|
|
.upload-fileinfo span {
|
|
padding-right: 8px; }
|
|
.upload-fileinfo .upload-filecancel {
|
|
display: block;
|
|
padding-right: 0;
|
|
margin-top: 3px;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: transparent url("cancel.png") no-repeat left top;
|
|
text-indent: -1000px;
|
|
cursor: pointer;
|
|
float: left; }
|
|
|
|
.upload-filemsg {
|
|
font-weight: bold;
|
|
color: #fff; }
|
|
.upload-filemsg.upload-error {
|
|
color: #ae323b; }
|
|
|
|
.upload-progress {
|
|
padding: .3em 0; }
|
|
.upload-progress div {
|
|
width: 0;
|
|
height: 1.2em;
|
|
font-weight: bold;
|
|
line-height: 1.2em;
|
|
text-align: right;
|
|
background: #556f0f url(loader.png) repeat-x left top;
|
|
color: #fff;
|
|
border-radius: 3px; }
|
|
|
|
div.template-upload {
|
|
clear: both; }
|
|
|
|
.queue-message {
|
|
font-weight: bold; }
|
|
|
|
#media-icon {
|
|
float: left; }
|
|
|
|
.near-icon {
|
|
margin-left: 70px;
|
|
margin-bottom: 3em; }
|
|
|
|
#media-details ul {
|
|
display: block;
|
|
margin-left: 0;
|
|
padding: 0; }
|
|
#media-details li {
|
|
list-style: square inside;
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
#media-original-image {
|
|
overflow: auto; }
|
|
#media-original-image.overheight {
|
|
height: 500px; }
|
|
|
|
#media-attribute {
|
|
margin-left: .5em;
|
|
padding: .5em;
|
|
border-left: 1px solid currentColor;
|
|
overflow-wrap: break-word; }
|
|
#media-attribute .media-title {
|
|
font-weight: bolder; }
|
|
#media-attribute .media-desc {
|
|
font-style: italic; }
|
|
|
|
.modules td.module-actions, .modules td.module-icon {
|
|
vertical-align: middle; }
|
|
.modules td.module-icon img:last-child {
|
|
width: 16px;
|
|
height: 16px; }
|
|
.modules td.module-icon img.expand {
|
|
margin-bottom: 3px; }
|
|
.modules td.module-distrib img {
|
|
display: block;
|
|
float: right; }
|
|
|
|
.modules tr.expand,
|
|
.modules td.expand {
|
|
background: #323334;
|
|
border-color: #a2cbe9; }
|
|
|
|
.modules tr.expand td:first-child {
|
|
font-weight: bold;
|
|
background: #323334; }
|
|
|
|
.modules td.expand {
|
|
padding: 0 0 1em; }
|
|
.modules td.expand div {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-right: 3em; }
|
|
|
|
.modules dt {
|
|
font-weight: bold; }
|
|
|
|
.modules a.module-details {
|
|
background: transparent url(search.svg) no-repeat 0 center;
|
|
padding: 4px 4px 0 20px; }
|
|
.modules a.module-support {
|
|
background: transparent url(help12.png) no-repeat 2px center;
|
|
padding: 4px 4px 0 20px; }
|
|
.modules a.module-config {
|
|
background: transparent url(settings.png) no-repeat 2px 6px;
|
|
padding: 4px 4px 0 18px; }
|
|
|
|
#m_search {
|
|
color: #fff;
|
|
background: transparent url(search.svg) no-repeat 0 center;
|
|
padding-left: 20px; }
|
|
|
|
.mod-more {
|
|
padding-top: .5em; }
|
|
.mod-more,
|
|
.mod-more li {
|
|
margin: .25em 0 0 1em;
|
|
padding: 0;
|
|
list-style-type: none; }
|
|
|
|
#plugin-update td {
|
|
vertical-align: baseline; }
|
|
|
|
#entry-form {
|
|
display: flex;
|
|
flex-wrap: wrap; }
|
|
|
|
#entry-wrapper {
|
|
flex-grow: 1;
|
|
width: calc(100% - 19em); }
|
|
@media screen and (max-width: 80em) {
|
|
#entry-wrapper {
|
|
width: 100%; } }
|
|
|
|
#entry-content {
|
|
margin-left: 0; }
|
|
@media screen and (min-width: 80.01em) {
|
|
#entry-content {
|
|
padding-right: 3em; } }
|
|
@media screen and (max-width: 38em) {
|
|
#entry-content {
|
|
padding-right: 1em; } }
|
|
@media screen and (max-width: 26.5em) {
|
|
#entry-content {
|
|
padding-right: 0; } }
|
|
|
|
#entry-sidebar {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: column; }
|
|
@media screen and (max-width: 80em) {
|
|
#entry-sidebar {
|
|
flex-direction: row; } }
|
|
@media screen and (max-width: 38em) {
|
|
#entry-sidebar {
|
|
padding-right: 1em; } }
|
|
#entry-sidebar h4 {
|
|
font-size: 1.08em;
|
|
margin-top: .3em;
|
|
border-bottom: 1px solid #fff; }
|
|
#entry-sidebar select {
|
|
width: 100%; }
|
|
#entry-sidebar input#post_position {
|
|
width: 4em; }
|
|
|
|
.sb-box {
|
|
width: 18em;
|
|
margin-bottom: 1em;
|
|
margin-right: 1em;
|
|
padding: .5em 1em;
|
|
background-color: #4c4d4f; }
|
|
.sb-box:focus-within {
|
|
background-color: #595b5d; }
|
|
|
|
#tb_excerpt {
|
|
width: 100%; }
|
|
|
|
.fav-list {
|
|
list-style-type: none;
|
|
margin-left: 0;
|
|
padding-left: 0; }
|
|
#my-favs .fav-list {
|
|
border-top: 1px solid #ecedee; }
|
|
.fav-list li {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
position: relative; }
|
|
#my-favs .fav-list li {
|
|
line-height: 2;
|
|
border-bottom: 1px solid #ecedee;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
position: relative; }
|
|
#my-favs:focus-within .fav-list li {
|
|
border-bottom-color: #dbdcdd; }
|
|
.fav-list li span.zoom {
|
|
display: none; }
|
|
.fav-list li:hover span.zoom {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 10em;
|
|
background-color: #595b5d;
|
|
border: 1px solid #dbdcdd;
|
|
padding: .2em;
|
|
border-radius: .5em; }
|
|
.fav-list img {
|
|
vertical-align: middle;
|
|
margin-right: .2em; }
|
|
|
|
#my-favs {
|
|
border-color: #9ac123; }
|
|
#my-favs input.position {
|
|
margin: 0 0 .4em .2em; }
|
|
|
|
#available-favs input,
|
|
#available-favs label,
|
|
#available-favs label span {
|
|
white-space: normal;
|
|
display: inline; }
|
|
#available-favs label span.zoom {
|
|
display: none; }
|
|
#available-favs li:hover label span.zoom {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 10em;
|
|
background-color: #323334;
|
|
border: 1px solid #dbdcdd;
|
|
padding: .2em;
|
|
border-radius: .5em; }
|
|
|
|
#user-options label.ib {
|
|
display: inline-block;
|
|
width: 14em;
|
|
padding-right: 1em; }
|
|
|
|
.blog-perm {
|
|
margin-top: 2em;
|
|
padding-top: 2em;
|
|
font-weight: bold; }
|
|
|
|
.ul-perm {
|
|
list-style-type: square;
|
|
margin-left: 0;
|
|
padding-left: 3.5em;
|
|
margin-bottom: 0; }
|
|
|
|
.add-perm {
|
|
padding-top: .5em;
|
|
padding-left: 2.5em;
|
|
margin-left: 0; }
|
|
|
|
.guideline #content h2 {
|
|
color: #ff6e3a;
|
|
padding: 2em 0 0 0;
|
|
margin: 1em 0;
|
|
font-size: 2em; }
|
|
.guideline #content h2:first-child {
|
|
margin-top: 0;
|
|
padding-top: .5em; }
|
|
.guideline h3 {
|
|
margin-top: 2em; }
|
|
.guideline .dc-update h3 {
|
|
margin-top: 0; }
|
|
.guideline .one-box .box {
|
|
border: 1px solid #dbdcdd;
|
|
padding: 2px .5em; }
|
|
.guideline #main-menu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: normal; }
|
|
.guideline #main-menu li {
|
|
padding-left: 1em; }
|
|
|
|
/** --------------------------------------------------
|
|
Misc
|
|
--------------------------------------------------- */
|
|
/* jQuery Autocomplete plugin */
|
|
.ac_results {
|
|
padding: 0px;
|
|
background-color: #323334;
|
|
border: 1px dotted #ffd478;
|
|
overflow: hidden;
|
|
z-index: 99999; }
|
|
.ac_results ul {
|
|
width: 100%;
|
|
list-style-position: outside;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0; }
|
|
.ac_results li {
|
|
margin: 0px;
|
|
padding: 2px 5px;
|
|
cursor: default;
|
|
display: block;
|
|
font-size: 1em;
|
|
line-height: 16px;
|
|
overflow: hidden; }
|
|
|
|
.ac_loading {
|
|
background: transparent url("loader.gif") right center no-repeat; }
|
|
|
|
.ac_odd {
|
|
background-color: #323334; }
|
|
|
|
.ac_over {
|
|
color: #fff;
|
|
background-color: #5e9bc1; }
|
|
|
|
/* password indicator */
|
|
.pw-table {
|
|
display: table;
|
|
margin-bottom: 1em; }
|
|
|
|
.pw-cell {
|
|
display: table-cell;
|
|
margin-bottom: 1em; }
|
|
|
|
#pwindicator {
|
|
display: table-cell;
|
|
vertical-align: bottom;
|
|
padding-left: 1.5em;
|
|
height: 3.8em; }
|
|
#pwindicator .bar {
|
|
height: 6px;
|
|
margin-bottom: 4px; }
|
|
|
|
.pw-very-weak .bar {
|
|
background: #c44d58;
|
|
width: 30px; }
|
|
|
|
.pw-weak .bar {
|
|
background: #e1732c;
|
|
width: 60px; }
|
|
|
|
.pw-mediocre .bar {
|
|
background: #ff9900;
|
|
width: 90px; }
|
|
|
|
.pw-strong .bar {
|
|
background: #cdad12;
|
|
width: 120px; }
|
|
|
|
.pw-very-strong .bar {
|
|
background: #9ac123;
|
|
width: 150px; }
|
|
|
|
/* ------------------------------------------------------------------ navigation */
|
|
/* selects accès rapide */
|
|
.anchor-nav {
|
|
background: #272b30;
|
|
padding: 4px 1em; }
|
|
.anchor-nav label {
|
|
vertical-align: bottom; }
|
|
|
|
/* nav links */
|
|
.nav_prevnext {
|
|
margin-bottom: 2em;
|
|
color: #272b30; }
|
|
|
|
.nav_prevnext a,
|
|
a.back {
|
|
color: #76c2f1;
|
|
border: 1px solid #dbdcdd;
|
|
padding: 2px 1.5em;
|
|
border-radius: .75em;
|
|
background-color: #323334; }
|
|
|
|
a.back:before {
|
|
content: "\ab\a0"; }
|
|
|
|
a.onblog_link {
|
|
color: #323334;
|
|
float: right;
|
|
border: 1px solid #ecedee;
|
|
padding: 2px 1.5em;
|
|
border-radius: .75em;
|
|
background-color: #ecedee;
|
|
box-shadow: 0 1px 1px rgba(50, 51, 52, 0.3); }
|
|
|
|
/* Pagination */
|
|
.pager {
|
|
margin: 2em 0 1em 0;
|
|
clear: left; }
|
|
.pager ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.pager li,
|
|
.pager input {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 .33em 0 0;
|
|
padding: 0;
|
|
text-align: center; }
|
|
.pager .btn {
|
|
border: 1px solid #dbdcdd;
|
|
background-color: #f3f4f5;
|
|
color: #76c2f1;
|
|
border-radius: 3px;
|
|
overflow: hidden; }
|
|
.pager .btn.no-link {
|
|
border-color: #dbdcdd;
|
|
background-color: #fff;
|
|
padding: 1px 3px 0; }
|
|
.pager .active {
|
|
padding: 4px 12px;
|
|
color: #c9cbcf; }
|
|
.pager .direct-access {
|
|
margin-left: 2em; }
|
|
.pager .direct-access input[type=text] {
|
|
border: 1px solid #dbdcdd;
|
|
padding: 3px 8px;
|
|
margin-left: .25em;
|
|
background-color: #fff; }
|
|
.pager .direct-access input[type=submit] {
|
|
padding: 3px 6px; }
|
|
.pager a {
|
|
display: block;
|
|
padding: 1px 3px 0;
|
|
border: none; }
|
|
.pager a:hover, .pager a:focus {
|
|
background-color: #dbdcdd; }
|
|
|
|
.index .btn.no-link,
|
|
.index a {
|
|
padding: 2px 8px 3px;
|
|
font-variant: small-caps; }
|
|
.index li {
|
|
margin-bottom: 3px; }
|
|
.index a {
|
|
font-weight: bold; }
|
|
.index .btn.no-link {
|
|
color: #c9cbcf; }
|
|
.index .active {
|
|
padding: 4px 8px;
|
|
color: #fff;
|
|
background: #676e78;
|
|
border-radius: 3px;
|
|
font-variant: small-caps; }
|
|
|
|
/* Etapes */
|
|
.step {
|
|
display: inline-block;
|
|
float: left;
|
|
margin: 3px 10px 2px 0;
|
|
padding: 5px .5em;
|
|
color: #676e78;
|
|
background: #f3f4f5;
|
|
border: 1px solid #cbced1;
|
|
border-radius: 3px;
|
|
font-weight: bold; }
|
|
|
|
/* ------------------------------------------------------------------------- indicateurs */
|
|
.mark-attach {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
width: 12px;
|
|
height: 12px;
|
|
padding-left: 12px;
|
|
background: url("../images/attach.svg") no-repeat;
|
|
filter: hue-rotate(260deg) saturate(100) saturate(0.2) brightness(220%); }
|
|
|
|
/* ---------------------------------------------------------------- utilisables partout */
|
|
.legible {
|
|
font-size: 1.16em;
|
|
max-width: 62em; }
|
|
|
|
.fieldset {
|
|
background: #272b30;
|
|
border: 1px solid #cbced1;
|
|
border-radius: 3px;
|
|
padding: 1em .7em .5em;
|
|
margin-bottom: 1em; }
|
|
.fieldset h3 {
|
|
margin-top: 0; }
|
|
.fieldset hr {
|
|
background-color: #cbced1;
|
|
border-width: 0;
|
|
margin: 1em 0; }
|
|
.fieldset:focus-within {
|
|
background-color: #363a3e; }
|
|
|
|
.right,
|
|
.txt-right {
|
|
text-align: right; }
|
|
|
|
.txt-center {
|
|
text-align: center; }
|
|
|
|
.txt-left {
|
|
text-align: left; }
|
|
|
|
.no-margin,
|
|
label.no-margin {
|
|
margin-top: 0;
|
|
margin-bottom: 0; }
|
|
|
|
.vertical-separator {
|
|
margin-top: 2em; }
|
|
|
|
p.clear.vertical-separator {
|
|
padding-top: 2em; }
|
|
|
|
.border-top {
|
|
border-top: 1px solid #86888c;
|
|
padding-top: 1em;
|
|
margin-top: 1em; }
|
|
|
|
.grid {
|
|
background: transparent repeat url("grid.png") 0 0; }
|
|
|
|
ul.nice {
|
|
margin: 1em 0;
|
|
padding: 0 0 0 2em;
|
|
list-style: square; }
|
|
ul.nice li {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
ul.from-left {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
margin: 1em 0; }
|
|
ul.from-left > li {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em; }
|
|
ul.from-left ul {
|
|
list-style-type: square; }
|
|
|
|
.offline {
|
|
color: #86888c;
|
|
background: #323334; }
|
|
|
|
/* caché pour tout le monde */
|
|
.hide,
|
|
.button.hide {
|
|
display: none !important; }
|
|
|
|
/* Caché sauf pour les revues d'écran */
|
|
.hidden,
|
|
.with-js .out-of-screen-if-js {
|
|
position: absolute !important;
|
|
clip: rect(1px 1px 1px 1px);
|
|
/* IE6, IE7 */
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
padding: 0 !important;
|
|
border: 0 !important;
|
|
height: 1px !important;
|
|
width: 1px !important;
|
|
overflow: hidden; }
|
|
|
|
/* caché si js est inactif */
|
|
.no-js .hidden-if-no-js {
|
|
display: none; }
|
|
|
|
/* caché si js est actif */
|
|
.with-js .hidden-if-js {
|
|
display: none; }
|
|
|
|
/* ---------------------------------------------- Couleurs ajoutées via javascript
|
|
|
|
/* Sortable (jQuery UI) */
|
|
.sortable-area {
|
|
border: 1px dashed currentColor;
|
|
background-color: #4c4d4f; }
|
|
|
|
div.ui-sortable-handle {
|
|
border: 1px dashed currentColor !important;
|
|
border-radius: .75em !important; }
|
|
|
|
/* color-picker.js */
|
|
.color-color-picker {
|
|
border: 1px solid #000;
|
|
width: 195px;
|
|
background: #fff; }
|
|
|
|
/* _media_item.js */
|
|
.color-div {
|
|
border: 1px solid #c9cbcf; }
|
|
|
|
/* Badges (common.js) */
|
|
.badgeable {
|
|
/* class to set to badge parent's, not mandatory for menu items */
|
|
position: relative; }
|
|
|
|
/* Badge design */
|
|
.badge {
|
|
color: #fff;
|
|
background-color: #d54e21;
|
|
border: 1px solid #dcdee0;
|
|
vertical-align: top;
|
|
border-radius: 1em;
|
|
padding: 0 .6em; }
|
|
|
|
.badge-icon {
|
|
background-color: #607d8b; }
|
|
|
|
/* Badge background override */
|
|
.badge-std {
|
|
background-color: #d54e21; }
|
|
|
|
.badge-info {
|
|
background-color: #3f51b5; }
|
|
|
|
.badge-soft {
|
|
background-color: #607d8b; }
|
|
|
|
/* Badge position */
|
|
.badge-block {
|
|
/* Dashboard module → badge on top right */
|
|
position: absolute;
|
|
top: -10px;
|
|
right: -10px; }
|
|
|
|
.badge-icon {
|
|
/* Dashboard icon → badge on top right */
|
|
right: 20px; }
|
|
|
|
.badge-inline {
|
|
/* Menu item */
|
|
margin-left: .5em; }
|
|
|
|
.badge-left {
|
|
right: auto;
|
|
left: -10px; }
|
|
.badge-left.badge-icon {
|
|
left: 20px; }
|
|
|
|
/* Badge design option */
|
|
.badge-noborder {
|
|
border: none; }
|
|
|
|
.badge-small {
|
|
font-size: smaller; }
|
|
.badge-small.badge-icon {
|
|
right: 25px; }
|
|
.badge-small.badge-icon.badge-left {
|
|
right: auto;
|
|
left: 25px; }
|
|
|
|
.badge-square {
|
|
border-radius: 0; }
|
|
|
|
/* ------------------------------------------------------------------------------------
|
|
UN POIL DE MEDIA QUERIES
|
|
------------------------------------------------------------------------------------ */
|
|
@media screen and (max-width: 80em) {
|
|
#header,
|
|
h1 {
|
|
background: #595b5d; }
|
|
|
|
#top-info-user {
|
|
background: #272b30; }
|
|
#top-info-user a.active {
|
|
color: #fff;
|
|
background: #86888c; }
|
|
|
|
#wrapper {
|
|
background: #272b30; }
|
|
|
|
.modules th.module-desc,
|
|
.modules td.module-desc {
|
|
display: none; } }
|
|
@media screen and (max-width: 44em) {
|
|
#help-button {
|
|
background-color: #9ac123;
|
|
padding: 0;
|
|
font-size: .83em;
|
|
line-height: 68px; } }
|
|
@media screen and (max-width: 38em) {
|
|
h1 a:link {
|
|
border-right: 1px solid #ecedee; }
|
|
h1 a:hover, h1 a:focus {
|
|
border-right: 1px solid #ecedee; }
|
|
|
|
#dashboard-main {
|
|
padding: 0; }
|
|
|
|
#content,
|
|
.hide-mm #content {
|
|
padding: 0 .5em !important; }
|
|
|
|
#main #content > h2 {
|
|
padding: 6px 30px 4px .5em; }
|
|
|
|
.cell,
|
|
#filters-form .cell {
|
|
border: none;
|
|
padding: 1em; }
|
|
|
|
.pseudo-tabs li {
|
|
border-top: 1px solid #ecedee;
|
|
padding: .25em; }
|
|
.pseudo-tabs li:first-child, .pseudo-tabs li:nth-of-type(2) {
|
|
border-top: none; } }
|
|
@media screen and (max-width: 26.5em) {
|
|
h1,
|
|
h1 a {
|
|
border-right: #323334 !important; }
|
|
|
|
#content.with-help #help {
|
|
font-size: 1.2rem; }
|
|
|
|
p.top-add {
|
|
text-align: center; }
|
|
|
|
.multi-part {
|
|
padding-left: 0; }
|
|
|
|
.part-tabs ul {
|
|
padding: 0 .5em; }
|
|
|
|
#icons p {
|
|
padding: 1em .25em; }
|
|
|
|
.box.current-theme {
|
|
padding: 10px; }
|
|
|
|
th,
|
|
td {
|
|
padding: 0.3em 1em 0.3em 0; }
|
|
|
|
.pseudo-tabs li {
|
|
border-top: 1px solid #ecedee !important; }
|
|
|
|
.pseudo-tabs li:first-child {
|
|
border-top: none; } }
|
|
/** --------------------------------------------------
|
|
Plugins
|
|
--------------------------------------------------- */
|
|
/* dcLegacyEditor */
|
|
/* WYSIWYG Document */
|
|
body.wysiwygDoc {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
|
|
|
|
.wysiwygDoc pre, .wysiwygDoc code, .wysiwygDoc kbd, .wysiwygDoc samp {
|
|
font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; }
|
|
|
|
/* dcCKEditor */
|
|
.cke textarea.cke_source {
|
|
font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace;
|
|
font-size: 100%; }
|
|
|
|
/** --------------------------------------------------
|
|
3rd parties
|
|
--------------------------------------------------- */
|
|
/* Magnific Popup CSS */
|
|
.mfp-bg {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1042;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
background: #0b0b0b;
|
|
opacity: 0.8; }
|
|
|
|
.mfp-wrap {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1043;
|
|
position: fixed;
|
|
outline: none !important;
|
|
-webkit-backface-visibility: hidden; }
|
|
|
|
.mfp-container {
|
|
text-align: center;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 0 8px;
|
|
box-sizing: border-box; }
|
|
|
|
.mfp-container:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle; }
|
|
|
|
.mfp-align-top .mfp-container:before {
|
|
display: none; }
|
|
|
|
.mfp-content {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
z-index: 1045; }
|
|
|
|
.mfp-inline-holder .mfp-content,
|
|
.mfp-ajax-holder .mfp-content {
|
|
width: 100%;
|
|
cursor: auto; }
|
|
|
|
.mfp-ajax-cur {
|
|
cursor: progress; }
|
|
|
|
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
|
cursor: -moz-zoom-out;
|
|
cursor: -webkit-zoom-out;
|
|
cursor: zoom-out; }
|
|
|
|
.mfp-zoom {
|
|
cursor: pointer;
|
|
cursor: -webkit-zoom-in;
|
|
cursor: -moz-zoom-in;
|
|
cursor: zoom-in; }
|
|
|
|
.mfp-auto-cursor .mfp-content {
|
|
cursor: auto; }
|
|
|
|
.mfp-close,
|
|
.mfp-arrow,
|
|
.mfp-preloader,
|
|
.mfp-counter {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none; }
|
|
|
|
.mfp-loading.mfp-figure {
|
|
display: none; }
|
|
|
|
.mfp-hide {
|
|
display: none !important; }
|
|
|
|
.mfp-preloader {
|
|
color: #CCC;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: auto;
|
|
text-align: center;
|
|
margin-top: -0.8em;
|
|
left: 8px;
|
|
right: 8px;
|
|
z-index: 1044; }
|
|
.mfp-preloader a {
|
|
color: #CCC; }
|
|
.mfp-preloader a:hover {
|
|
color: #FFF; }
|
|
|
|
.mfp-s-ready .mfp-preloader {
|
|
display: none; }
|
|
|
|
.mfp-s-error .mfp-content {
|
|
display: none; }
|
|
|
|
button.mfp-close, button.mfp-arrow {
|
|
overflow: visible;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none;
|
|
display: block;
|
|
outline: none;
|
|
padding: 0;
|
|
z-index: 1046;
|
|
box-shadow: none;
|
|
touch-action: manipulation; }
|
|
button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0; }
|
|
|
|
.mfp-close {
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
opacity: 0.65;
|
|
padding: 0 0 18px 10px;
|
|
color: #FFF;
|
|
font-style: normal;
|
|
font-size: 28px;
|
|
font-family: Arial, Baskerville, monospace; }
|
|
.mfp-close:hover, .mfp-close:focus {
|
|
opacity: 1; }
|
|
.mfp-close:active {
|
|
top: 1px; }
|
|
|
|
.mfp-close-btn-in .mfp-close {
|
|
color: #333; }
|
|
|
|
.mfp-image-holder .mfp-close,
|
|
.mfp-iframe-holder .mfp-close {
|
|
color: #FFF;
|
|
right: -6px;
|
|
text-align: right;
|
|
padding-right: 6px;
|
|
width: 100%; }
|
|
|
|
.mfp-counter {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
color: #CCC;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
white-space: nowrap; }
|
|
|
|
.mfp-arrow {
|
|
position: absolute;
|
|
opacity: 0.65;
|
|
margin: 0;
|
|
top: 50%;
|
|
margin-top: -55px;
|
|
padding: 0;
|
|
width: 90px;
|
|
height: 110px;
|
|
-webkit-tap-highlight-color: transparent; }
|
|
.mfp-arrow:active {
|
|
margin-top: -54px; }
|
|
.mfp-arrow:hover, .mfp-arrow:focus {
|
|
opacity: 1; }
|
|
.mfp-arrow:before, .mfp-arrow:after {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
margin-top: 35px;
|
|
margin-left: 35px;
|
|
border: medium inset transparent; }
|
|
.mfp-arrow:after {
|
|
border-top-width: 13px;
|
|
border-bottom-width: 13px;
|
|
top: 8px; }
|
|
.mfp-arrow:before {
|
|
border-top-width: 21px;
|
|
border-bottom-width: 21px;
|
|
opacity: 0.7; }
|
|
|
|
.mfp-arrow-left {
|
|
left: 0; }
|
|
.mfp-arrow-left:after {
|
|
border-right: 17px solid #FFF;
|
|
margin-left: 31px; }
|
|
.mfp-arrow-left:before {
|
|
margin-left: 25px;
|
|
border-right: 27px solid #3F3F3F; }
|
|
|
|
.mfp-arrow-right {
|
|
right: 0; }
|
|
.mfp-arrow-right:after {
|
|
border-left: 17px solid #FFF;
|
|
margin-left: 39px; }
|
|
.mfp-arrow-right:before {
|
|
border-left: 27px solid #3F3F3F; }
|
|
|
|
.mfp-iframe-holder {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px; }
|
|
.mfp-iframe-holder .mfp-content {
|
|
line-height: 0;
|
|
width: 100%;
|
|
max-width: 98%; }
|
|
.mfp-iframe-holder .mfp-close {
|
|
top: -40px; }
|
|
|
|
.mfp-iframe-scaler {
|
|
width: 100%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-top: 56.25%; }
|
|
.mfp-iframe-scaler iframe {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
background: #000; }
|
|
|
|
/* Main image in popup */
|
|
img.mfp-img {
|
|
width: auto;
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
line-height: 0;
|
|
box-sizing: border-box;
|
|
padding: 40px 0 40px;
|
|
margin: 0 auto; }
|
|
|
|
/* The shadow behind the image */
|
|
.mfp-figure {
|
|
line-height: 0; }
|
|
.mfp-figure:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 40px;
|
|
bottom: 40px;
|
|
display: block;
|
|
right: 0;
|
|
width: auto;
|
|
height: auto;
|
|
z-index: -1;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
background: #444; }
|
|
.mfp-figure small {
|
|
color: #BDBDBD;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 14px; }
|
|
.mfp-figure figure {
|
|
margin: 0; }
|
|
|
|
.mfp-bottom-bar {
|
|
margin-top: -36px;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
cursor: auto; }
|
|
|
|
.mfp-title {
|
|
text-align: left;
|
|
line-height: 18px;
|
|
color: #F3F3F3;
|
|
word-wrap: break-word;
|
|
padding-right: 36px; }
|
|
|
|
.mfp-image-holder .mfp-content {
|
|
max-width: 100%; }
|
|
|
|
.mfp-gallery .mfp-image-holder .mfp-figure {
|
|
cursor: pointer; }
|
|
|
|
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
|
/**
|
|
* Remove all paddings around the image on small screen
|
|
*/
|
|
.mfp-img-mobile .mfp-image-holder {
|
|
padding-left: 0;
|
|
padding-right: 0; }
|
|
.mfp-img-mobile img.mfp-img {
|
|
padding: 0; }
|
|
.mfp-img-mobile .mfp-figure:after {
|
|
top: 0;
|
|
bottom: 0; }
|
|
.mfp-img-mobile .mfp-figure small {
|
|
display: inline;
|
|
margin-left: 5px; }
|
|
.mfp-img-mobile .mfp-bottom-bar {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
bottom: 0;
|
|
margin: 0;
|
|
top: auto;
|
|
padding: 3px 5px;
|
|
position: fixed;
|
|
box-sizing: border-box; }
|
|
.mfp-img-mobile .mfp-bottom-bar:empty {
|
|
padding: 0; }
|
|
.mfp-img-mobile .mfp-counter {
|
|
right: 5px;
|
|
top: 3px; }
|
|
.mfp-img-mobile .mfp-close {
|
|
top: 0;
|
|
right: 0;
|
|
width: 35px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
position: fixed;
|
|
text-align: center;
|
|
padding: 0; } }
|
|
@media all and (max-width: 900px) {
|
|
.mfp-arrow {
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75); }
|
|
|
|
.mfp-arrow-left {
|
|
-webkit-transform-origin: 0;
|
|
transform-origin: 0; }
|
|
|
|
.mfp-arrow-right {
|
|
-webkit-transform-origin: 100%;
|
|
transform-origin: 100%; }
|
|
|
|
.mfp-container {
|
|
padding-left: 6px;
|
|
padding-right: 6px; } }
|
|
/* CodeMirror CSS */
|
|
.CodeMirror {
|
|
/* Set height, width, borders, and global font properties here */
|
|
font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace !important; }
|
|
|
|
/** --------------------------------------------------
|
|
Debug
|
|
--------------------------------------------------- */
|
|
/* debug */
|
|
#debug {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
background: #ffd478; }
|
|
#debug div {
|
|
display: none;
|
|
padding: 3px 0.5em 2px; }
|
|
#debug p {
|
|
margin: 0.5em 0; }
|
|
#debug:hover {
|
|
height: auto;
|
|
padding: 2px 1em;
|
|
z-index: 100; }
|
|
#debug:hover div {
|
|
display: block; }
|
|
|
|
.debug {
|
|
color: #ae323b;
|
|
background: #ffd478;
|
|
padding: 3px 0.5em 2px; }
|
|
|
|
input[type=submit].delete.debug,
|
|
a.delete.debug {
|
|
border-color: #ffd478; }
|
|
input[type=submit].delete.debug:hover,
|
|
a.delete.debug:hover {
|
|
background: #ffd478;
|
|
color: #ae323b;
|
|
border-color: #ffd478; }
|