Current oav website
This commit is contained in:
Charlie Root
63
dotclear._no/admin/style/scss/partials/_auth.scss
Normal file
63
dotclear._no/admin/style/scss/partials/_auth.scss
Normal file
@ -0,0 +1,63 @@
|
||||
#login-screen {
|
||||
display: block;
|
||||
width: 20em;
|
||||
margin: 1.5em auto 0;
|
||||
font-size: 1.16em;
|
||||
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;
|
||||
}
|
||||
.fieldset {
|
||||
border: 1px solid $login-fieldset-border;
|
||||
padding: 1em 1em 0 1em;
|
||||
background: $login-fieldset-background;
|
||||
margin-bottom: 0;
|
||||
margin-top: 1em;
|
||||
}
|
||||
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=text]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=file]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=submit]:focus {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 5px 3px;
|
||||
}
|
||||
input.login,
|
||||
input.login:focus {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
font-size: 1em;
|
||||
}
|
||||
#issue {
|
||||
margin-left: 1.33em;
|
||||
font-size: .91em;
|
||||
p:first-child {
|
||||
text-align: right;
|
||||
}
|
||||
strong {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
52
dotclear._no/admin/style/scss/partials/_blog_pref.scss
Normal file
52
dotclear._no/admin/style/scss/partials/_blog_pref.scss
Normal file
@ -0,0 +1,52 @@
|
||||
#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 .5em .5em;
|
||||
width: 20em;
|
||||
border: 1px solid $blog-user-border;
|
||||
border-radius: .5em;
|
||||
padding: 0 1em .5em;
|
||||
h4,
|
||||
h5,
|
||||
p,
|
||||
ul,
|
||||
li {
|
||||
margin: .5em 0 .33em;
|
||||
padding: 0;
|
||||
}
|
||||
h4 {
|
||||
padding-left: 28px;
|
||||
}
|
||||
h5 {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
li {
|
||||
margin-left: 1em;
|
||||
padding-left: 0;
|
||||
}
|
||||
&.user_super {
|
||||
border-color: $blog-super-border;
|
||||
background-color: $blog-super-background;
|
||||
}
|
||||
}
|
||||
|
||||
li.user_super,
|
||||
li.user_admin {
|
||||
margin-left: 0;
|
||||
padding-left: 20px;
|
||||
list-style: none;
|
||||
background: transparent url(../images/superadmin.png) no-repeat 0 .3em;
|
||||
}
|
||||
|
||||
li.user_admin {
|
||||
background-image: url(../images/admin.png);
|
||||
}
|
||||
178
dotclear._no/admin/style/scss/partials/_blog_theme.scss
Normal file
178
dotclear._no/admin/style/scss/partials/_blog_theme.scss
Normal file
@ -0,0 +1,178 @@
|
||||
/* 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 $theme-box-border;
|
||||
position: relative;
|
||||
&:hover {
|
||||
background: $theme-box-over;
|
||||
}
|
||||
input {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.module-name,
|
||||
.module-name label {
|
||||
margin-bottom: .5em;
|
||||
color: $theme-name-color;
|
||||
}
|
||||
|
||||
.module-sshot {
|
||||
text-align: center;
|
||||
img {
|
||||
padding: 5px;
|
||||
background: $theme-img-background;
|
||||
box-shadow: 1px 1px 2px $theme-img-shadow;
|
||||
border: 3px solid $theme-img-border;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.module-actions {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.bloc-toggler {
|
||||
text-align: right;
|
||||
img {
|
||||
opacity: .4;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
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;
|
||||
&: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,
|
||||
.module-actions.toggle-bloc {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
width: 239px;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
background: $theme-action-background;
|
||||
}
|
||||
.module-infos.toggle-bloc {
|
||||
top: 128px;
|
||||
height: 80px;
|
||||
border-top: 1px solid $theme-action-border;
|
||||
}
|
||||
.module-actions.toggle-bloc {
|
||||
top: 208px;
|
||||
height: 40px;
|
||||
border-bottom: 1px solid $theme-action-border;
|
||||
}
|
||||
}
|
||||
|
||||
.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: $theme-current-background;
|
||||
border: 1px solid $theme-current-border;
|
||||
border-radius: .5em;
|
||||
min-height: 326px;
|
||||
box-shadow: 1px 1px 2px $theme-current-shadow;
|
||||
position: relative;
|
||||
.module-sshot:hover {
|
||||
cursor: auto;
|
||||
}
|
||||
.module-sshot img {
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
border: 9px solid $theme-current-img-border;
|
||||
padding: 5px;
|
||||
max-width: 308px;
|
||||
max-height: 273px;
|
||||
}
|
||||
.module-name {
|
||||
color: $theme-current-name-color;
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
289
dotclear._no/admin/style/scss/partials/_buttons.scss
Normal file
289
dotclear._no/admin/style/scss/partials/_buttons.scss
Normal file
@ -0,0 +1,289 @@
|
||||
/* 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 $button-border;
|
||||
font-family: $sans-serif-input;
|
||||
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 $button-shadow;
|
||||
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: $submit-color;
|
||||
background-color: $submit-background;
|
||||
@include background-image(linear-gradient(to bottom, $submit-background, $submit-background-alt));
|
||||
border-color: $submit-background;
|
||||
}
|
||||
|
||||
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: $submit-background-alt;
|
||||
@include background-image(linear-gradient(to bottom, $submit-background-alt, $submit-background));
|
||||
border-color: $submit-background-alt;
|
||||
}
|
||||
|
||||
|
||||
/* 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: $reset-color;
|
||||
background-color: $reset-background;
|
||||
@include background-image(linear-gradient(to bottom, $reset-background-alt, $reset-background));
|
||||
background-repeat: repeat-x;
|
||||
border-color: $reset-border;
|
||||
}
|
||||
|
||||
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: $reset-background-ter;
|
||||
@include background-image(linear-gradient(to bottom, $reset-background, $reset-background-ter));
|
||||
background-repeat: repeat-x;
|
||||
border-color: $reset-border;
|
||||
}
|
||||
|
||||
|
||||
/* suppression */
|
||||
|
||||
input[type=submit].delete,
|
||||
input.delete,
|
||||
button[type=submit].delete,
|
||||
button.delete,
|
||||
a.button.delete {
|
||||
color: $delete-color;
|
||||
}
|
||||
|
||||
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: $delete-hover-color;
|
||||
background-color: $delete-hover-background;
|
||||
@include background-image(linear-gradient(to bottom, $delete-hover-background-alt, $delete-hover-background));
|
||||
background-repeat: repeat-x;
|
||||
border-color: $delete-hover-border;
|
||||
}
|
||||
|
||||
#info-box a.button,
|
||||
#info-box button {
|
||||
padding: 0 .5em;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
.button.add,
|
||||
button.add {
|
||||
color: $add-color;
|
||||
background-color: $add-background;
|
||||
@include background-image(linear-gradient(to bottom, $add-background, $add-background-alt));
|
||||
border-color: $add-border;
|
||||
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: $add-background-alt;
|
||||
@include background-image(linear-gradient(to bottom, $add-background-alt, $add-background));
|
||||
border-color: $add-border-alt;
|
||||
}
|
||||
|
||||
.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: $button-disabled-color;
|
||||
background: $button-disabled-background;
|
||||
border: 1px solid $button-disabled-border;
|
||||
}
|
||||
|
||||
input.disabled:hover,
|
||||
input[type=submit].disabled:hover,
|
||||
button.disabled:hover,
|
||||
button[type=submit].disabled:hover {
|
||||
color: $button-disabled-color;
|
||||
background: $button-disabled-background-alt;
|
||||
border: 1px solid $button-disabled-border;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: transparent;
|
||||
color: $input-focus;
|
||||
}
|
||||
}
|
||||
|
||||
/* specific buttons */
|
||||
|
||||
// Ajax or js buttons (action do not reload current page)
|
||||
.checkbox-helper,
|
||||
#gototop,
|
||||
.metaGetList,
|
||||
.metaGetMore,
|
||||
a.checkbox-helper,
|
||||
a#gototop,
|
||||
a.metaGetList,
|
||||
a.metaGetMore {
|
||||
font-size: 0.825em;
|
||||
color: $ajax-color;
|
||||
background: $ajax-background;
|
||||
box-shadow: none;
|
||||
border: 1px solid $ajax-border;
|
||||
margin-bottom: .25em;
|
||||
text-align: center;
|
||||
&:hover {
|
||||
background: $ajax-background-alt;
|
||||
box-shadow: none;
|
||||
border: 1px solid $ajax-border;
|
||||
}
|
||||
}
|
||||
|
||||
#gototop {
|
||||
display: none;
|
||||
z-index: 1000;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: .5em;
|
||||
width: 10em;
|
||||
padding: .25em;
|
||||
border-radius: .25em;
|
||||
a,
|
||||
a:link,
|
||||
a:hover,
|
||||
a:active {
|
||||
color: $gotop-color;
|
||||
background: $gotop-background;
|
||||
border: $gotop-border;
|
||||
}
|
||||
}
|
||||
|
||||
.metaRemove,
|
||||
.addMeta button:not(.metaGetMore),
|
||||
.addMeta a:not(.metaGetMore) {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
color: $addmeta-color;
|
||||
background: $addmeta-background;
|
||||
}
|
||||
|
||||
.addMeta button:not(.metaGetMore),
|
||||
.addMeta a:not(.metaGetMore) {
|
||||
box-shadow: initial;
|
||||
margin-bottom: 2px;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $addmeta-focus-color;
|
||||
background: $addmeta-focus-background;
|
||||
}
|
||||
}
|
||||
72
dotclear._no/admin/style/scss/partials/_categories.scss
Normal file
72
dotclear._no/admin/style/scss/partials/_categories.scss
Normal file
@ -0,0 +1,72 @@
|
||||
#categories {
|
||||
margin: 1em 0;
|
||||
ul {
|
||||
list-style: none;
|
||||
margin-top: 2em;
|
||||
padding: 0;
|
||||
ul {
|
||||
margin-right: 2em;
|
||||
margin-left: 2em;
|
||||
}
|
||||
}
|
||||
.placeholder {
|
||||
outline: 1px dashed $cat-placeholder-outline;
|
||||
min-height: 2.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.cat-line {
|
||||
position: relative;
|
||||
margin: .66em 0;
|
||||
padding: .66em 1em;
|
||||
border: 1px solid $cat-line-border;
|
||||
border-radius: 3px;
|
||||
label {
|
||||
margin-right: .25em;
|
||||
a {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
p,
|
||||
label {
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.cat-line {
|
||||
border: 1px solid $subcat-line-border;
|
||||
}
|
||||
}
|
||||
|
||||
p.cat-title {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.cat-nb-posts a {
|
||||
color: $cat-post-counter;
|
||||
}
|
||||
|
||||
.cat-url {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.cat-buttons {
|
||||
float: right;
|
||||
margin-top: -.2em;
|
||||
font-size: .91em;
|
||||
select {
|
||||
padding: 1px 2px 3px 2px;
|
||||
margin-right: .25em;
|
||||
}
|
||||
.reset {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.cat-actions {
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
#del_cat {
|
||||
width: 100%;
|
||||
}
|
||||
30
dotclear._no/admin/style/scss/partials/_charte.scss
Normal file
30
dotclear._no/admin/style/scss/partials/_charte.scss
Normal file
@ -0,0 +1,30 @@
|
||||
.guideline {
|
||||
#content h2 {
|
||||
color: $charte-title;
|
||||
padding: 2em 0 0 0;
|
||||
margin: 1em 0;
|
||||
font-size: 2em;
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
padding-top: .5em;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
margin-top: 2em;
|
||||
}
|
||||
.dc-update h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.one-box .box {
|
||||
border: 1px solid $charte-one-box-border;
|
||||
padding: 2px .5em;
|
||||
}
|
||||
#main-menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
#main-menu li {
|
||||
padding-left: 1em;
|
||||
}
|
||||
}
|
||||
379
dotclear._no/admin/style/scss/partials/_classes.scss
Normal file
379
dotclear._no/admin/style/scss/partials/_classes.scss
Normal file
@ -0,0 +1,379 @@
|
||||
/* jQuery Autocomplete plugin */
|
||||
|
||||
.ac_results {
|
||||
padding: 0px;
|
||||
background-color: $ac-results-background;
|
||||
border: 1px dotted $ac-results-border;
|
||||
overflow: hidden;
|
||||
z-index: 99999;
|
||||
ul {
|
||||
width: 100%;
|
||||
list-style-position: outside;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
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: $ac-results-background;
|
||||
}
|
||||
|
||||
.ac_over {
|
||||
color: $ac-results-over;
|
||||
background-color: $ac-results-over-background;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
.bar {
|
||||
height: 6px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.pw-very-weak .bar {
|
||||
background: $pw-very-weak;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.pw-weak .bar {
|
||||
background: $pw-weak;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.pw-mediocre .bar {
|
||||
background: $pw-mediocre;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
.pw-strong .bar {
|
||||
background: $pw-strong;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.pw-very-strong .bar {
|
||||
background: $pw-very-strong;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------------------------------------------------ navigation */
|
||||
|
||||
|
||||
/* selects accès rapide */
|
||||
|
||||
.anchor-nav {
|
||||
background: $nav-background;
|
||||
padding: 4px 1em;
|
||||
label {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* nav links */
|
||||
|
||||
.nav_prevnext {
|
||||
margin-bottom: 2em;
|
||||
color: $nav-background;
|
||||
}
|
||||
|
||||
.nav_prevnext a,
|
||||
a.back {
|
||||
color: $nav-prevnext;
|
||||
border: 1px solid $nav-prevnext-border;
|
||||
padding: 2px 1.5em;
|
||||
border-radius: .75em;
|
||||
background-color: $nav-prevnext-background;
|
||||
}
|
||||
|
||||
a.back:before {
|
||||
content: "\ab\a0";
|
||||
}
|
||||
|
||||
a.onblog_link {
|
||||
color: $onblog-link;
|
||||
float: right;
|
||||
border: 1px solid $onblog-link-border;
|
||||
padding: 2px 1.5em;
|
||||
border-radius: .75em;
|
||||
background-color: $onblog-link-background;
|
||||
box-shadow: 0 1px 1px $onblog-link-shadow;
|
||||
}
|
||||
|
||||
|
||||
/* Pagination */
|
||||
|
||||
.pager {
|
||||
margin: 2em 0 1em 0;
|
||||
clear: left;
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li,
|
||||
input {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 .33em 0 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.btn {
|
||||
border: 1px solid $pager-border;
|
||||
background-color: $pager-background;
|
||||
color: $pager-link;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
&.no-link {
|
||||
border-color: $pager-border;
|
||||
background-color: $pager-off-background;
|
||||
padding: 1px 3px 0;
|
||||
}
|
||||
}
|
||||
.active {
|
||||
padding: 4px 12px;
|
||||
color: $pager-active;
|
||||
}
|
||||
.direct-access {
|
||||
margin-left: 2em;
|
||||
input[type=text] {
|
||||
border: 1px solid $pager-border;
|
||||
padding: 3px 8px;
|
||||
margin-left: .25em;
|
||||
background-color: $pager-input-background;
|
||||
}
|
||||
input[type=submit] {
|
||||
padding: 3px 6px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
padding: 1px 3px 0;
|
||||
border: none;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $pager-background-over;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.index {
|
||||
.btn.no-link,
|
||||
a {
|
||||
padding: 2px 8px 3px;
|
||||
font-variant: small-caps;
|
||||
}
|
||||
li {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
a {
|
||||
font-weight: bold;
|
||||
}
|
||||
.btn.no-link {
|
||||
color: $index-no-link;
|
||||
}
|
||||
.active {
|
||||
padding: 4px 8px;
|
||||
color: $index-active;
|
||||
background: $index-active-background;
|
||||
border-radius: 3px;
|
||||
font-variant: small-caps;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Etapes */
|
||||
|
||||
.step {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 3px 10px 2px 0;
|
||||
padding: 5px .5em;
|
||||
color: $step;
|
||||
background: $step-background;
|
||||
border: 1px solid $step-border;
|
||||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------- indicateurs */
|
||||
|
||||
.mark {}
|
||||
|
||||
.mark-published {}
|
||||
.mark-unpublished {}
|
||||
.mark-scheduled {}
|
||||
.mark-pending {}
|
||||
.mark-locked {}
|
||||
.mark-selected {}
|
||||
.mark-hidden {}
|
||||
.mark-attach {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
padding-left: 12px;
|
||||
background: $mark-attach-img no-repeat;
|
||||
filter: $mark-attach-filter;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------- utilisables partout */
|
||||
|
||||
.legible {
|
||||
font-size: 1.16em;
|
||||
max-width: 62em;
|
||||
}
|
||||
|
||||
.fieldset {
|
||||
background: $fieldset-background;
|
||||
border: 1px solid $fieldset-border;
|
||||
border-radius: 3px;
|
||||
padding: 1em .7em .5em;
|
||||
margin-bottom: 1em;
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
hr {
|
||||
background-color: $fieldset-border;
|
||||
border-width: 0;
|
||||
margin: 1em 0;
|
||||
}
|
||||
&:focus-within {
|
||||
background-color: $fieldset-focus-background;
|
||||
}
|
||||
}
|
||||
|
||||
.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 $link-border;
|
||||
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;
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul.from-left {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
margin: 1em 0;
|
||||
> li {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
ul {
|
||||
list-style-type: square;
|
||||
}
|
||||
}
|
||||
|
||||
.offline {
|
||||
color: $offline;
|
||||
background: $offline-background;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
144
dotclear._no/admin/style/scss/partials/_colors.scss
Executable file
144
dotclear._no/admin/style/scss/partials/_colors.scss
Executable file
@ -0,0 +1,144 @@
|
||||
// Colors (text and border colors and backgrounds)
|
||||
body {
|
||||
color: $primary-color;
|
||||
background: $primary-background;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: $ternary-color;
|
||||
}
|
||||
|
||||
h3,
|
||||
.as_h3 {
|
||||
color: $secondary-color;
|
||||
}
|
||||
|
||||
h4,
|
||||
.as_h4 {
|
||||
color: $ternary-color;
|
||||
}
|
||||
|
||||
h5 {
|
||||
color: $ternary-color;
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: $ternary-color;
|
||||
}
|
||||
|
||||
|
||||
/* ---------------------------------------------------------------- layout: main */
|
||||
|
||||
#header {
|
||||
color: $white;
|
||||
background: $ternary-background;
|
||||
border-bottom: 4px solid $light-blue;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background: $secondary-background url(bg_wrapper.png) repeat-y 14em;
|
||||
}
|
||||
|
||||
#content {
|
||||
background: $white;
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
background: $secondary-background;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color: $white;
|
||||
border-top: 1px solid $gray-light; // #ccc;
|
||||
}
|
||||
|
||||
|
||||
/* to hide main-menu */
|
||||
|
||||
#collapser {
|
||||
// background: $light-blue;
|
||||
background: $gray-light;
|
||||
// background: $light-blue url(../images/collapser-hide.png) no-repeat center bottom;
|
||||
&:hover,
|
||||
&:focus {
|
||||
// background: $gray-dark;
|
||||
background: $light-blue;
|
||||
}
|
||||
.hide-mm & {
|
||||
// background: $gray-dark;
|
||||
background: $light-blue;
|
||||
// background: $light-blue url(../images/collapser-show.png) no-repeat center bottom;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $gray-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* if main-menu is hidden */
|
||||
|
||||
#wrapper.hide-mm {
|
||||
background: $white;
|
||||
}
|
||||
|
||||
|
||||
/* ---------------------------------------------------------------- layout: popups */
|
||||
|
||||
.popup h1 {
|
||||
color: $white;
|
||||
background: $ternary-background;
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------------------------------------------------------------------
|
||||
UN POIL DE MEDIA QUERIES
|
||||
------------------------------------------------------------------------------------ */
|
||||
|
||||
@media screen and (max-width: $xl-screen) {
|
||||
#header,
|
||||
h1 {
|
||||
background: $gray-very-dark;
|
||||
}
|
||||
#top-info-user {
|
||||
background: $ternary-background;
|
||||
a.active {
|
||||
color: $white;
|
||||
background: $gray-semi-dark;
|
||||
}
|
||||
}
|
||||
#wrapper {
|
||||
background: $secondary-background url(bg_wrapper.png) repeat-y 17em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $s-screen) {
|
||||
#help-button {
|
||||
background-color: $light-blue;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $xs-screen) {
|
||||
h1 a {
|
||||
&:link {
|
||||
border-right: 1px solid $gray-light;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-right: 1px solid $light-blue;
|
||||
}
|
||||
}
|
||||
.pseudo-tabs li {
|
||||
border-top: 1px solid $gray-light;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $xxs-screen) {
|
||||
h1,
|
||||
h1 a {
|
||||
border-right: $gray-very-dark !important;
|
||||
}
|
||||
.pseudo-tabs li {
|
||||
border-top: 1px solid $gray-light !important;
|
||||
}
|
||||
}
|
||||
92
dotclear._no/admin/style/scss/partials/_common.scss
Normal file
92
dotclear._no/admin/style/scss/partials/_common.scss
Normal file
@ -0,0 +1,92 @@
|
||||
/* Typographie */
|
||||
|
||||
:root {
|
||||
// May be superseed by user pref (typically from 50% to 75%, default 62.5%)
|
||||
--html-font-size: #{$html-font-size};
|
||||
// Main colors
|
||||
--body-color: #{$body-color};
|
||||
--body-background: #{$body-background};
|
||||
}
|
||||
|
||||
// base //
|
||||
html {
|
||||
font-size: $html-font-size; // html font-size for IE and Edge
|
||||
font-size: var(--html-font-size); // html font-size for modern browsers
|
||||
}
|
||||
|
||||
body {
|
||||
color: $body-color;
|
||||
background: $body-background;
|
||||
font-size: $body-font-size;
|
||||
line-height: 1.5;
|
||||
font-family: $sans-serif;
|
||||
&.responsive-font {
|
||||
@media screen and(max-width: $small-screen) {
|
||||
font-size: $body-font-size-small;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media screen and(min-width: $large-screen) {
|
||||
font-size: $body-font-size-large;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@media screen and(min-width: $small-screen) and (max-width: $large-screen) {
|
||||
font-size: calc( #{$body-font-size-small} + #{strip-unit($body-font-size-large - $body-font-size-small)} * (100vw - #{strip-unit(relative-to-screen($small-screen,$html-font-size))}rem) / (#{strip-unit(relative-to-screen($large-screen,$html-font-size))} - #{strip-unit(relative-to-screen($small-screen,$html-font-size))}));
|
||||
line-height: calc( 1.3em + (1.5 - 1.3) * (100vw - #{strip-unit(relative-to-screen($small-screen,$html-font-size))}rem) / (#{strip-unit(relative-to-screen($large-screen,$html-font-size))} - #{strip-unit(relative-to-screen($small-screen,$html-font-size))}));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
@media screen and (max-width: $small-screen) {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
// titres //
|
||||
h2,
|
||||
h3,
|
||||
.as_h3,
|
||||
h4,
|
||||
.as_h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: $title-color;
|
||||
font-size: 1.5em;
|
||||
font-weight: normal;
|
||||
line-height: 1.25;
|
||||
padding: 0 0 1.5em;
|
||||
}
|
||||
|
||||
h3,
|
||||
.as_h3 {
|
||||
color: $title-alt-color;
|
||||
font-size: 1.34em;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
h4,
|
||||
.as_h4 {
|
||||
color: $title-color;
|
||||
font-size: 1.16em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
h5 {
|
||||
color: $title-color;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h6 {
|
||||
color: $title-color;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
173
dotclear._no/admin/style/scss/partials/_content.scss
Normal file
173
dotclear._no/admin/style/scss/partials/_content.scss
Normal file
@ -0,0 +1,173 @@
|
||||
.part-tabs {
|
||||
ul {
|
||||
padding: .5em 0 0 1em;
|
||||
border-bottom: 1px solid $tabs-border;
|
||||
line-height: 1.8;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
display: inline;
|
||||
&:first-child a {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
&:last-child a {
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
a {
|
||||
padding: .33em 1.5em;
|
||||
margin-right: -1px;
|
||||
border: 1px solid $tabs-border;
|
||||
border-bottom: none;
|
||||
text-decoration: none;
|
||||
color: $tabs-color;
|
||||
background-color: $tabs-background;
|
||||
display: inline-block;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $tabs-color;
|
||||
background: $tabs-active-background;
|
||||
border-bottom-color: $tabs-active-background;
|
||||
}
|
||||
&:link {
|
||||
transition: unset;
|
||||
}
|
||||
}
|
||||
&.part-tabs-active a {
|
||||
color: $tabs-active-color;
|
||||
background: $tabs-active-background;
|
||||
font-weight: bold;
|
||||
border-bottom-color: $tabs-active-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.multi-part {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.pseudo-tabs {
|
||||
margin: -.75em 0 2em 0;
|
||||
border-bottom: 1px solid $tabs-border;
|
||||
display: table;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
line-height: 24px;
|
||||
border-collapse: collapse;
|
||||
li {
|
||||
display: table-cell;
|
||||
border-width: 0 1px;
|
||||
border-style: solid;
|
||||
border-color: $tabs-border;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
padding: 0 24px;
|
||||
border-bottom: none;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $tabs-background;
|
||||
color: $tabs-color;
|
||||
}
|
||||
&.active {
|
||||
background-color: $tabs-active-background;
|
||||
color: $tabs-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* contextual help */
|
||||
|
||||
#help {
|
||||
margin-top: 4em;
|
||||
background: $help-background;
|
||||
z-index: 100;
|
||||
clear: both;
|
||||
padding: 0 1em;
|
||||
#content.with-help & {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 32rem; // 24em;
|
||||
border-left: 2px solid $help-border;
|
||||
border-top: 2px solid $help-border;
|
||||
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: $link;
|
||||
line-height: 3;
|
||||
&.floatable {
|
||||
border-top: 2px solid $help-button-border;
|
||||
border-left: 2px solid $help-button-border;
|
||||
border-bottom: 2px solid $help-button-border;
|
||||
border-bottom-left-radius: 1em;
|
||||
border-top-left-radius: 1em;
|
||||
background-color: $help-button-background;
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
-webkit-transform: translateZ(0); // Let GPU doing his job
|
||||
}
|
||||
.no-js & {
|
||||
top: 1em;
|
||||
}
|
||||
span {
|
||||
padding: .5em 0 .1em 0;
|
||||
}
|
||||
#content.with-help & {
|
||||
right: 32rem; // 24em;
|
||||
background-color: $help-background;
|
||||
position: fixed;
|
||||
top: 6em; // 50px;
|
||||
z-index: 100;
|
||||
border-top: 2px solid $help-border;
|
||||
border-left: 2px solid $help-border;
|
||||
border-bottom: 2px solid $help-border;
|
||||
border-bottom-left-radius: 1em;
|
||||
border-top-left-radius: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.help-box {
|
||||
display: none;
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.help-content {
|
||||
#content.with-help & {
|
||||
padding: 0 1em 1em;
|
||||
}
|
||||
dt {
|
||||
font-weight: bold;
|
||||
color: $help-title-color;
|
||||
margin: 0;
|
||||
}
|
||||
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;
|
||||
}
|
||||
40
dotclear._no/admin/style/scss/partials/_debug.scss
Normal file
40
dotclear._no/admin/style/scss/partials/_debug.scss
Normal file
@ -0,0 +1,40 @@
|
||||
/* debug */
|
||||
|
||||
#debug {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: $debug-background;
|
||||
div {
|
||||
display: none;
|
||||
padding: 3px 0.5em 2px;
|
||||
}
|
||||
p {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
&:hover {
|
||||
height: auto;
|
||||
padding: 2px 1em;
|
||||
z-index: 100;
|
||||
div {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.debug {
|
||||
color: $debug-color;
|
||||
background: $debug-background;
|
||||
padding: 3px 0.5em 2px;
|
||||
}
|
||||
|
||||
input[type=submit].delete.debug,
|
||||
a.delete.debug {
|
||||
border-color: $debug-border;
|
||||
&:hover {
|
||||
background: $debug-background;
|
||||
color: $debug-color;
|
||||
border-color: $debug-border;
|
||||
}
|
||||
}
|
||||
16
dotclear._no/admin/style/scss/partials/_editors.scss
Normal file
16
dotclear._no/admin/style/scss/partials/_editors.scss
Normal file
@ -0,0 +1,16 @@
|
||||
/* dcLegacyEditor */
|
||||
|
||||
/* WYSIWYG Document */
|
||||
body.wysiwygDoc {
|
||||
font-family: $sans-serif;
|
||||
}
|
||||
.wysiwygDoc pre, .wysiwygDoc code, .wysiwygDoc kbd, .wysiwygDoc samp {
|
||||
font-family: $monospace;
|
||||
}
|
||||
|
||||
/* dcCKEditor */
|
||||
|
||||
.cke textarea.cke_source {
|
||||
font-family: $monospace;
|
||||
font-size: 100%;
|
||||
}
|
||||
67
dotclear._no/admin/style/scss/partials/_entry.scss
Normal file
67
dotclear._no/admin/style/scss/partials/_entry.scss
Normal file
@ -0,0 +1,67 @@
|
||||
#entry-form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#entry-wrapper {
|
||||
flex-grow: 1;
|
||||
width: calc(100% - 19em);
|
||||
@media screen and (max-width: $xl-screen) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#entry-content {
|
||||
margin-left: 0;
|
||||
@media screen and (min-width: $xl-screen + 0.01em ) {
|
||||
// Large padding on big screens
|
||||
padding-right: 3em;
|
||||
}
|
||||
@media screen and (max-width: $xs-screen) {
|
||||
// Small padding on medium screens
|
||||
padding-right: 1em;
|
||||
}
|
||||
@media screen and (max-width: $xxs-screen) {
|
||||
// No padding on small screens
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#entry-sidebar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
@media screen and (max-width: $xl-screen) {
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: $xs-screen) {
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.08em;
|
||||
margin-top: .3em;
|
||||
border-bottom: 1px solid $entry-sb-title-border;
|
||||
}
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
input#post_position {
|
||||
width: 4em;
|
||||
}
|
||||
}
|
||||
|
||||
.sb-box {
|
||||
width: 18em;
|
||||
margin-bottom: 1em;
|
||||
margin-right: 1em;
|
||||
padding: .5em 1em;
|
||||
background-color: $entry-sb-background;
|
||||
&:focus-within {
|
||||
background-color: $entry-sb-focus-background;
|
||||
}
|
||||
}
|
||||
|
||||
#tb_excerpt {
|
||||
width: 100%;
|
||||
}
|
||||
65
dotclear._no/admin/style/scss/partials/_filters.scss
Normal file
65
dotclear._no/admin/style/scss/partials/_filters.scss
Normal file
@ -0,0 +1,65 @@
|
||||
a.form-control {
|
||||
display: none;
|
||||
color: $form-control-color;
|
||||
&::before {
|
||||
content: "►";
|
||||
margin-right: 5px;
|
||||
}
|
||||
&.open {
|
||||
&::before {
|
||||
content: "▼";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#filters-form {
|
||||
border: 1px solid $filter-border;
|
||||
border-radius: .3em;
|
||||
margin-bottom: 2em;
|
||||
padding: .5em 1em 0;
|
||||
.table {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 1em;
|
||||
margin-top: .5em;
|
||||
}
|
||||
.cell {
|
||||
padding: 0 2em 0 0;
|
||||
}
|
||||
.filters-sibling-cell {
|
||||
padding-top: 3.8em;
|
||||
}
|
||||
.filters-options {
|
||||
padding-left: 2em;
|
||||
border-left: 1px solid $filter-options-border;
|
||||
}
|
||||
select {
|
||||
width: 14em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
h4 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
label.ib,
|
||||
span.ib {
|
||||
width: 7em;
|
||||
}
|
||||
label.ibw,
|
||||
span.ibw {
|
||||
width: 9em;
|
||||
display: inline-block;
|
||||
}
|
||||
&:focus-within {
|
||||
background-color: $filter-focus-background;
|
||||
}
|
||||
}
|
||||
|
||||
span.ib {
|
||||
width: 7em;
|
||||
}
|
||||
|
||||
span.ibw {
|
||||
width: 9em;
|
||||
display: inline-block;
|
||||
}
|
||||
36
dotclear._no/admin/style/scss/partials/_footer.scss
Normal file
36
dotclear._no/admin/style/scss/partials/_footer.scss
Normal file
@ -0,0 +1,36 @@
|
||||
#footer {
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
font-size: 1em;
|
||||
}
|
||||
a:hover span.tooltip {
|
||||
padding: 10px;
|
||||
color: $tooltip-color;
|
||||
height: auto;
|
||||
width: auto;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: $tooltip-background;
|
||||
z-index: 99;
|
||||
font-family: monospace;
|
||||
text-align: left;
|
||||
border-top: 1px solid $tooltip-color;
|
||||
border-right: 1px solid $tooltip-color;
|
||||
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;
|
||||
}
|
||||
277
dotclear._no/admin/style/scss/partials/_forms.scss
Normal file
277
dotclear._no/admin/style/scss/partials/_forms.scss
Normal file
@ -0,0 +1,277 @@
|
||||
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: $fieldset-border;
|
||||
background: $fieldset-background;
|
||||
hr {
|
||||
background-color: $fieldset-border;
|
||||
border-width: 0;
|
||||
margin: 1em 0;
|
||||
}
|
||||
&:focus-within {
|
||||
background-color: $fieldset-focus-background;
|
||||
}
|
||||
}
|
||||
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: $sans-serif-input;
|
||||
font-size: 100%;
|
||||
}
|
||||
legend {
|
||||
padding: 0.2em 0.6em;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: $legend-border;
|
||||
background: $legend-background;
|
||||
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 {
|
||||
// color: $input-color;
|
||||
box-shadow: 1px 1px 2px $input-shadow 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 {
|
||||
// background: $input-background;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: $input-border;
|
||||
}
|
||||
input[type=file] {
|
||||
// color: $input-file-color;
|
||||
// background: $input-file-background;
|
||||
}
|
||||
// Special for invalid but not required fields
|
||||
input:invalid:not(:required), textarea:invalid:not(:required), select:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) {
|
||||
color: $invalid-input-color;
|
||||
box-shadow: 0 0 0 3px $invalid-input-shadow;
|
||||
}
|
||||
input:invalid:not(:required), textarea:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) {
|
||||
border: 1px solid $invalid-input-border;
|
||||
background: $invalid-input-background;
|
||||
}
|
||||
//
|
||||
input:focus, textarea:focus {
|
||||
border-color: $input-focus;
|
||||
}
|
||||
textarea {
|
||||
padding: 2px 0;
|
||||
&.maximal {
|
||||
resize: vertical;
|
||||
}
|
||||
.area & {
|
||||
display: block;
|
||||
width: 100%;
|
||||
resize: vertical;
|
||||
}
|
||||
}
|
||||
select {
|
||||
padding: 2px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@media not all and (min-resolution:.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;
|
||||
// background: transparent;
|
||||
}
|
||||
input+input[type=checkbox] {
|
||||
// Used for js expand/hide (lists, options, ...)
|
||||
margin-left: .33em;
|
||||
}
|
||||
a input {
|
||||
// Used for js expand/hide (lists, options, ...)
|
||||
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: $required;
|
||||
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;
|
||||
label {
|
||||
display: inline-block;
|
||||
width: 14em;
|
||||
}
|
||||
&.wide label {
|
||||
width: 21em;
|
||||
}
|
||||
input, select {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.form-note, .form-stats {
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
color: $form-note-color;
|
||||
}
|
||||
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: $error-background;
|
||||
}
|
||||
}
|
||||
.focus {
|
||||
background-color: inherit;
|
||||
animation-name: kf-focus;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
@keyframes kf-focus {
|
||||
50% {
|
||||
background-color: $input-focus;
|
||||
}
|
||||
}
|
||||
// .more-info Additional information on fieldset, field, … (may be hide from user-prefs)
|
||||
.more-info {}
|
||||
.no-more-info {
|
||||
display: none;
|
||||
}
|
||||
152
dotclear._no/admin/style/scss/partials/_header.scss
Normal file
152
dotclear._no/admin/style/scss/partials/_header.scss
Normal file
@ -0,0 +1,152 @@
|
||||
/* prelude */
|
||||
|
||||
#prelude {
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: $prelude-background;
|
||||
width: 100%;
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
background: transparent;
|
||||
display: inline;
|
||||
a {
|
||||
padding: 3px 16px 3px 8px;
|
||||
color: $prelude-color;
|
||||
background: $prelude-background;
|
||||
text-decoration: underline;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $prelude-background-alt;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 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: $header-color;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
padding-left: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* h1 */
|
||||
|
||||
h1 {
|
||||
text-indent: 100%;
|
||||
width: 16.5em;
|
||||
a {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
height: 36px; // was 3em;
|
||||
color: $header-color;
|
||||
background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
|
||||
transition: none;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-position: 0 -94px;
|
||||
background-color: transparent;
|
||||
transition: none;
|
||||
}
|
||||
&:link {
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* top-info-blog */
|
||||
|
||||
#top-info-blog {
|
||||
select {
|
||||
max-width: 20em;
|
||||
}
|
||||
a {
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
input[type=submit] {
|
||||
background: $submit-background;
|
||||
border-color: $submit-border;
|
||||
margin-left: .33em;
|
||||
}
|
||||
input[type=submit]:hover {
|
||||
color: $submit-color;
|
||||
background: $submit-background-alt;
|
||||
}
|
||||
p {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* top-info-user */
|
||||
|
||||
#top-info-user {
|
||||
padding-right: .5em;
|
||||
list-style-type: none;
|
||||
text-align: right;
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-left: .5em;
|
||||
padding-left: .5em;
|
||||
border-left: 1px solid $header-link-border;
|
||||
&:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
}
|
||||
a.active {
|
||||
border-width: 0;
|
||||
border-radius: 4px;
|
||||
margin: 0;
|
||||
padding: 2px 8px 3px;
|
||||
color: $header-active-color;
|
||||
background-color: $header-active-background;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------------------------------------------------------------------
|
||||
UN POIL DE MEDIA QUERIES
|
||||
------------------------------------------------------------------------------------ */
|
||||
|
||||
@media screen and (max-width: $xxs-screen) {
|
||||
h1,
|
||||
h1 a {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $xs-screen) {
|
||||
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;
|
||||
}
|
||||
}
|
||||
163
dotclear._no/admin/style/scss/partials/_index.scss
Normal file
163
dotclear._no/admin/style/scss/partials/_index.scss
Normal file
@ -0,0 +1,163 @@
|
||||
#dashboard-main {
|
||||
text-align: center;
|
||||
&>*:last-child {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
/* raccourcis */
|
||||
|
||||
#icons {
|
||||
margin: 1em auto 2em;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
p {
|
||||
width: 13em;
|
||||
margin: 1em 0 2em;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
a {
|
||||
&, &:link, &:visited, &:hover, &:focus {
|
||||
border-bottom-width: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
span {
|
||||
color: $index-link-color;
|
||||
border-bottom: 1px dotted $index-link-border;
|
||||
}
|
||||
img {
|
||||
padding: 1.5em;
|
||||
background-color: $index-icon-background;
|
||||
border-radius: 8px;
|
||||
border: 1px solid $index-icon-border;
|
||||
display: inline-block;
|
||||
filter: contrast($index-icon-contrast);
|
||||
}
|
||||
&:focus {
|
||||
outline: 0;
|
||||
span {
|
||||
border: 2px solid $index-icon-outline;
|
||||
}
|
||||
}
|
||||
&:focus, &:hover {
|
||||
img {
|
||||
background: $index-icon-outline;
|
||||
outline: 0;
|
||||
border-color: $index-icon-border;
|
||||
}
|
||||
span {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* billet rapide */
|
||||
|
||||
#quick {
|
||||
max-width: 72em;
|
||||
margin: 1em auto 2em;
|
||||
padding: 1em;
|
||||
background: $quick-background;
|
||||
border: 1px solid $quick-border;
|
||||
text-align: left;
|
||||
h3 {
|
||||
margin-bottom: 0.2em;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
p.qinfo {
|
||||
margin: -.7em -1em 1em;
|
||||
background: $quick-info-background url(msg-info.png) no-repeat .2em .2em;
|
||||
border: 1px solid $quick-info-border;
|
||||
padding: .2em 1em .1em 24px;
|
||||
color: $quick-info-color;
|
||||
}
|
||||
#new_cat, .q-cat, .q-cat label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-right: 1em;
|
||||
margin-top: 0;
|
||||
}
|
||||
.q-cat label {
|
||||
margin-right: .3em;
|
||||
}
|
||||
#new_cat {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
}
|
||||
/* modules additionnels */
|
||||
|
||||
#dashboard-boxes {
|
||||
margin: 1em auto 2em;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
.box {
|
||||
padding: 10px;
|
||||
border: 1px solid $index-box-border;
|
||||
border-radius: 3px;
|
||||
min-height: 200px;
|
||||
margin: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.db-items, .db-contents {
|
||||
// display: inline-block;
|
||||
// text-align: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
flex: 1 1 auto;
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
ul {
|
||||
display: block;
|
||||
padding-left: 1.5em;
|
||||
list-style: square;
|
||||
}
|
||||
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;
|
||||
}
|
||||
dd {
|
||||
margin: 0 0 1em 0;
|
||||
p {
|
||||
margin: 0.2em 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Drag'n'drop of dashboard areas
|
||||
#dragndrop {
|
||||
.no-js & {
|
||||
display: none;
|
||||
}
|
||||
position: absolute;
|
||||
&+label {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
&+label .dragndrop-svg {
|
||||
width: 2em;
|
||||
height: 1.5em;
|
||||
fill: $drag-n-drop-off;
|
||||
}
|
||||
&:checked+label .dragndrop-svg {
|
||||
fill: $drag-n-drop-on;
|
||||
background-color: var(--body-background);
|
||||
}
|
||||
}
|
||||
544
dotclear._no/admin/style/scss/partials/_layout.scss
Normal file
544
dotclear._no/admin/style/scss/partials/_layout.scss
Normal file
@ -0,0 +1,544 @@
|
||||
// Admin layout
|
||||
#dotclear-admin {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#header {
|
||||
color: $header-color;
|
||||
background: $header-background;
|
||||
border-bottom: 4px solid $header-border;
|
||||
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: $wrapper-background;
|
||||
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: $content-background;
|
||||
margin: 0 0 0 14em;
|
||||
padding: .5em 1.5em .75em 2.5em;
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
background: $main-menu-background;
|
||||
width: 14em;
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding-top: .5em;
|
||||
padding-bottom: 1em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color: $footer-background;
|
||||
border-top: 1px solid $footer-border;
|
||||
clear: both;
|
||||
position: relative;
|
||||
padding: .5em 0 .5em 1em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
/* to hide main-menu */
|
||||
|
||||
#collapser {
|
||||
background: $collapser-background;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 14em;
|
||||
width: $collapser-width;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
z-index: 1;
|
||||
transition: none;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $collapser-focus;
|
||||
}
|
||||
.hide-mm & {
|
||||
background: $collapser-focus;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $collapser-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.expand-mm {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* if main-menu is hidden */
|
||||
|
||||
.hide-mm {
|
||||
#main {
|
||||
margin-left: 0;
|
||||
}
|
||||
#content {
|
||||
margin-left: $collapser-width;
|
||||
> h2 {
|
||||
margin-left: calc(-1em - #{$collapser-width});
|
||||
}
|
||||
}
|
||||
#main-menu {
|
||||
display: none;
|
||||
}
|
||||
#collapser {
|
||||
left: 0;
|
||||
}
|
||||
.collapse-mm {
|
||||
display: none;
|
||||
}
|
||||
.expand-mm {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
#wrapper.hide-mm {
|
||||
background: $content-background;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------------------------------- layout: two-cols */
|
||||
|
||||
.two-cols {
|
||||
position: static;
|
||||
.col {
|
||||
width: 48%;
|
||||
margin-left: 2%;
|
||||
float: left;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
margin-right: 2%;
|
||||
}
|
||||
&:last-child {
|
||||
margin-left: 2%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.col70 {
|
||||
width: 68%;
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
&.last-col {
|
||||
margin-left: 2%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.col30 {
|
||||
width: 28%;
|
||||
margin-left: 2%;
|
||||
float: left;
|
||||
&.first-col {
|
||||
margin-left: 0;
|
||||
margin-right: 2%;
|
||||
}
|
||||
}
|
||||
table {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------------------------------- layout: three-cols */
|
||||
|
||||
.three-cols {
|
||||
position: static;
|
||||
.col {
|
||||
width: 32.3%;
|
||||
float: left;
|
||||
margin-left: 1%;
|
||||
&: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: $popup-title-color;
|
||||
background: $popup-title-background;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
font-size: 1.5em;
|
||||
text-indent: 1em;
|
||||
line-height: 1.5em;
|
||||
font-weight: normal;
|
||||
}
|
||||
#wrapper {
|
||||
display: block;
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-position: 0 0;
|
||||
}
|
||||
#main {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#content {
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
h2 {
|
||||
margin: 0 0 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
#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;
|
||||
&.small {
|
||||
// width: 312px;
|
||||
flex-basis: 312px;
|
||||
}
|
||||
&.medium {
|
||||
// width: 644px;
|
||||
flex-basis: 644px;
|
||||
}
|
||||
&.large {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.odd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.even {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------------------------------------------------------------------
|
||||
UN POIL DE MEDIA QUERIES
|
||||
------------------------------------------------------------------------------------ */
|
||||
|
||||
@media screen and (max-width: $xl-screen) {
|
||||
#header {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
h1,
|
||||
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;
|
||||
#switchblog {
|
||||
max-width: 16em;
|
||||
}
|
||||
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: $m-screen) {
|
||||
#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: $s-screen) {
|
||||
#help-button {
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
#content.with-help #help-button {
|
||||
top: 10em; // 77px;
|
||||
}
|
||||
.one-box,
|
||||
.two-boxes,
|
||||
.box,
|
||||
.two-cols .col {
|
||||
width: 96%;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $xs-screen) {
|
||||
#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%;
|
||||
}
|
||||
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: $xxs-screen) {
|
||||
#top-info-blog label,
|
||||
.nomobile {
|
||||
display: none;
|
||||
}
|
||||
#top-info-blog {
|
||||
margin-bottom: .5em;
|
||||
max-width: 75%;
|
||||
select {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
}
|
||||
#content.with-help {
|
||||
#help-button {
|
||||
top: 10em; // 120px;
|
||||
right: 28rem; // 20.5em;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
}
|
||||
82
dotclear._no/admin/style/scss/partials/_main-menu.scss
Normal file
82
dotclear._no/admin/style/scss/partials/_main-menu.scss
Normal file
@ -0,0 +1,82 @@
|
||||
#main-menu {
|
||||
div:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
h3 {
|
||||
margin: 0;
|
||||
padding: 10px 0 10px 8px;
|
||||
color: $main-menu-title-color;
|
||||
font-size: 1.15em;
|
||||
}
|
||||
a {
|
||||
color: $main-menu-item-color;
|
||||
border-bottom-color: $main-menu-item-border;
|
||||
}
|
||||
ul {
|
||||
margin: 0 0 1.5em 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
li {
|
||||
display: block;
|
||||
margin: 0.5em 0 0;
|
||||
padding: 4px 0 1px 32px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 8px .3em;
|
||||
position: relative;
|
||||
a::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
&:hover {
|
||||
background-color: $main-menu-active-background;
|
||||
}
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.active {
|
||||
background-color: $main-menu-active-background;
|
||||
font-weight: bold;
|
||||
a {
|
||||
border-bottom: none;
|
||||
color: $main-menu-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#favorites-menu,
|
||||
#blog-menu,
|
||||
#system-menu,
|
||||
#plugins-menu {
|
||||
border-bottom: 1px dashed $main-menu-border;
|
||||
}
|
||||
|
||||
#favorites-menu {
|
||||
h3 {
|
||||
font-variant: small-caps;
|
||||
padding-top: .2em;
|
||||
}
|
||||
}
|
||||
|
||||
#search-menu {
|
||||
padding: 4px 0 0 4px;
|
||||
font-size: .91em;
|
||||
p {
|
||||
width: 95%;
|
||||
margin: 0 0 .5em 0;
|
||||
}
|
||||
input[type="submit"] {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
#qx {
|
||||
width: 75%;
|
||||
background: transparent url(search.svg) no-repeat 0 center;
|
||||
text-indent: 20px;
|
||||
}
|
||||
222
dotclear._no/admin/style/scss/partials/_markup.scss
Normal file
222
dotclear._no/admin/style/scss/partials/_markup.scss
Normal file
@ -0,0 +1,222 @@
|
||||
/* ------------------------------------------------------------------ titres */
|
||||
|
||||
|
||||
/* fil d'ariane */
|
||||
|
||||
#content > h2 {
|
||||
padding: 0 1em .5em 1em;
|
||||
margin: 0 -1em 1em -1em;
|
||||
background: $breadcrumb-background;
|
||||
border-bottom: 1px solid $breadcrumb-border;
|
||||
}
|
||||
|
||||
/* page courante dans le fil d'ariane */
|
||||
|
||||
.page-title {
|
||||
color: $breadcrumb-current;
|
||||
img {
|
||||
padding-left: .5em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* autres titres */
|
||||
|
||||
#main-menu h3 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fieldset h3,
|
||||
.fieldset h4,
|
||||
.pretty-title {
|
||||
color: $fieldset-pretty-title-color;
|
||||
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: $fieldset-smart-title-color;
|
||||
}
|
||||
|
||||
#entry-sidebar h5 {
|
||||
font-weight: normal;
|
||||
color: $entry-sidebar-title-color;
|
||||
}
|
||||
|
||||
.entry-status img.img_select_option {
|
||||
padding-left: 4px;
|
||||
vertical-align: -1px;
|
||||
}
|
||||
|
||||
h4 label,
|
||||
h5 label {
|
||||
color: $title-label-color;
|
||||
}
|
||||
|
||||
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: $table-caption-color;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
th:not(.module-name) {
|
||||
border-width: 1px 0 1px 0;
|
||||
border-style: solid;
|
||||
border-color: $head-border;
|
||||
background: $head-background;
|
||||
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: $cell-border;
|
||||
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: $hr-color;
|
||||
background: $hr-color;
|
||||
border-style: solid;
|
||||
&.clearer {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
#debug {
|
||||
font: 100% $monospace;
|
||||
}
|
||||
|
||||
code {
|
||||
color: $code-color;
|
||||
background: $code-background;
|
||||
}
|
||||
|
||||
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: $link-color;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted $link-border;
|
||||
background-color: inherit;
|
||||
outline: 0;
|
||||
img {
|
||||
border: none;
|
||||
background: initial;
|
||||
}
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
h1 a:link,
|
||||
h1 a:visited {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.discrete a {
|
||||
color: $discrete-link-color;
|
||||
}
|
||||
|
||||
a:link {
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:focus img {
|
||||
outline: 2px solid $link-outline;
|
||||
border-bottom: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.outgoing img, .outgoing-js {
|
||||
width: .75em;
|
||||
filter: contrast($outgoing-link-filter);
|
||||
#header & {
|
||||
width: 1.25em;
|
||||
padding: 0 0 0 .5em;
|
||||
vertical-align: initial;
|
||||
filter: contrast(100%);
|
||||
}
|
||||
}
|
||||
287
dotclear._no/admin/style/scss/partials/_media.scss
Normal file
287
dotclear._no/admin/style/scss/partials/_media.scss
Normal file
@ -0,0 +1,287 @@
|
||||
.media-file-mode {
|
||||
a {
|
||||
border-bottom: none;
|
||||
}
|
||||
img {
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
span.media-file-mode {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.media-item {
|
||||
position: relative;
|
||||
border: 1px solid $media-item-border;
|
||||
margin: 9px;
|
||||
padding: 10px 12px 6px;
|
||||
width: 320px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
min-height: 140px;
|
||||
word-wrap: break-word;
|
||||
p {
|
||||
margin: 0 0 .5em;
|
||||
}
|
||||
object {
|
||||
margin-top: .5em;
|
||||
}
|
||||
ul {
|
||||
display: block;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
audio {
|
||||
width: 100%;
|
||||
margin-top: .5em;
|
||||
}
|
||||
&.media-private {
|
||||
border-color: $media-item-border-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;
|
||||
a {
|
||||
border: none;
|
||||
&.attach-media {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
form {
|
||||
display: inline;
|
||||
}
|
||||
input {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
#entry-sidebar .media-item {
|
||||
width: 100%;
|
||||
min-height: 0;
|
||||
padding: 4px;
|
||||
margin: .33em 0;
|
||||
}
|
||||
|
||||
.folders-group .media-item {
|
||||
min-height: 70px;
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.media-folder {
|
||||
background: $media-folder-background;
|
||||
border-color: $media-folder-border;
|
||||
border-left-width: 8px;
|
||||
.media-link {
|
||||
font-size: 1.125em;
|
||||
margin-left: 2em;
|
||||
color: $media-folder-link;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
tr.media-folder {
|
||||
background: $media-folder-background;
|
||||
.media-link {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.media-folder-up {
|
||||
border-color: $media-folderup-border;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.medias-delete,
|
||||
.medias-select {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.media-recent {
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
#media-fav-dir {
|
||||
border-bottom: none;
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* upload multiple */
|
||||
|
||||
.enhanced_uploader {
|
||||
.choose_files,
|
||||
.cancel,
|
||||
.clean,
|
||||
.start {
|
||||
margin-right: .4em;
|
||||
}
|
||||
#upfile {
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
cursor: pointer;
|
||||
}
|
||||
.button.choose_files {
|
||||
display: inline-block;
|
||||
}
|
||||
.max-size {
|
||||
display: block;
|
||||
}
|
||||
.one-file {
|
||||
display: none;
|
||||
}
|
||||
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 $media-files-border;
|
||||
li {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-msg {
|
||||
font-weight: bold;
|
||||
&.upload-error {
|
||||
color: $upload-error-color;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-files {
|
||||
padding: 0 0.5em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.upload-file {
|
||||
margin: 0;
|
||||
padding: .3em 0;
|
||||
border-top: 1px solid $upload-file-border;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.upload-fileinfo {
|
||||
margin-left: 0;
|
||||
input {
|
||||
position: absolute;
|
||||
top: .5em;
|
||||
right: .5em;
|
||||
}
|
||||
span {
|
||||
padding-right: 8px;
|
||||
}
|
||||
.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: $upload-filemsg-color;
|
||||
&.upload-error {
|
||||
color: $upload-error-color;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-progress {
|
||||
padding: .3em 0;
|
||||
div {
|
||||
width: 0;
|
||||
height: 1.2em;
|
||||
font-weight: bold;
|
||||
line-height: 1.2em;
|
||||
text-align: right;
|
||||
background: $upload-progress-background url(loader.png) repeat-x left top;
|
||||
color: $upload-progress-color;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
div.template-upload {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.queue-message {
|
||||
font-weight: bold;
|
||||
}
|
||||
41
dotclear._no/admin/style/scss/partials/_media_item.scss
Normal file
41
dotclear._no/admin/style/scss/partials/_media_item.scss
Normal file
@ -0,0 +1,41 @@
|
||||
#media-icon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.near-icon {
|
||||
margin-left: 70px;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
#media-details {
|
||||
ul {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
list-style: square inside;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#media-original-image {
|
||||
overflow: auto;
|
||||
&.overheight {
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
#media-attribute {
|
||||
margin-left: .5em;
|
||||
padding: .5em;
|
||||
border-left: 1px solid currentColor;
|
||||
overflow-wrap: break-word;
|
||||
.media-title {
|
||||
font-weight: bolder;
|
||||
}
|
||||
.media-desc {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
105
dotclear._no/admin/style/scss/partials/_mediaqueries.scss
Normal file
105
dotclear._no/admin/style/scss/partials/_mediaqueries.scss
Normal file
@ -0,0 +1,105 @@
|
||||
/* ------------------------------------------------------------------------------------
|
||||
UN POIL DE MEDIA QUERIES
|
||||
------------------------------------------------------------------------------------ */
|
||||
|
||||
@media screen and (max-width: $xl-screen) {
|
||||
#header,
|
||||
h1 {
|
||||
background: $header-background-alt;
|
||||
}
|
||||
#top-info-user {
|
||||
background: $header-background;
|
||||
a.active {
|
||||
color: $header-active-color-alt;
|
||||
background: $header-active-background-alt;
|
||||
}
|
||||
}
|
||||
#wrapper {
|
||||
background: $wrapper-background;
|
||||
}
|
||||
.modules {
|
||||
th.module-desc,
|
||||
td.module-desc {
|
||||
display: none; // Module description is also in title of the raw
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $s-screen) {
|
||||
#help-button {
|
||||
background-color: $header-border;
|
||||
padding: 0;
|
||||
font-size: .83em;
|
||||
line-height: 68px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $xs-screen) {
|
||||
h1 a {
|
||||
&:link {
|
||||
border-right: 1px solid $tabs-border;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-right: 1px solid $tabs-border;
|
||||
}
|
||||
}
|
||||
#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 $tabs-border;
|
||||
padding: .25em;
|
||||
&:first-child,
|
||||
&:nth-of-type(2) {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $xxs-screen) {
|
||||
h1,
|
||||
h1 a {
|
||||
border-right: $header-border-alt !important;
|
||||
}
|
||||
#content.with-help #help {
|
||||
font-size: 1.2rem // 12px;
|
||||
}
|
||||
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 $tabs-border !important;
|
||||
}
|
||||
.pseudo-tabs li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
202
dotclear._no/admin/style/scss/partials/_messages.scss
Normal file
202
dotclear._no/admin/style/scss/partials/_messages.scss
Normal file
@ -0,0 +1,202 @@
|
||||
.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: $msg-info-color;
|
||||
background: $msg-info-background url(msg-info.png) no-repeat .3em .3em;
|
||||
border: 1px solid $msg-info-border;
|
||||
}
|
||||
|
||||
.warn,
|
||||
.warning {
|
||||
color: $msg-warn-color;
|
||||
background: $msg-warn-background url(msg-warning.png) no-repeat .3em .3em;
|
||||
border: 1px solid $msg-warn-border;
|
||||
}
|
||||
|
||||
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 $msg-shadow;
|
||||
}
|
||||
|
||||
p.error,
|
||||
p.message,
|
||||
p.static-msg,
|
||||
p.success,
|
||||
p.warning-msg {
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
margin-top: .5em;
|
||||
}
|
||||
|
||||
.error {
|
||||
background: $msg-error-background url(msg-error.png) no-repeat .7em .7em;
|
||||
color: $msg-error-color;
|
||||
animation-name: kf-error;
|
||||
animation-duration: .5s;
|
||||
}
|
||||
@keyframes kf-error {
|
||||
0% {
|
||||
background-color: $msg-error-background-alt;
|
||||
}
|
||||
100% {
|
||||
background-color: $msg-error-background;
|
||||
}
|
||||
}
|
||||
|
||||
.message,
|
||||
.static-msg {
|
||||
color: $msg-color;
|
||||
background: $msg-background url(msg-std.png) no-repeat .7em .7em;
|
||||
}
|
||||
.message {
|
||||
animation-name: kf-message;
|
||||
animation-duration: .5s;
|
||||
}
|
||||
@keyframes kf-message {
|
||||
0% {
|
||||
background-color: $msg-background-alt;
|
||||
}
|
||||
100% {
|
||||
background-color: $msg-background;
|
||||
}
|
||||
}
|
||||
|
||||
.message a,
|
||||
.static-msg a,
|
||||
.message h3,
|
||||
.static-msg h3 {
|
||||
color: $msg-color;
|
||||
}
|
||||
|
||||
.success {
|
||||
color: $msg-success-color;
|
||||
}
|
||||
|
||||
.success {
|
||||
background: $msg-success-background url(msg-success.png) no-repeat .7em .7em;
|
||||
animation-name: kf-success;
|
||||
animation-duration: .5s;
|
||||
}
|
||||
@keyframes kf-success {
|
||||
0% {
|
||||
background-color: $msg-success-background-alt;
|
||||
}
|
||||
100% {
|
||||
background-color: $msg-success-background;
|
||||
}
|
||||
}
|
||||
|
||||
.warning-msg {
|
||||
color: $msg-warn-color;
|
||||
background: $msg-warn-background-alt url(msg-warning.png) no-repeat .7em .7em;
|
||||
border: 1px solid $msg-warn-border;
|
||||
animation-name: kf-warning;
|
||||
animation-duration: .5s;
|
||||
}
|
||||
@keyframes kf-warning {
|
||||
0% {
|
||||
background-color: $msg-warn-background;
|
||||
}
|
||||
100% {
|
||||
background-color: $msg-warn-background-alt;
|
||||
}
|
||||
}
|
||||
|
||||
.success a,
|
||||
.warning-msg a,
|
||||
.info a {
|
||||
color: $msg-info-color;
|
||||
}
|
||||
|
||||
.close-notice-parent {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
ul, p + p {
|
||||
flex: 1;
|
||||
}
|
||||
p + p {
|
||||
padding-left: .25em;
|
||||
}
|
||||
}
|
||||
.close-notice {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
padding-left: 1em;
|
||||
&:hover, &:focus {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.dc-update {
|
||||
padding: 1em 48px 0.5em 48px;
|
||||
margin-bottom: 1em;
|
||||
border-radius: 8px;
|
||||
color: $dc-update-color;
|
||||
background: $dc-update-background url(msg-success.png) no-repeat .7em .7em;
|
||||
box-shadow: 1px 1px 2px $msg-shadow;
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
color: $dc-update-color;
|
||||
}
|
||||
p {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
a {
|
||||
color: $dc-update-color;
|
||||
margin-right: 1em;
|
||||
&.button {
|
||||
padding: .5em 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.updt-info a {
|
||||
margin-left: 2em;
|
||||
border-color: $dc-update-color;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
body.ajax-loader {
|
||||
#header {
|
||||
border-bottom-color: $ajax-loader;
|
||||
transition: border-bottom-color .3s ease;
|
||||
}
|
||||
#collapser {
|
||||
background-color: $ajax-loader;
|
||||
transition: background-color .3s ease;
|
||||
}
|
||||
}
|
||||
78
dotclear._no/admin/style/scss/partials/_plugins.scss
Normal file
78
dotclear._no/admin/style/scss/partials/_plugins.scss
Normal file
@ -0,0 +1,78 @@
|
||||
.modules td {
|
||||
&.module-actions,
|
||||
&.module-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
&.module-icon img {
|
||||
&:last-child {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
&.expand {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
&.module-distrib img {
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.modules tr.expand,
|
||||
.modules td.expand {
|
||||
background: $modules-background;
|
||||
border-color: $modules-border;
|
||||
}
|
||||
|
||||
.modules tr.expand td:first-child {
|
||||
font-weight: bold;
|
||||
background: $modules-background;
|
||||
}
|
||||
|
||||
.modules td.expand {
|
||||
padding: 0 0 1em;
|
||||
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;
|
||||
}
|
||||
&.module-support {
|
||||
background: transparent url(help12.png) no-repeat 2px center;
|
||||
padding: 4px 4px 0 20px;
|
||||
}
|
||||
&.module-config {
|
||||
background: transparent url(settings.png) no-repeat 2px 6px;
|
||||
padding: 4px 4px 0 18px;
|
||||
}
|
||||
}
|
||||
|
||||
#m_search {
|
||||
color: $search-color;
|
||||
background: transparent url(search.svg) no-repeat 0 center;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.mod-more {
|
||||
padding-top: .5em;
|
||||
&,
|
||||
li {
|
||||
margin: .25em 0 0 1em;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
|
||||
#plugin-update td {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
78
dotclear._no/admin/style/scss/partials/_preferences.scss
Normal file
78
dotclear._no/admin/style/scss/partials/_preferences.scss
Normal file
@ -0,0 +1,78 @@
|
||||
.fav-list {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
#my-favs & {
|
||||
border-top: 1px solid $fav-list-border;
|
||||
}
|
||||
li {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
position: relative;
|
||||
#my-favs & {
|
||||
line-height: 2;
|
||||
border-bottom: 1px solid $fav-list-border;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
position: relative;
|
||||
}
|
||||
#my-favs:focus-within & {
|
||||
border-bottom-color: $fav-list-border-alt;
|
||||
}
|
||||
span.zoom {
|
||||
display: none;
|
||||
}
|
||||
&:hover span.zoom {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 10em;
|
||||
background-color: $fav-list-background-over;
|
||||
border: 1px solid $fav-list-border-alt;
|
||||
padding: .2em;
|
||||
border-radius: .5em;
|
||||
}
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
margin-right: .2em;
|
||||
}
|
||||
}
|
||||
|
||||
#my-favs {
|
||||
border-color: $my-favs-border;
|
||||
input.position {
|
||||
margin: 0 0 .4em .2em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#available-favs {
|
||||
input,
|
||||
label,
|
||||
label span {
|
||||
white-space: normal;
|
||||
display: inline;
|
||||
}
|
||||
label span.zoom {
|
||||
display: none;
|
||||
}
|
||||
li:hover label span.zoom {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 10em;
|
||||
background-color: $fav-list-background;
|
||||
border: 1px solid $fav-list-border-alt;
|
||||
padding: .2em;
|
||||
border-radius: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
#user-options label.ib {
|
||||
display: inline-block;
|
||||
width: 14em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
158
dotclear._no/admin/style/scss/partials/_tables.scss
Normal file
158
dotclear._no/admin/style/scss/partials/_tables.scss
Normal file
@ -0,0 +1,158 @@
|
||||
table {
|
||||
.maximal {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 1px;
|
||||
}
|
||||
.maximal, &.maximal {
|
||||
width: 100%;
|
||||
}
|
||||
.minimal {
|
||||
width: 1px;
|
||||
}
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
}
|
||||
.count {
|
||||
text-align: right;
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
}
|
||||
th.first input {
|
||||
padding-right: 34px;
|
||||
}
|
||||
th, tr.line {
|
||||
img {
|
||||
vertical-align: middle;
|
||||
&.expand {
|
||||
margin-right: 6px;
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
tr.line {
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
input, select {
|
||||
vertical-align: middle;
|
||||
box-shadow: none;
|
||||
}
|
||||
select {
|
||||
width: 6em;
|
||||
}
|
||||
input[type=text] {
|
||||
// background: $line-input-background;
|
||||
}
|
||||
&:hover {
|
||||
background: $line-background-over;
|
||||
}
|
||||
&:focus-within {
|
||||
background-color: $line-focus-background;
|
||||
}
|
||||
}
|
||||
td.status {
|
||||
vertical-align: middle;
|
||||
a {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.noborder td, td.noborder, .noborder th, th.noborder {
|
||||
border-width: 0 0 1px 0;
|
||||
border-color: $cell-noborder-color;
|
||||
line-height: 2em;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.noborder p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
table.posts-list {
|
||||
min-width: 50%;
|
||||
}
|
||||
table.settings, table.prefs {
|
||||
margin-bottom: 3em;
|
||||
th:first-child {
|
||||
width: 20%;
|
||||
}
|
||||
th+th {
|
||||
width: 30%;
|
||||
+th {
|
||||
width: 10%;
|
||||
}
|
||||
}
|
||||
th:last-child {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
/* js */
|
||||
|
||||
td.expand {
|
||||
padding: 1em;
|
||||
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: $s-screen), print and (max-width: 5in) {
|
||||
table.rch {
|
||||
display: block;
|
||||
caption, tbody, tr, td {
|
||||
display: block;
|
||||
}
|
||||
th, tr:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
td:first-of-type {
|
||||
border-top: 1px solid $gray-lighter;
|
||||
color: $gray-light;
|
||||
background: $gray-darker;
|
||||
}
|
||||
td::before {
|
||||
display: inline;
|
||||
font-weight: bold;
|
||||
}
|
||||
td {
|
||||
display: grid;
|
||||
grid-template-columns: 10em auto;
|
||||
grid-gap: 1em 0.5em;
|
||||
text-align: left;
|
||||
border: none;
|
||||
}
|
||||
.maximal {
|
||||
max-width: inherit;
|
||||
}
|
||||
.nowrap {
|
||||
white-space: inherit;
|
||||
}
|
||||
td.expand {
|
||||
grid-template-columns: auto !important;
|
||||
color: $body-color;
|
||||
background-color: $body-background;
|
||||
border-top: 1px dashed $gray-lighter;
|
||||
}
|
||||
input, select {
|
||||
align-self: center;
|
||||
}
|
||||
}
|
||||
table.rch-thead {
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
tr:first-of-type {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
18
dotclear._no/admin/style/scss/partials/_user.scss
Normal file
18
dotclear._no/admin/style/scss/partials/_user.scss
Normal file
@ -0,0 +1,18 @@
|
||||
.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;
|
||||
}
|
||||
103
dotclear._no/admin/style/scss/partials/_utils.scss
Normal file
103
dotclear._no/admin/style/scss/partials/_utils.scss
Normal file
@ -0,0 +1,103 @@
|
||||
/* ---------------------------------------------- Couleurs ajoutées via javascript
|
||||
|
||||
/* Sortable (jQuery UI) */
|
||||
|
||||
.sortable-area {
|
||||
border: 1px dashed currentColor;
|
||||
background-color: $main-menu-background;
|
||||
}
|
||||
|
||||
div.ui-sortable-handle {
|
||||
border: 1px dashed currentColor !important;
|
||||
border-radius: .75em !important;
|
||||
& > .ui-sortable {
|
||||
// border-color: $main-menu-border !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* color-picker.js */
|
||||
|
||||
.color-color-picker {
|
||||
border: 1px solid $color-picker-border;
|
||||
width: 195px;
|
||||
background: $color-picker-background;
|
||||
}
|
||||
|
||||
/* _media_item.js */
|
||||
|
||||
.color-div {
|
||||
border: 1px solid $color-div-border;
|
||||
}
|
||||
|
||||
/* Badges (common.js) */
|
||||
|
||||
.badgeable {
|
||||
/* class to set to badge parent's, not mandatory for menu items */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Badge design */
|
||||
.badge {
|
||||
color: $badge-color;
|
||||
background-color: $badge-std-background;
|
||||
border: 1px solid $badge-border;
|
||||
vertical-align: top;
|
||||
border-radius: 1em;
|
||||
padding: 0 .6em;
|
||||
}
|
||||
.badge-icon {
|
||||
background-color: $badge-soft-background;
|
||||
}
|
||||
|
||||
/* Badge background override */
|
||||
.badge-std {
|
||||
background-color: $badge-std-background;
|
||||
}
|
||||
.badge-info {
|
||||
background-color: $badge-info-background;
|
||||
}
|
||||
.badge-soft {
|
||||
background-color: $badge-soft-background;
|
||||
}
|
||||
|
||||
/* 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-icon {
|
||||
left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Badge design option */
|
||||
.badge-noborder {
|
||||
border: none;
|
||||
}
|
||||
.badge-small {
|
||||
font-size: smaller;
|
||||
&.badge-icon {
|
||||
right: 25px;
|
||||
&.badge-left {
|
||||
right: auto;
|
||||
left: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.badge-square {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user