Dotclear

Changeset 3763:857d4768935c for admin


Ignore:
Timestamp:
06/22/18 16:48:10 (7 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Use sass variables for every color used (mainly foreground, background, border)

Location:
admin/style
Files:
1 added
1 deleted
29 edited

Legend:

Unmodified
Added
Removed

  • admin/style/default.css

    r3762 r3763  
    222222 
    223223/** -------------------------------------------------- 
     224  Colors 
     225--------------------------------------------------- */ 
     226/** -------------------------------------------------- 
    224227    Common rules 
    225228--------------------------------------------------- */ 
    … …  
    233236 
    234237body { 
     238  color: #323232; 
     239  background: #fff; 
    235240  font-size: 1.4rem; 
    236241  line-height: 1.5; 
    … …  
    264269 
    265270h2 { 
     271  color: #676e78; 
    266272  font-size: 1.5em; 
    267273  font-weight: normal; 
    … …  
    271277h3, 
    272278.as_h3 { 
     279  color: #d33800; 
    273280  font-size: 1.34em; 
    274281  font-weight: normal; 
    … …  
    278285h4, 
    279286.as_h4 { 
     287  color: #676e78; 
    280288  font-size: 1.16em; 
    281289  line-height: 1.5; } 
    282290 
    283291h5 { 
     292  color: #676e78; 
    284293  font-size: 1em; 
    285294  line-height: 1.5; 
    … …  
    287296 
    288297h6 { 
     298  color: #676e78; 
    289299  font-size: 1em; 
    290300  line-height: 1.5; } 
    … …  
    299309 
    300310#header { 
     311  color: #fff; 
     312  background: #676e78; 
     313  border-bottom: 4px solid #a2cbe9; 
    301314  width: 99.99%; 
    302315  /* Bugfix Chrome >= 49.0.2623.108 */ 
    … …  
    314327 
    315328#wrapper { 
     329  background: #f3f3f3 url(bg_wrapper.png) repeat-y 14em; 
    316330  position: relative; 
    317331  padding-top: 1.5em; 
    … …  
    331345 
    332346#content { 
     347  background: #fff; 
    333348  margin: 0 0 0 14em; 
    334349  padding: .5em 1.5em .75em 2.5em; } 
    335350 
    336351#main-menu { 
     352  background: #f3f3f3; 
    337353  width: 14em; 
    338354  float: left; 
    … …  
    343359 
    344360#footer { 
     361  background-color: #fff; 
     362  border-top: 1px solid #cbced1; 
    345363  clear: both; 
    346364  position: relative; 
    … …  
    350368/* to hide main-menu */ 
    351369#collapser { 
     370  background: #c9c9c9; 
    352371  position: absolute; 
    353372  top: 0; 
    … …  
    361380  z-index: 1; 
    362381  transition: none; } 
     382  #collapser:hover, #collapser:focus { 
     383    background: #a2cbe9; } 
     384  .hide-mm #collapser { 
     385    background: #a2cbe9; } 
     386    .hide-mm #collapser:hover, .hide-mm #collapser:focus { 
     387      background: #c9c9c9; } 
    363388 
    364389.expand-mm { 
    … …  
    380405.hide-mm .expand-mm { 
    381406  display: block; } 
     407 
     408#wrapper.hide-mm { 
     409  background: #fff; } 
    382410 
    383411/* -------------------------------------------------------------- layout: two-cols */ 
    … …  
    448476/* ---------------------------------------------------------------- layout: popups */ 
    449477.popup h1 { 
     478  color: #fff; 
     479  background: #676e78; 
    450480  display: block; 
    451481  width: 100%; 
    … …  
    707737    float: none; } } 
    708738/** -------------------------------------------------- 
    709      Colors 
    710 --------------------------------------------------- */ 
    711 body { 
    712   color: #323232; 
    713   background: #fff; } 
    714  
    715 h2 { 
    716   color: #676e78; } 
    717  
    718 h3, 
    719 .as_h3 { 
    720   color: #d33800; } 
    721  
    722 h4, 
    723 .as_h4 { 
    724   color: #676e78; } 
    725  
    726 h5 { 
    727   color: #676e78; } 
    728  
    729 h6 { 
    730   color: #676e78; } 
    731  
    732 /* ---------------------------------------------------------------- layout: main */ 
    733 #header { 
    734   color: #fff; 
    735   background: #676e78; 
    736   border-bottom: 4px solid #a2cbe9; } 
    737  
    738 #wrapper { 
    739   background: #f3f3f3 url(bg_wrapper.png) repeat-y 14em; } 
    740  
    741 #content { 
    742   background: #fff; } 
    743  
    744 #main-menu { 
    745   background: #f3f3f3; } 
    746  
    747 #footer { 
    748   background-color: #fff; 
    749   border-top: 1px solid #c9c9c9; } 
    750  
    751 /* to hide main-menu */ 
    752 #collapser { 
    753   background: #c9c9c9; } 
    754   #collapser:hover, #collapser:focus { 
    755     background: #a2cbe9; } 
    756   .hide-mm #collapser { 
    757     background: #a2cbe9; } 
    758     .hide-mm #collapser:hover, .hide-mm #collapser:focus { 
    759       background: #c9c9c9; } 
    760  
    761 /* if main-menu is hidden */ 
    762 #wrapper.hide-mm { 
    763   background: #fff; } 
    764  
    765 /* ---------------------------------------------------------------- layout: popups */ 
    766 .popup h1 { 
    767   color: #fff; 
    768   background: #676e78; } 
    769  
    770 /* ------------------------------------------------------------------------------------ 
    771                                                                            UN POIL DE MEDIA QUERIES 
    772 ------------------------------------------------------------------------------------ */ 
    773 @media screen and (max-width: 80em) { 
    774   #header, 
    775   h1 { 
    776     background: #323232; } 
    777  
    778   #top-info-user { 
    779     background: #676e78; } 
    780     #top-info-user a.active { 
    781       color: #fff; 
    782       background: #868686; } 
    783  
    784   #wrapper { 
    785     background: #f3f3f3 url(bg_wrapper.png) repeat-y 17em; } } 
    786 @media screen and (max-width: 44em) { 
    787   #help-button { 
    788     background-color: #a2cbe9; } } 
    789 @media screen and (max-width: 38em) { 
    790   h1 a:link { 
    791     border-right: 1px solid #c9c9c9; } 
    792   h1 a:hover, h1 a:focus { 
    793     border-right: 1px solid #a2cbe9; } 
    794  
    795   .pseudo-tabs li { 
    796     border-top: 1px solid #c9c9c9; } } 
    797 @media screen and (max-width: 26.5em) { 
    798   h1, 
    799   h1 a { 
    800     border-right: #323232 !important; } 
    801  
    802   .pseudo-tabs li { 
    803     border-top: 1px solid #c9c9c9 !important; } } 
    804 /** -------------------------------------------------- 
    805739    Elements 
    806740--------------------------------------------------- */ 
    … …  
    812746  background: #fff url(bg_h2.png) repeat-x center bottom; } 
    813747 
    814 h2 a:link, 
    815 h2 a:visited { 
    816   color: #676e78; 
    817   border-color: #000; } 
    818  
    819748/* page courante dans le fil d'ariane */ 
    820749.page-title { 
    … …  
    831760.fieldset h4, 
    832761.pretty-title { 
    833   color: #D33800; 
     762  color: #d33800; 
    834763  font-size: 1em; 
    835764  font-weight: bold; } 
    … …  
    844773  text-transform: uppercase; 
    845774  font-weight: bold; 
    846   color: #333; } 
     775  color: #323232; } 
    847776 
    848777#entry-sidebar h5 { 
    849778  font-weight: normal; 
    850   color: #333; } 
     779  color: #323232; } 
    851780 
    852781.entry-status img.img_select_option { 
    … …  
    856785h4 label, 
    857786h5 label { 
    858   color: #333; } 
     787  color: #323232; } 
    859788 
    860789h2:first-child, 
    … …  
    880809 
    881810caption { 
    882   color: #333; 
     811  color: #323232; 
    883812  font-weight: bold; 
    884813  text-align: left; 
    … …  
    888817  border-width: 1px 0 1px 0; 
    889818  border-style: solid; 
    890   border-color: #dfdfdf; 
    891   background: #eef1ec; 
     819  border-color: #dbdbdb; 
     820  background: #f3f3f3; 
    892821  padding: .4em 1em .4em .5em; 
    893822  vertical-align: top; 
    … …  
    898827  border-width: 0 0 1px 0; 
    899828  border-style: solid; 
    900   border-color: #e3e3e3; 
     829  border-color: #ececec; 
    901830  padding: .4em 1em .4em .5em; 
    902831  vertical-align: top; } 
    … …  
    909838  height: 1px; 
    910839  border-width: 1px 0 0; 
    911   border-color: #dfdfdf; 
    912   background: #dfdfdf; 
     840  border-color: #dbdbdb; 
     841  background: #dbdbdb; 
    913842  border-style: solid; } 
    914843  hr.clearer { 
    … …  
    946875a:link, 
    947876a:visited { 
    948   color: #2373A8; 
     877  color: #2373a8; 
    949878  text-decoration: none; 
    950   border-bottom: 1px dotted #999; 
     879  border-bottom: 1px dotted #868686; 
    951880  background-color: inherit; 
    952881  outline: 0; } 
    … …  
    966895 
    967896.discrete a { 
    968   color: #333; } 
     897  color: #323232; } 
    969898 
    970899a:link { 
    … …  
    1020949  border-width: 1px 0; 
    1021950  border-style: solid; 
    1022   border-color: #ccc; 
    1023   background: #f7f7f7; } 
     951  border-color: #cbced1; 
     952  background: #fff; } 
    1024953  fieldset:focus-within { 
    1025     background-color: #eee; } 
     954    background-color: #ededed; } 
    1026955 
    1027956input[type=text], 
    … …  
    1050979 
    1051980input.invalid, textarea.invalid, select.invalid, input:not([type=file]):invalid:not(:focus) { 
    1052   color: #900; 
    1053   box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3); } 
     981  color: #ae323b; 
     982  box-shadow: 0 0 0 3px rgba(174, 50, 59, 0.3); } 
    1054983 
    1055984input.invalid, textarea.invalid, input:not([type=file]):invalid:not(:focus) { 
    1056   border: 1px solid red; 
    1057   background: #FFBABA; } 
     985  border: 1px solid #ae323b; 
     986  background: #ffbaba; } 
    1058987 
    1059988input[type=text], 
    … …  
    10841013input[type=number], 
    10851014textarea, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown { 
    1086   background: #fcfcfc; 
     1015  background: #f9f9f9; 
    10871016  border-width: 1px; 
    10881017  border-style: solid; 
    1089   border-color: #dfdfdf; } 
     1018  border-color: #dbdbdb; } 
    10901019 
    10911020input:focus, textarea:focus { 
    1092   border-color: #9bca1c; } 
     1021  border-color: #bee74b; } 
    10931022 
    10941023textarea { 
    … …  
    11671096 
    11681097label.required abbr { 
    1169   color: #900; 
     1098  color: #ae323b; 
    11701099  font-size: 1.3em; 
    11711100  text-decoration: none; } 
    … …  
    12211150    background-color: inherit; } 
    12221151  50% { 
    1223     background-color: #ccff00; } 
     1152    background-color: #bee74b; } 
    12241153  100% { 
    12251154    background-color: inherit; } } 
    … …  
    12411170input[type=reset], 
    12421171input[type=submit] { 
    1243   border: 1px solid #ccc; 
     1172  border: 1px solid #cbced1; 
    12441173  font-family: inherit; 
    12451174  padding: 3px 10px; 
    … …  
    13051234  background-image: linear-gradient(to bottom, #f9f9f9, #eaeaea); 
    13061235  background-repeat: repeat-x; 
    1307   border-color: #dfdfdf #dfdfdf #c5c5c5; } 
     1236  border-color: #cbced1; } 
    13081237 
    13091238button:hover, 
    … …  
    13321261  background-image: linear-gradient(to bottom, #eaeaea, #dadada); 
    13331262  background-repeat: repeat-x; 
    1334   border-color: #cccccc #cccccc #b5b5b5; } 
     1263  border-color: #cbced1; } 
    13351264 
    13361265/* suppression */ 
    … …  
    13401269button.delete, 
    13411270a.button.delete { 
    1342   color: #900; } 
     1271  color: #ae323b; } 
    13431272 
    13441273input[type=submit].delete:hover, 
    … …  
    13521281button.delete:focus, 
    13531282a.button.delete:focus { 
    1354   color: #ffffff; 
     1283  color: #fff; 
    13551284  background-color: #b33630; 
    13561285  background-image: linear-gradient(to bottom, #dc5f59, #b33630); 
    13571286  background-repeat: repeat-x; 
    1358   border-color: #cd504a; } 
     1287  border-color: #dc5f59; } 
    13591288 
    13601289#info-box a.button, 
    … …  
    13951324button[type=submit].disabled { 
    13961325  color: #676e78; 
    1397   background: #F5F5F5; 
    1398   border: 1px solid #CCC; } 
     1326  background: #f3f3f3; 
     1327  border: 1px solid #cbced1; } 
    13991328 
    14001329input.disabled:hover, 
    … …  
    14031332button[type=submit].disabled:hover { 
    14041333  color: #676e78; 
    1405   background: #eee; 
    1406   border: 1px solid #CCC; } 
     1334  background: #ececec; 
     1335  border: 1px solid #cbced1; } 
    14071336 
    14081337/* specific buttons */ 
    … …  
    14161345a.metaGetMore { 
    14171346  font-size: 0.825em; 
    1418   color: #333; 
     1347  color: #323232; 
    14191348  background: #fff; 
    14201349  box-shadow: none; 
    … …  
    14471376  #gototop a:hover, 
    14481377  #gototop a:active { 
    1449     color: #333; 
     1378    color: #323232; 
    14501379    background: transparent; 
    14511380    border: none; } 
    … …  
    14661395  .addMeta a:not(.metaGetMore):hover, 
    14671396  .addMeta a:not(.metaGetMore):focus { 
    1468     background: #fc0; } 
     1397    background: #abd0eb; } 
    14691398 
    14701399.warn, 
    … …  
    14741403  padding: .2em .66em .2em; 
    14751404  text-indent: 24px; 
    1476   color: #333; 
    14771405  display: inline-block; 
    14781406  line-height: 1.5em; 
    14791407  border-radius: 3px; } 
    14801408 
     1409.info { 
     1410  color: #323232; 
     1411  background: #d9edf7 url(msg-info.png) no-repeat 0.3em 0.3em; 
     1412  border: 1px solid #bce8f1; } 
     1413 
    14811414.warn, 
    14821415.warning { 
    1483   background: #FEFACD url(msg-warning.png) no-repeat 0.3em 0.3em; 
     1416  color: #323232; 
     1417  background: #fefacd url(msg-warning.png) no-repeat 0.3em 0.3em; 
    14841418  border: 1px solid #ffd478; } 
    1485  
    1486 .info { 
    1487   background: #D9EDF7 url(msg-info.png) no-repeat 0.3em 0.3em; 
    1488   border: 1px solid #BCE8F1; } 
    14891419 
    14901420div.warn, 
    … …  
    15101440  margin-bottom: 1em; 
    15111441  border-radius: 8px; 
    1512   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } 
     1442  box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1); } 
    15131443 
    15141444p.error, 
    … …  
    15341464.message, 
    15351465.static-msg { 
    1536   background: #676e78 url(msg-std.png) no-repeat 0.7em 0.7em; 
    1537   color: #fff; } 
     1466  color: #fff; 
     1467  background: #676e78 url(msg-std.png) no-repeat 0.7em 0.7em; } 
    15381468 
    15391469.message { 
    … …  
    15431473@keyframes kf-message { 
    15441474  0% { 
    1545     background-color: #ccc; } 
     1475    background-color: #cbced1; } 
    15461476  100% { 
    15471477    background-color: #676e78; } } 
    … …  
    15521482  color: #fff; } 
    15531483 
    1554 .success, 
    1555 .warning-msg { 
     1484.success { 
    15561485  color: #000; } 
    15571486 
    … …  
    15671496    background-color: #bee74b; } } 
    15681497.warning-msg { 
     1498  color: #323232; 
    15691499  background: #ffd478 url(msg-warning.png) no-repeat 0.7em 0.7em; 
    15701500  border: 1px solid #ffd478; 
    … …  
    15801510.warning-msg a, 
    15811511.info a { 
    1582   color: #333; } 
     1512  color: #323232; } 
    15831513 
    15841514.close-notice-parent { 
    … …  
    16031533  margin-bottom: 1em; 
    16041534  border-radius: 8px; 
    1605   background: #A2CBE9 url(msg-success.png) no-repeat 0.7em 0.7em; 
    16061535  color: #000; 
    1607   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } 
     1536  background: #a2cbe9 url(msg-success.png) no-repeat 0.7em 0.7em; 
     1537  box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1); } 
    16081538  .dc-update h3 { 
    16091539    margin-top: 0; 
    … …  
    16521582    #prelude li a { 
    16531583      padding: 3px 16px 3px 8px; 
     1584      color: #323232; 
    16541585      background: #a2cbe9; 
    1655       color: #000; 
    16561586      text-decoration: underline; } 
    16571587      #prelude li a:hover, #prelude li a:focus { 
    … …  
    16991629  margin-left: 1.5em; } 
    17001630#top-info-blog input[type=submit] { 
    1701   background: #000; 
    1702   border-color: #868686; 
     1631  background: #25a6e1; 
     1632  border-color: #cbced1; 
    17031633  margin-left: .33em; } 
    17041634#top-info-blog input[type=submit]:hover { 
    1705   background: #868686; } 
     1635  color: #fff; 
     1636  background: #188bc0; } 
    17061637#top-info-blog p { 
    17071638  display: inline-block; 
    … …  
    17251656    margin: 0; 
    17261657    padding: 2px 8px 3px; 
     1658    color: #d33800; 
    17271659    background-color: #f3f3f3; 
    1728     color: #d33800; 
    17291660    font-weight: bold; } 
    17301661 
    … …  
    17511682  font-size: 1.15em; } 
    17521683#main-menu a { 
    1753   color: #333; 
    1754   border-bottom-color: #ccc; } 
     1684  color: #323232; 
     1685  border-bottom-color: #cbced1; } 
    17551686#main-menu ul { 
    17561687  margin: 0 0 1.5em 0; 
    … …  
    17761707#system-menu, 
    17771708#plugins-menu { 
    1778   border-bottom: 1px dashed #A2CBE9; } 
     1709  border-bottom: 1px dashed #a2cbe9; } 
    17791710 
    17801711#favorites-menu h3 { 
    1781   color: #000; 
    17821712  font-variant: small-caps; 
    17831713  padding-top: .2em; } 
    1784 #favorites-menu .active { 
    1785   background-color: transparent; } 
    1786   #favorites-menu .active a { 
    1787     color: #000; } 
    17881714 
    17891715#search-menu { 
    … …  
    17961722    line-height: 24px; } 
    17971723  #search-menu p { 
    1798     border: 1px solid #999; 
     1724    border: 1px solid #868686; 
    17991725    border-radius: .3em; 
    18001726    position: relative; 
    … …  
    18041730    padding: 0 .25em; 
    18051731    margin-left: .33em; 
    1806     background: #dfdfdf; 
    1807     border-color: #999; 
    1808     color: #333; 
     1732    color: #323232; 
     1733    background: #c9c9c9; 
     1734    border-color: #868686; 
    18091735    border-bottom-right-radius: .3em; 
    18101736    border-top-right-radius: .3em; 
    … …  
    18121738    border-bottom-left-radius: 0; 
    18131739    border: none; 
    1814     border-left: 1px solid #999; 
     1740    border-left: 1px solid #868686; 
    18151741    font-size: .91em; 
    18161742    float: right; } 
    18171743    #search-menu input[type="submit"]:hover, #search-menu input[type="submit"]:focus { 
    1818       background: #676e78; 
    1819       color: #fff; } 
     1744      color: #fff; 
     1745      background: #868686; } 
    18201746 
    18211747#qx { 
    … …  
    18331759.part-tabs ul { 
    18341760  padding: .5em 0 0 1em; 
    1835   border-bottom: 1px solid #ccc; 
     1761  border-bottom: 1px solid #c9c9c9; 
    18361762  line-height: 1.8; } 
    18371763.part-tabs li { 
    … …  
    18461772    padding: .33em 1.5em; 
    18471773    margin-right: -1px; 
    1848     border: 1px solid #ccc; 
     1774    border: 1px solid #c9c9c9; 
    18491775    border-bottom: none; 
    18501776    text-decoration: none; 
    1851     color: #333; 
    1852     background-color: #ecf0f1; 
     1777    color: #323232; 
     1778    background-color: #f3f3f3; 
    18531779    display: inline-block; } 
    18541780    .part-tabs li a:hover, .part-tabs li a:focus { 
    1855       color: #000; 
     1781      color: #323232; 
    18561782      background: #fff; 
    18571783      border-bottom-color: #fff; } 
    … …  
    18681794.pseudo-tabs { 
    18691795  margin: -.75em 0 2em 0; 
    1870   border-bottom: 1px solid #bbb; 
     1796  border-bottom: 1px solid #c9c9c9; 
    18711797  display: table; 
    18721798  width: 100%; 
    … …  
    18781804    border-width: 0 1px; 
    18791805    border-style: solid; 
    1880     border-color: #ccc; 
     1806    border-color: #c9c9c9; 
    18811807    padding: 0; 
    18821808    margin: 0; 
    … …  
    18881814    border-bottom: none; } 
    18891815    .pseudo-tabs a:hover, .pseudo-tabs a:focus { 
    1890       background-color: #ecf0f1; 
    1891       color: #333; } 
     1816      background-color: #f3f3f3; 
     1817      color: #323232; } 
    18921818    .pseudo-tabs a.active { 
    1893       background-color: #ecf0f1; 
    1894       color: #d30e60; } 
     1819      background-color: #f3f3f3; 
     1820      color: #d33800; } 
    18951821 
    18961822/* contextual help */ 
    18971823#help { 
    18981824  margin-top: 4em; 
    1899   background: #f5f5f5; 
     1825  background: #f3f3f3; 
    19001826  z-index: 100; 
    19011827  clear: both; 
    … …  
    19071833    right: 0; 
    19081834    width: 32rem; 
    1909     border-left: 2px solid #FFD478; 
    1910     border-top: 2px solid #FFD478; 
     1835    border-left: 2px solid #ffd478; 
     1836    border-top: 2px solid #ffd478; 
    19111837    margin-top: 0; 
    19121838    padding: .5em 0 0 0; 
    … …  
    19201846  padding: 0 1.5em 0 30px; 
    19211847  cursor: pointer; 
    1922   color: #2373A8; 
     1848  color: #2373a8; 
    19231849  line-height: 3; } 
    19241850  #help-button.floatable { 
    1925     border-top: 2px solid #ccc; 
    1926     border-left: 2px solid #ccc; 
    1927     border-bottom: 2px solid #ccc; 
     1851    border-top: 2px solid #c9c9c9; 
     1852    border-left: 2px solid #c9c9c9; 
     1853    border-bottom: 2px solid #c9c9c9; 
    19281854    border-bottom-left-radius: 1em; 
    19291855    border-top-left-radius: 1em; 
    1930     background-color: #f5f5f5; 
     1856    background-color: #f3f3f3; 
    19311857    position: fixed; 
    19321858    top: 10px; 
    … …  
    19381864  #content.with-help #help-button { 
    19391865    right: 32rem; 
    1940     background-color: #f5f5f5; 
     1866    background-color: #f3f3f3; 
    19411867    position: fixed; 
    19421868    top: 6em; 
    19431869    z-index: 100; 
    1944     border-top: 2px solid #FFD478; 
    1945     border-left: 2px solid #FFD478; 
    1946     border-bottom: 2px solid #FFD478; 
     1870    border-top: 2px solid #ffd478; 
     1871    border-left: 2px solid #ffd478; 
     1872    border-bottom: 2px solid #ffd478; 
    19471873    border-bottom-left-radius: 1em; 
    19481874    border-top-left-radius: 1em; } 
    … …  
    20401966  background: #f3f3f3; } 
    20411967tr.line:focus-within { 
    2042   background-color: #eee; } 
     1968  background-color: #ededed; } 
    20431969 
    20441970td.status { 
    … …  
    20521978th.noborder { 
    20531979  border-width: 0 0 1px 0; 
    2054   border-color: #dfdfdf; 
     1980  border-color: #dbdbdb; 
    20551981  line-height: 2em; 
    20561982  padding-bottom: 0; } 
    … …  
    21162042  #filters-form .filters-options { 
    21172043    padding-left: 2em; 
    2118     border-left: 1px solid #ccc; } 
     2044    border-left: 1px solid #c9c9c9; } 
    21192045  #filters-form select { 
    21202046    width: 14em; 
    … …  
    21312057    display: inline-block; } 
    21322058  #filters-form:focus-within { 
    2133     background-color: #eee; } 
     2059    background-color: #ededed; } 
    21342060 
    21352061span.ib { 
    … …  
    22152141    text-decoration: none; } 
    22162142  #icons a span { 
    2217     border-bottom: 1px dotted #999; 
    2218     color: #333; } 
     2143    color: #323232; 
     2144    border-bottom: 1px dotted #868686; } 
    22192145  #icons a img { 
    22202146    padding: 1.5em; 
    22212147    background-color: #f9f9f9; 
    22222148    border-radius: 8px; 
    2223     border: 1px solid #dadada; 
     2149    border: 1px solid #dbdbdb; 
    22242150    display: inline-block; } 
    22252151  #icons a:focus { 
    2226     outline: 0; 
    2227     border-color: #fff; } 
     2152    outline: 0; } 
    22282153    #icons a:focus span { 
    22292154      border: 2px solid #bee74b; } 
    … …  
    22312156    background: #bee74b; 
    22322157    outline: 0; 
    2233     border-color: #dadada; } 
     2158    border-color: #dbdbdb; } 
    22342159  #icons a:focus span, #icons a:hover span { 
    22352160    border-bottom-style: solid; } 
    … …  
    22382163#quick { 
    22392164  padding: 1em; 
    2240   max-width: 976px; 
     2165  max-width: 72em; 
    22412166  margin: 0 auto; 
    2242   background: #f5f5f5; 
    2243   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
     2167  background: #f3f3f3; 
     2168  border: 1px solid #dbdbdb; 
    22442169  text-align: left; } 
    22452170  #quick h3 { 
    … …  
    22482173  #quick p.qinfo { 
    22492174    margin: -.7em -1em 1em; 
    2250     background: #D9EDF7 url(info.png) no-repeat 0.2em 0.2em; 
    2251     border: 1px solid #BCE8F1; 
     2175    background: #d9edf7 url(info.png) no-repeat 0.2em 0.2em; 
     2176    border: 1px solid #bce8f1; 
    22522177    padding: .2em 1em .1em 24px; 
    2253     color: #000; } 
     2178    color: #323232; } 
    22542179  #quick #new_cat, 
    22552180  #quick .q-cat, 
    … …  
    22732198  #dashboard-boxes .box { 
    22742199    padding: 10px; 
    2275     border: 1px solid #ccc; 
     2200    border: 1px solid #cbced1; 
    22762201    border-radius: 3px; 
    22772202    min-height: 200px; 
    … …  
    23112236    margin: 0.2em 0 0 0; } 
    23122237 
    2313 /* message de mise à jour */ 
    2314 #upg-notify ul { 
    2315   padding-left: 1.5em; } 
    2316 #upg-notify li { 
    2317   color: #fff; } 
    2318  
    23192238#media_img_title_pattern { 
    23202239  margin-right: 1em; } 
    … …  
    23292248  background: transparent url(user.png) no-repeat 0.5em 0.5em; 
    23302249  width: 20em; 
    2331   border: 1px solid #ccc; 
     2250  border: 1px solid #cbced1; 
    23322251  border-radius: .5em; 
    23332252  padding: 0 1em .5em; } 
    … …  
    23472266    padding-left: 0; } 
    23482267  .user-perm.user_super { 
    2349     background-color: rgba(153, 197, 255, 0.25); } 
     2268    border-color: #bee74b; 
     2269    background-color: rgba(217, 237, 247, 0.5); } 
    23502270 
    23512271li.user_super, 
    … …  
    23702290  margin: 5px; 
    23712291  padding: 10px 10px 5px 10px; 
    2372   border: 1px solid #dfdfdf; 
     2292  border: 1px solid #dbdbdb; 
    23732293  position: relative; } 
    23742294  .box.theme:hover { 
    2375     background: #ecf0f1 url(texture.png); } 
     2295    background: #f3f3f3 url(texture.png); } 
    23762296  .box.theme input { 
    23772297    margin-bottom: 1em; } 
    … …  
    23862306  .module-sshot img { 
    23872307    padding: 5px; 
    2388     background: #f7f7f7; 
    2389     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); 
     2308    background: #f3f3f3; 
     2309    box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1); 
    23902310    border: 3px solid #fff; 
    23912311    max-width: 100%; } 
    … …  
    24512371  margin: 0; 
    24522372  padding: 10px; 
    2453   background: rgba(250, 250, 250, 0.95); } 
     2373  background: #f3f3f3; } 
    24542374.with-js #theme-new .module-infos.toggle-bloc { 
    24552375  top: 128px; 
    24562376  height: 80px; 
    2457   border-top: 1px solid #e3e3e3; } 
     2377  border-top: 1px solid #ececec; } 
    24582378.with-js #theme-new .module-actions.toggle-bloc { 
    24592379  top: 208px; 
    24602380  height: 40px; 
    2461   border-bottom: 1px solid #e3e3e3; } 
     2381  border-bottom: 1px solid #ececec; } 
    24622382 
    24632383.with-js .module-sshot:hover { 
    … …  
    24712391  padding: 20px 18px 6px; 
    24722392  background: #fff url(texture.png); 
    2473   border: 1px solid #eee; 
     2393  border: 1px solid #ececec; 
    24742394  border-radius: .5em; 
    24752395  min-height: 326px; 
    2476   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); 
     2396  box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1); 
    24772397  position: relative; } 
    24782398  .box.current-theme .module-sshot:hover { 
    … …  
    24862406    max-height: 273px; } 
    24872407  .box.current-theme .module-name { 
    2488     color: #D33800; 
     2408    color: #d33800; 
    24892409    font-size: 1.5em; 
    24902410    margin-bottom: 1em; } 
    … …  
    25092429      margin-left: 2em; } 
    25102430  #categories .placeholder { 
    2511     outline: 1px dashed #4183C4; 
     2431    outline: 1px dashed #2373a8; 
    25122432    min-height: 2.5em; } 
    25132433 
    … …  
    25162436  margin: .66em 0; 
    25172437  padding: .66em 1em; 
    2518   border: 1px solid #ccc; 
     2438  border: 1px solid #cbced1; 
    25192439  border-radius: 3px; } 
    25202440  .cat-line label { 
    … …  
    25272447    display: inline-block; } 
    25282448  .cat-line .cat-line { 
    2529     border: 1px solid #dfdfdf; } 
     2449    border: 1px solid #dbdbdb; } 
    25302450 
    25312451p.cat-title { 
    … …  
    25332453 
    25342454.cat-nb-posts a { 
    2535   color: #333; } 
     2455  color: #323232; } 
    25362456 
    25372457.cat-url { 
    … …  
    25652485.media-item { 
    25662486  position: relative; 
    2567   border: 1px solid #dfdfdf; 
     2487  border: 1px solid #dbdbdb; 
    25682488  margin: 9px; 
    25692489  padding: 10px 12px 6px; 
    … …  
    26382558.media-folder { 
    26392559  background: transparent url(bg_menu.png) repeat-y; 
    2640   border-color: #eee; } 
     2560  border-color: #ececec; } 
    26412561  .media-folder .media-link { 
    26422562    font-size: 1.125em; 
    … …  
    26512571 
    26522572.media-folder-up { 
    2653   border-color: #fff; 
     2573  border-color: transparent; 
    26542574  padding-bottom: 6px; } 
    26552575 
    … …  
    27082628  margin-left: 0; 
    27092629  padding-left: 0; 
    2710   border-bottom: 1px solid #dfdfdf; } 
     2630  border-bottom: 1px solid #dbdbdb; } 
    27112631  .files li { 
    27122632    margin-left: 0; 
    … …  
    27162636  font-weight: bold; } 
    27172637  .upload-msg.upload-error { 
    2718     color: #900; } 
     2638    color: #ae323b; } 
    27192639 
    27202640.upload-files { 
    … …  
    27252645  margin: 0; 
    27262646  padding: .3em 0; 
    2727   border-top: 1px solid #dfdfdf; 
     2647  border-top: 1px solid #dbdbdb; 
    27282648  position: relative; } 
    27292649 
    … …  
    27492669.upload-filemsg { 
    27502670  font-weight: bold; 
    2751   color: green; } 
    2752   .upload-filemsg .upload-error { 
    2753     color: #900; } 
     2671  color: #fff; } 
     2672  .upload-filemsg.upload-error { 
     2673    color: #ae323b; } 
    27542674 
    27552675.upload-progress { 
    … …  
    27612681    line-height: 1.2em; 
    27622682    text-align: right; 
    2763     background: green url(loader.png) repeat-x left top; 
    2764     color: white; 
     2683    background: #556f0f url(loader.png) repeat-x left top; 
     2684    color: #fff; 
    27652685    border-radius: 3px; } 
    27662686 
    … …  
    28052725.modules tr.expand, 
    28062726.modules td.expand { 
    2807   background: #f7f7f7; 
    2808   border-color: #bee74b; } 
     2727  background: #f3f3f3; 
     2728  border-color: #a2cbe9; } 
    28092729 
    28102730.modules tr.expand td:first-child { 
    28112731  font-weight: bold; 
    2812   background: #dfe5e7; } 
     2732  background: #f3f3f3; } 
    28132733 
    28142734.modules td.expand { 
    2815   padding: 0 0 1em; 
    2816   border-top: 1px solid #eaeaea; } 
     2735  padding: 0 0 1em; } 
    28172736  .modules td.expand div { 
    28182737    display: inline-block; 
    … …  
    28972816  background-color: #f3f3f3; } 
    28982817  .sb-box:focus-within { 
    2899     background-color: #eee; } 
     2818    background-color: #ededed; } 
    29002819 
    29012820#tb_excerpt { 
    … …  
    29072826  padding-left: 0; } 
    29082827  #my-favs .fav-list { 
    2909     border-top: 1px solid #eee; } 
     2828    border-top: 1px solid #ececec; } 
    29102829  .fav-list li { 
    29112830    margin-left: 0; 
    … …  
    29162835    #my-favs .fav-list li { 
    29172836      line-height: 2; 
    2918       border-bottom: 1px solid #eee; 
     2837      border-bottom: 1px solid #ececec; 
    29192838      padding-top: 3px; 
    29202839      padding-bottom: 3px; 
    29212840      position: relative; } 
     2841    #my-favs:focus-within .fav-list li { 
     2842      border-bottom-color: #dbdbdb; } 
    29222843    .fav-list li span.zoom { 
    29232844      display: none; } 
    … …  
    29272848      bottom: 0; 
    29282849      left: 10em; 
    2929       background-color: #f7f7f7; 
    2930       border: 1px solid #dfdfdf; 
     2850      background-color: #f3f3f3; 
     2851      border: 1px solid #dbdbdb; 
    29312852      padding: .2em; 
    29322853      border-radius: .5em; } 
    … …  
    29362857 
    29372858#my-favs { 
    2938   border-color: #9bca1c; } 
     2859  border-color: #9ac123; } 
    29392860  #my-favs input.position { 
    29402861    margin: 0 0 .4em .2em; } 
    … …  
    29522873  bottom: 0; 
    29532874  left: 10em; 
    2954   background-color: #f7f7f7; 
    2955   border: 1px solid #dfdfdf; 
     2875  background-color: #f3f3f3; 
     2876  border: 1px solid #dbdbdb; 
    29562877  padding: .2em; 
    29572878  border-radius: .5em; } 
    … …  
    29912912  margin-top: 0; } 
    29922913.guideline .one-box .box { 
    2993   border: 1px solid #dfdfdf; 
     2914  border: 1px solid #dbdbdb; 
    29942915  padding: 2px .5em; } 
    29952916.guideline #main-menu ul { 
    … …  
    30062927.ac_results { 
    30072928  padding: 0px; 
    3008   border: 1px dotted #f90; 
    3009   background-color: white; 
     2929  background-color: #fff; 
     2930  border: 1px dotted #ffd478; 
    30102931  overflow: hidden; 
    30112932  z-index: 99999; } 
    … …  
    30292950 
    30302951.ac_over { 
    3031   background-color: #2373a8; 
    3032   color: white; } 
     2952  color: #fff; 
     2953  background-color: #2373a8; } 
    30332954 
    30342955/* password indicator */ 
    … …  
    30592980 
    30602981.pw-mediocre .bar { 
    3061   background: #f90; 
     2982  background: #ff9900; 
    30622983  width: 90px; } 
    30632984 
    … …  
    30732994/* selects accès rapide */ 
    30742995.anchor-nav { 
    3075   background: #ecf0f1; 
    3076   color: #000; 
     2996  background: #fff; 
    30772997  padding: 4px 1em; } 
    30782998  .anchor-nav label { 
    … …  
    30863006.nav_prevnext a, 
    30873007a.back { 
    3088   color: #2373A8; 
    3089   border: 1px solid #dfdfdf; 
     3008  color: #2373a8; 
     3009  border: 1px solid #dbdbdb; 
    30903010  padding: 2px 1.5em; 
    30913011  border-radius: .75em; 
    … …  
    30963016 
    30973017a.onblog_link { 
    3098   color: #333; 
     3018  color: #323232; 
    30993019  float: right; 
    3100   border: 1px solid #eee; 
     3020  border: 1px solid #ececec; 
    31013021  padding: 2px 1.5em; 
    31023022  border-radius: .75em; 
    3103   background-color: #ECF0F1; 
    3104   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } 
     3023  background-color: #ececec; 
     3024  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.3); } 
    31053025 
    31063026/* Pagination */ 
    … …  
    31203040    text-align: center; } 
    31213041  .pager .btn { 
    3122     border: 1px solid #dfdfdf; 
    3123     background-color: #fcfcfc; 
    3124     color: #676e78; 
     3042    border: 1px solid #dbdbdb; 
     3043    background-color: #f3f3f3; 
     3044    color: #2373a8; 
    31253045    border-radius: 3px; 
    31263046    overflow: hidden; } 
    31273047    .pager .btn.no-link { 
    3128       border-color: #dfdfdf; 
    3129       background-color: #f9f9f9; 
     3048      border-color: #dbdbdb; 
     3049      background-color: #fff; 
    31303050      padding: 1px 3px 0; } 
    31313051  .pager .active { 
    … …  
    31353055    margin-left: 2em; } 
    31363056    .pager .direct-access input[type=text] { 
    3137       border: 1px solid #dfdfdf; 
     3057      border: 1px solid #dbdbdb; 
    31383058      padding: 3px 8px; 
    31393059      margin-left: .25em; 
    … …  
    31463066    border: none; } 
    31473067    .pager a:hover, .pager a:focus { 
    3148       background-color: #ecf0f1; } 
     3068      background-color: #dbdbdb; } 
    31493069 
    31503070.index .btn.no-link, 
    … …  
    31573077  font-weight: bold; } 
    31583078.index .btn.no-link { 
    3159   color: #ccc; } 
     3079  color: #c9c9c9; } 
    31603080.index .active { 
    31613081  padding: 4px 8px; 
    … …  
    31713091  margin: 3px 10px 2px 0; 
    31723092  padding: 5px .5em; 
    3173   background: #ecf0f1; 
     3093  color: #676e78; 
     3094  background: #f3f3f3; 
     3095  border: 1px solid #cbced1; 
    31743096  border-radius: 3px; 
    3175   font-weight: bold; 
    3176   border: 1px solid #c5c5c5; 
    3177   color: #676e78; } 
     3097  font-weight: bold; } 
    31783098 
    31793099/* ---------------------------------------------------------------- utilisables partout  */ 
    … …  
    31843104.fieldset { 
    31853105  background: #fff; 
    3186   border: 1px solid #c5c5c5; 
     3106  border: 1px solid #cbced1; 
    31873107  border-radius: 3px; 
    31883108  padding: 1em .7em .5em; 
    … …  
    31913111    margin-top: 0; } 
    31923112  .fieldset:focus-within { 
    3193     background-color: #eee; } 
     3113    background-color: #ededed; } 
    31943114 
    31953115.right, 
    … …  
    32153135 
    32163136.border-top { 
    3217   border-top: 1px solid #999; 
     3137  border-top: 1px solid #868686; 
    32183138  padding-top: 1em; 
    32193139  margin-top: 1em; } 
    … …  
    32783198/* _media_item.js */ 
    32793199.color-div { 
    3280   border: 1px solid #ccc; } 
     3200  border: 1px solid #c9c9c9; } 
    32813201 
    32823202/* ------------------------------------------------------------------------------------ 
    32833203                                                                           UN POIL DE MEDIA QUERIES 
    32843204------------------------------------------------------------------------------------ */ 
     3205@media screen and (max-width: 80em) { 
     3206  #header, 
     3207  h1 { 
     3208    background: #323232; } 
     3209 
     3210  #top-info-user { 
     3211    background: #676e78; } 
     3212    #top-info-user a.active { 
     3213      color: #fff; 
     3214      background: #868686; } 
     3215 
     3216  #wrapper { 
     3217    background: #f3f3f3 url(bg_wrapper.png) repeat-y 17em; } } 
    32853218@media screen and (max-width: 44em) { 
    32863219  #help-button { 
     3220    background-color: #a2cbe9; 
    32873221    padding: 0; 
    32883222    font-size: .83em; 
    32893223    line-height: 68px; } } 
    32903224@media screen and (max-width: 38em) { 
     3225  h1 a:link { 
     3226    border-right: 1px solid #c9c9c9; } 
     3227  h1 a:hover, h1 a:focus { 
     3228    border-right: 1px solid #c9c9c9; } 
     3229 
    32913230  #dashboard-main { 
    32923231    padding: 0; } 
    … …  
    33053244 
    33063245  .pseudo-tabs li { 
     3246    border-top: 1px solid #c9c9c9; 
    33073247    padding: .25em; } 
    33083248    .pseudo-tabs li:first-child, .pseudo-tabs li:nth-of-type(2) { 
    33093249      border-top: none; } } 
    33103250@media screen and (max-width: 26.5em) { 
     3251  h1, 
     3252  h1 a { 
     3253    border-right: #323232 !important; } 
     3254 
    33113255  #content.with-help #help { 
    33123256    font-size: 1.2rem; } 
    … …  
    33303274  td { 
    33313275    padding: 0.3em 1em 0.3em 0; } 
     3276 
     3277  .pseudo-tabs li { 
     3278    border-top: 1px solid #c9c9c9 !important; } 
    33323279 
    33333280  .pseudo-tabs li:first-child { 
    … …  
    37373684  a.delete.debug:hover { 
    37383685    background: #ffd478; 
    3739     color: #900; 
     3686    color: #ae323b; 
    37403687    border-color: #ffd478; } 

  • admin/style/scss/default.scss

    r3731 r3763  
    66@import "init/mixins-functions";    // mixins, fonctions 
    77@import "init/rebase";              // init html tags 
    8 @import "init/config";              // theme variables 
     8@import "init/config";              // variables 
     9 
     10/** -------------------------------------------------- 
     11  Colors 
     12--------------------------------------------------- */ 
     13@import "themes/light"; 
    914 
    1015/** -------------------------------------------------- 
    … …  
    1722--------------------------------------------------- */ 
    1823@import "partials/layout"; 
    19  
    20 /** -------------------------------------------------- 
    21      Colors 
    22 --------------------------------------------------- */ 
    23 @import "partials/colors"; 
    2424 
    2525/** -------------------------------------------------- 

  • admin/style/scss/init/_config.scss

    r3712 r3763  
    1414// ========================================================================== // 
    1515 
    16 $sans-serif:        -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; 
     16$sans-serif:    -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; 
    1717 
    18 $sans-serif-input:  inherit;  // Use OS default font for input fields 
     18$sans-serif-input:  inherit;  // Use OS default font for input fields 
    1919 
    20 $monospace:              "Andale Mono",AndaleMono,Consolas,Monaco,"Courier New",monospace; 
     20$monospace:     "Andale Mono",AndaleMono,Consolas,Monaco,"Courier New",monospace; 
    2121 
    22 $html-font-size:              62.5%;         // Basically 10px (16px ⁄x 0.625) — Must be in % 
     22$html-font-size:      62.5%;    // Basically 10px (16px ⁄x 0.625) — Must be in % 
    2323 
    24 $body-font-size-small: 1.2rem;          // For screen smaller than $small-screen (see below) 
     24$body-font-size-small: 1.2rem;    // For screen smaller than $small-screen (see below) 
    2525$body-font-size:       1.4rem; 
    26 $body-font-size-large: 1.6rem;          // For screen larger or equal than $large-screen (see below) 
     26$body-font-size-large: 1.6rem;    // For screen larger or equal than $large-screen (see below) 
    2727 
    28 // ========================================================================== // 
    29 // =Couleurs 
    30 // ========================================================================== // 
    31  
    32 // Palette de base 
    33  
    34 $blue:       #137bbb; 
    35 $green:      #9ac123; 
    36 $red:        #c44d58; 
    37 $light-blue: #a2cbe9; 
    38 $orange:     #d33800; 
    39  
    40 $gray:      #b2b2b2; 
    41 $gray-dark: #676e78; 
    42  
    43 $gray-very-dark:  shade($gray, 72%);    // #323232 (near to #333 used before) 
    44 $gray-semi-dark:  shade($gray, 25%);    // #868686 (near to #999 used before) 
    45 $gray-light:      tint($gray, 30%);          // #c9c9c9 (near to #ccc used before) 
    46 $gray-very-light: tint($gray, 85%);          // #f3f3f3 (near to #f7f7f7 used before) 
    47  
    48 $white: #fff; 
    49 $black: #000; 
    50  
    51 // Couleurs secondaires 
    52  
    53  
    54  
    55 // Application 
    56  
    57 $primary-color:        $gray-very-dark;      // #323232 : Texte courant 
    58 $secondary-color:      $orange;                   // #d33800 : Titres 
    59 $ternary-color:        $gray-dark;                // #676e78 : Titres (secondaires) 
    60 $link:                 $blue;                     // #137bbb : Liens 
    61 $primary-background:   $white;                         // #fff : Fond courant 
    62 $secondary-background: $gray-very-light;          // #c9c9c9 : Fond secondaire 
    63 $ternary-background:   $gray-dark;                // #676e78 : Fond tertiaire 
    64  
    65 $button-base:  $light-blue; 
    66 $button-dark:  shade($button-base, 10%); 
    67 $button-light: tint($button-base, 10%); 
    68  
    69 // Autres 
     28// Divers 
    7029 
    7130$css-img-path: 'img'; // utile pour le mixin de fallback svg 
    … …  
    7534// ========================================================================== // 
    7635 
    77 $xxs-screen: 26.5em;     // 424 px 
    78 $xs-screen:  38em;       // 608 px 
    79 $s-screen:   44em;       // 704 px 
    80 $m-screen:   48em;       // 768 px 
    81 $l-screen:   61em;       // 976 px 
    82 $xl-screen:  80em;       // 1280 px 
    83 $xxl-screen: 120em;      // 1920 px 
     36$xxs-screen: 26.5em;  // 424 px 
     37$xs-screen:  38em;    // 608 px 
     38$s-screen:   44em;    // 704 px 
     39$m-screen:   48em;    // 768 px 
     40$l-screen:   61em;    // 976 px 
     41$xl-screen:  80em;    // 1280 px 
     42$xxl-screen: 120em;   // 1920 px 
    8443 
    8544// =========================================================================== // 
    … …  
    9453// collapser width 
    9554 
    96 $collapser-width:   10px; 
     55$collapser-width: 10px; 

  • admin/style/scss/partials/_auth.scss

    r3711 r3763  
    1313     } 
    1414     .fieldset { 
    15           border: 1px solid #9bca1c; 
     15          border: 1px solid $login-fieldset-border; 
    1616          padding: 1em 1em 0 1em; 
    17           background: #fff; 
     17          background: $login-fieldset-background; 
    1818          margin-bottom: 0; 
    1919          margin-top: 1em; 

  • admin/style/scss/partials/_blog_pref.scss

    r3444 r3763  
    1313     background: transparent url(user.png) no-repeat .5em .5em; 
    1414     width: 20em; 
    15      border: 1px solid #ccc; 
     15     border: 1px solid $blog-user-border; 
    1616     border-radius: .5em; 
    1717     padding: 0 1em .5em; 
    … …  
    3535     } 
    3636     &.user_super { 
    37           background-color: rgba(153, 197, 255, .25); 
     37    border-color: $blog-super-border; 
     38    background-color: $blog-super-background; 
    3839     } 
    3940} 

  • admin/style/scss/partials/_blog_theme.scss

    r3468 r3763  
    1212     margin: 5px; 
    1313     padding: 10px 10px 5px 10px; 
    14      border: 1px solid #dfdfdf; 
     14     border: 1px solid $theme-box-border; 
    1515     position: relative; 
    1616     &:hover { 
    17           background: #ecf0f1 url(texture.png); 
     17          background: $theme-box-over url(texture.png); 
    1818     } 
    1919     input { 
    … …  
    2525.module-name label { 
    2626     margin-bottom: .5em; 
    27      color: #676e78; 
     27     color: $theme-name-color; 
    2828} 
    2929 
    … …  
    3232     img { 
    3333          padding: 5px; 
    34           background: #f7f7f7; 
    35           box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); 
    36           border: 3px solid #fff; 
     34          background: $theme-img-background; 
     35          box-shadow: 1px 1px 2px $theme-img-shadow; 
     36          border: 3px solid $theme-img-border; 
    3737          max-width: 100%; 
    3838     } 
    … …  
    117117          margin: 0; 
    118118          padding: 10px; 
    119           background: rgba(250, 250, 250, .95); 
     119          background: $theme-action-background; 
    120120     } 
    121121     .module-infos.toggle-bloc { 
    122122          top: 128px; 
    123123          height: 80px; 
    124           border-top: 1px solid #e3e3e3; 
     124          border-top: 1px solid $theme-action-border; 
    125125     } 
    126126     .module-actions.toggle-bloc { 
    127127          top: 208px; 
    128128          height: 40px; 
    129           border-bottom: 1px solid #e3e3e3; 
     129          border-bottom: 1px solid $theme-action-border; 
    130130     } 
    131131} 
    … …  
    143143     margin: 5px; 
    144144     padding: 20px 18px 6px; 
    145      background: #fff url(texture.png); 
    146      border: 1px solid #eee; 
     145     background: $theme-current-background url(texture.png); 
     146     border: 1px solid $theme-current-border; 
    147147     border-radius: .5em; 
    148148     min-height: 326px; 
    149      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); 
     149     box-shadow: 1px 1px 2px $theme-current-shadow; 
    150150     position: relative; 
    151151     .module-sshot:hover { 
    … …  
    155155          float: left; 
    156156          margin-right: 2em; 
    157           border: 9px solid #fff; 
     157          border: 9px solid $theme-current-img-border; 
    158158          padding: 5px; 
    159159          max-width: 308px; 
    … …  
    161161     } 
    162162     .module-name { 
    163           color: #D33800; 
     163          color: $theme-current-name-color; 
    164164          font-size: 1.5em; 
    165165          margin-bottom: 1em; 

  • admin/style/scss/partials/_buttons.scss

    r3517 r3763  
    1717input[type=reset], 
    1818input[type=submit] { 
    19      border: 1px solid #ccc; 
     19     border: 1px solid $button-border; 
    2020     font-family: $sans-serif-input; 
    2121     padding: 3px 10px; 
    … …  
    2727     cursor: pointer; 
    2828     position: relative; 
    29      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 
     29     box-shadow: 0 1px 3px $button-shadow; 
    3030     border-style: solid; 
    3131     border-width: 1px; 
    … …  
    5252button.submit, 
    5353input.button.start { 
    54      color: #fff; 
    55      background-color: #25a6e1; 
    56      @include background-image(linear-gradient(to bottom, #25a6e1, #188bc0)); 
    57      border-color: #25a6e1; 
     54     color: $submit-color; 
     55     background-color: $submit-background; 
     56     @include background-image(linear-gradient(to bottom, $submit-background, $submit-background-alt)); 
     57     border-color: $submit-background; 
    5858} 
    5959 
    … …  
    6868a.button.submit:hover, 
    6969a.button.submit:focus { 
    70      background-color: #188bc0; 
    71      @include background-image(linear-gradient(to bottom, #188bc0, #25a6e1)); 
    72      border-color: #188bc0; 
     70     background-color: $submit-background-alt; 
     71     @include background-image(linear-gradient(to bottom, $submit-background-alt, $submit-background)); 
     72     border-color: $submit-background-alt; 
    7373} 
    7474 
    … …  
    8787a.button.delete, 
    8888a.button.reset { 
    89      color: #000; 
    90      background-color: #eaeaea; 
    91      @include background-image(linear-gradient(to bottom, #f9f9f9, #eaeaea)); 
     89     color: $reset-color; 
     90     background-color: $reset-background; 
     91     @include background-image(linear-gradient(to bottom, $reset-background-alt, $reset-background)); 
    9292     background-repeat: repeat-x; 
    93      border-color: #dfdfdf #dfdfdf #c5c5c5; 
     93  border-color: $reset-border; 
    9494} 
    9595 
    … …  
    116116a.button.reset:focus, 
    117117a.button:focus { 
    118      background-color: #dadada; 
    119      @include background-image(linear-gradient(to bottom, #eaeaea, #dadada)); 
     118     background-color: $reset-background-ter; 
     119     @include background-image(linear-gradient(to bottom, $reset-background, $reset-background-ter)); 
    120120     background-repeat: repeat-x; 
    121      border-color: #cccccc #cccccc #b5b5b5; 
     121  border-color: $reset-border; 
    122122} 
    123123 
    … …  
    130130button.delete, 
    131131a.button.delete { 
    132      color: #900; 
     132  color: $delete-color; 
    133133} 
    134134 
    … …  
    143143button.delete:focus, 
    144144a.button.delete:focus { 
    145      color: #ffffff; 
    146      background-color: #b33630; 
    147      @include background-image(linear-gradient(to bottom, #dc5f59, #b33630)); 
     145     color: $delete-hover-color; 
     146     background-color: $delete-hover-background; 
     147     @include background-image(linear-gradient(to bottom, $delete-hover-background-alt, $delete-hover-background)); 
    148148     background-repeat: repeat-x; 
    149      border-color: #cd504a; 
     149     border-color: $delete-hover-border; 
    150150} 
    151151 
    … …  
    158158.button.add, 
    159159button.add { 
    160      color: #000; 
    161      background-color: #bee74b; 
    162      @include background-image(linear-gradient(to bottom, #bee74b, #9bca1c)); 
    163      border-color: #bee74b; 
     160     color: $add-color; 
     161     background-color: $add-background; 
     162     @include background-image(linear-gradient(to bottom, $add-background, $add-background-alt)); 
     163     border-color: $add-border; 
    164164     padding: .33em 1.33em .5em; 
    165165} 
    … …  
    171171button.add:active, 
    172172button.add:focus { 
    173      background-color: #9bca1c; 
    174      @include background-image(linear-gradient(to bottom, #9bca1c, #bee74b)); 
    175      border-color: #9bca1c; 
     173     background-color: $add-background-alt; 
     174     @include background-image(linear-gradient(to bottom, $add-background-alt, $add-background)); 
     175     border-color: $add-border-alt; 
    176176} 
    177177 
    … …  
    195195button.disabled, 
    196196button[type=submit].disabled { 
    197      color: #676e78; 
    198      background: #F5F5F5; 
    199      border: 1px solid #CCC; 
     197     color: $button-disabled-color; 
     198     background: $button-disabled-background; 
     199     border: 1px solid $button-disabled-border; 
    200200} 
    201201 
    … …  
    204204button.disabled:hover, 
    205205button[type=submit].disabled:hover { 
    206      color: #676e78; 
    207      background: #eee; 
    208      border: 1px solid #CCC; 
     206     color: $button-disabled-color; 
     207     background: $button-disabled-background-alt; 
     208     border: 1px solid $button-disabled-border; 
    209209} 
    210210 
    … …  
    222222a.metaGetMore { 
    223223     font-size: 0.825em; 
    224      color: #333; 
    225      background: #fff; 
     224     color: $ajax-color; 
     225     background: $ajax-background; 
    226226     box-shadow: none; 
    227      border: 1px solid #676e78; 
     227     border: 1px solid $ajax-border; 
    228228     margin-bottom: .25em; 
    229229     text-align: center; 
    230230     &:hover { 
    231           background: #a2cbe9; 
     231          background: $ajax-background-alt; 
    232232          box-shadow: none; 
    233           border: 1px solid #676e78; 
     233          border: 1px solid $ajax-border; 
    234234     } 
    235235} 
    … …  
    248248     a:hover, 
    249249     a:active { 
    250           color: #333; 
    251           background: transparent; 
    252           border: none; 
     250          color: $gotop-color; 
     251          background: $gotop-background; 
     252          border: $gotop-border; 
    253253     } 
    254254} 
    … …  
    269269     &:hover, 
    270270     &:focus { 
    271           background: #fc0; 
     271    background: $addmeta-background; 
    272272     } 
    273273} 

  • admin/style/scss/partials/_categories.scss

    r3439 r3763  
    1111     } 
    1212     .placeholder { 
    13           outline: 1px dashed #4183C4; 
     13          outline: 1px dashed $cat-placeholder-outline; 
    1414          min-height: 2.5em; 
    1515     } 
    … …  
    2020     margin: .66em 0; 
    2121     padding: .66em 1em; 
    22      border: 1px solid #ccc; 
     22     border: 1px solid $cat-line-border; 
    2323     border-radius: 3px; 
    2424     label { 
    … …  
    3434     } 
    3535     .cat-line { 
    36           border: 1px solid #dfdfdf; 
     36          border: 1px solid $subcat-line-border; 
    3737     } 
    3838} 
    … …  
    4343 
    4444.cat-nb-posts a { 
    45      color: #333; 
     45     color: $cat-post-counter; 
    4646} 
    4747 

  • admin/style/scss/partials/_charte.scss

    r3439 r3763  
    11.guideline { 
    22     #content h2 { 
    3           color: #d33800; 
     3          color: $charte-title; 
    44          padding: 2em 0 0 0; 
    55          margin: 1em 0; 
    … …  
    1717     } 
    1818     .one-box .box { 
    19           border: 1px solid #dfdfdf; 
     19          border: 1px solid $charte-one-box-border; 
    2020          padding: 2px .5em; 
    2121     } 

  • admin/style/scss/partials/_classes.scss

    r3621 r3763  
    33.ac_results { 
    44     padding: 0px; 
    5      border: 1px dotted #f90; 
    6      background-color: white; 
     5     background-color: $ac-results-background; 
     6  border: 1px dotted $ac-results-border; 
    77     overflow: hidden; 
    88     z-index: 99999; 
    … …  
    3030 
    3131.ac_over { 
    32      background-color: #2373a8; 
    33      color: white; 
     32  color: $ac-results-over; 
     33  background-color: $ac-results-over-background; 
    3434} 
    3535 
    … …  
    5959 
    6060.pw-very-weak .bar { 
    61      background: #c44d58; 
     61     background: $pw-very-weak; 
    6262     width: 30px; 
    6363} 
    6464 
    6565.pw-weak .bar { 
    66      background: #e1732c; 
     66     background: $pw-weak; 
    6767     width: 60px; 
    6868} 
    6969 
    7070.pw-mediocre .bar { 
    71      background: #f90; 
     71     background: $pw-mediocre; 
    7272     width: 90px; 
    7373} 
    7474 
    7575.pw-strong .bar { 
    76      background: #cdad12; 
     76     background: $pw-strong; 
    7777     width: 120px; 
    7878} 
    7979 
    8080.pw-very-strong .bar { 
    81      background: #9ac123; 
     81     background: $pw-very-strong; 
    8282     width: 150px; 
    8383} 
    … …  
    9090 
    9191.anchor-nav { 
    92      background: #ecf0f1; 
    93      color: #000; 
     92     background: $nav-background; 
    9493     padding: 4px 1em; 
    9594     label { 
    … …  
    103102.nav_prevnext { 
    104103     margin-bottom: 2em; 
    105      color: #fff; 
     104     color: $nav-background; 
    106105} 
    107106 
    108107.nav_prevnext a, 
    109108a.back { 
    110      color: #2373A8; 
    111      border: 1px solid #dfdfdf; 
     109     color: $nav-prevnext; 
     110     border: 1px solid $nav-prevnext-border; 
    112111     padding: 2px 1.5em; 
    113112     border-radius: .75em; 
    114      background-color: #f3f3f3; 
     113     background-color: $nav-prevnext-background; 
    115114} 
    116115 
    … …  
    120119 
    121120a.onblog_link { 
    122      color: #333; 
     121     color: $onblog-link; 
    123122     float: right; 
    124      border: 1px solid #eee; 
     123     border: 1px solid $onblog-link-border; 
    125124     padding: 2px 1.5em; 
    126125     border-radius: .75em; 
    127      background-color: #ECF0F1; 
    128      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
     126     background-color: $onblog-link-background; 
     127     box-shadow: 0 1px 1px $onblog-link-shadow; 
    129128} 
    130129 
    … …  
    149148     } 
    150149     .btn { 
    151           border: 1px solid #dfdfdf; 
    152           background-color: #fcfcfc; 
    153           color: #676e78; 
     150          border: 1px solid $pager-border; 
     151          background-color: $pager-background; 
     152          color: $pager-link; 
    154153          border-radius: 3px; 
    155154          overflow: hidden; 
    156155          &.no-link { 
    157                border-color: #dfdfdf; 
    158                background-color: #f9f9f9; 
     156               border-color: $pager-border; 
     157               background-color: $pager-off-background; 
    159158               padding: 1px 3px 0; 
    160159          } 
    … …  
    162161     .active { 
    163162          padding: 4px 12px; 
    164           color: #676e78; 
     163          color: $pager-active; 
    165164     } 
    166165     .direct-access { 
    167166          margin-left: 2em; 
    168167          input[type=text] { 
    169                border: 1px solid #dfdfdf; 
     168               border: 1px solid $pager-border; 
    170169               padding: 3px 8px; 
    171170               margin-left: .25em; 
    172                background-color: #fff; 
     171               background-color: $pager-input-background; 
    173172          } 
    174173          input[type=submit] { 
    … …  
    182181          &:hover, 
    183182          &:focus { 
    184                background-color: #ecf0f1; 
     183               background-color: $pager-background-over; 
    185184          } 
    186185     } 
    … …  
    200199     } 
    201200     .btn.no-link { 
    202           color: #ccc; 
     201          color: $index-no-link; 
    203202     } 
    204203     .active { 
    205204          padding: 4px 8px; 
    206           color: #fff; 
    207           background: #676e78; 
     205          color: $index-active; 
     206          background: $index-active-background; 
    208207          border-radius: 3px; 
    209208          font-variant: small-caps; 
    … …  
    219218     margin: 3px 10px 2px 0; 
    220219     padding: 5px .5em; 
    221      background: #ecf0f1; 
     220  color: $step; 
     221     background: $step-background; 
     222  border: 1px solid $step-border; 
    222223     border-radius: 3px; 
    223224     font-weight: bold; 
    224      border: 1px solid #c5c5c5; 
    225      color: #676e78; 
    226225} 
    227226 
    … …  
    235234 
    236235.fieldset { 
    237      background: #fff; 
    238      border: 1px solid #c5c5c5; 
     236     background: $fieldset-background; 
     237     border: 1px solid $fieldset-border; 
    239238     border-radius: 3px; 
    240239     padding: 1em .7em .5em; 
    … …  
    244243     } 
    245244     &:focus-within { 
    246           background-color: #eee; 
     245          background-color: $fieldset-focus-background; 
    247246     } 
    248247} 
    … …  
    276275 
    277276.border-top { 
    278      border-top: 1px solid #999; 
     277     border-top: 1px solid $link-border; 
    279278     padding-top: 1em; 
    280279     margin-top: 1em; 
    … …  
    309308 
    310309.offline { 
    311      color: #676e78; 
     310     color: $offline; 
    312311} 
    313312 

  • admin/style/scss/partials/_common.scss

    r3500 r3763  
    1313 
    1414body { 
     15  color: $body-color; 
     16  background: $body-background; 
    1517     font-size: $body-font-size; 
    1618     line-height: 1.5; 
    … …  
    5153 
    5254h2 { 
     55  color: $title-color; 
    5356     font-size: 1.5em; 
    5457     font-weight: normal; 
    … …  
    5962h3, 
    6063.as_h3 { 
     64  color: $title-alt-color; 
    6165     font-size: 1.34em; 
    6266     font-weight: normal; 
    … …  
    6771h4, 
    6872.as_h4 { 
     73  color: $title-color; 
    6974     font-size: 1.16em; 
    7075     line-height: 1.5; 
    … …  
    7277 
    7378h5 { 
     79  color: $title-color; 
    7480     font-size: 1em; 
    7581     line-height: 1.5; 
    … …  
    7884 
    7985h6 { 
     86  color: $title-color; 
    8087     font-size: 1em; 
    8188     line-height: 1.5; 

  • admin/style/scss/partials/_content.scss

    r3678 r3763  
    22     ul { 
    33          padding: .5em 0 0 1em; 
    4           border-bottom: 1px solid #ccc; 
     4          border-bottom: 1px solid $tabs-border; 
    55          line-height: 1.8; 
    66     } 
    … …  
    1818               padding: .33em 1.5em; 
    1919               margin-right: -1px; 
    20                border: 1px solid #ccc; 
     20               border: 1px solid $tabs-border; 
    2121               border-bottom: none; 
    2222               text-decoration: none; 
    23                color: #333; 
    24                background-color: #ecf0f1; 
     23               color: $tabs-color; 
     24      background-color: $tabs-background; 
    2525               display: inline-block; 
    2626               &:hover, 
    2727               &:focus { 
    28                     color: #000; 
    29                     background: #fff; 
    30                     border-bottom-color: #fff; 
     28        color: $tabs-color; 
     29                    background: $tabs-active-background; 
     30                    border-bottom-color: $tabs-active-background; 
    3131               } 
    3232      &:link { 
    … …  
    3535          } 
    3636          &.part-tabs-active a { 
    37                background: #fff; 
     37               background: $tabs-active-background; 
    3838               font-weight: bold; 
    39                border-bottom-color: #fff; 
     39               border-bottom-color: $tabs-active-background; 
    4040          } 
    4141     } 
    … …  
    4848.pseudo-tabs { 
    4949     margin: -.75em 0 2em 0; 
    50      border-bottom: 1px solid #bbb; 
     50     border-bottom: 1px solid $tabs-border; 
    5151     display: table; 
    5252     width: 100%; 
    … …  
    5858          border-width: 0 1px; 
    5959          border-style: solid; 
    60           border-color: #ccc; 
     60          border-color: $tabs-border; 
    6161          padding: 0; 
    6262          margin: 0; 
    … …  
    7070          &:hover, 
    7171          &:focus { 
    72                background-color: #ecf0f1; 
    73                color: #333; 
     72               background-color: $tabs-background; 
     73               color: $tabs-color; 
    7474          } 
    7575          &.active { 
    76                background-color: #ecf0f1; 
    77                color: #d30e60; 
     76               background-color: $tabs-background; 
     77               color: $tabs-active-color; 
    7878          } 
    7979     } 
    … …  
    8585#help { 
    8686     margin-top: 4em; 
    87      background: #f5f5f5; 
     87     background: $help-background; 
    8888     z-index: 100; 
    8989     clear: both; 
    … …  
    9595          right: 0; 
    9696          width: 32rem; // 24em; 
    97           border-left: 2px solid #FFD478; 
    98           border-top: 2px solid #FFD478; 
     97          border-left: 2px solid $help-border; 
     98          border-top: 2px solid $help-border; 
    9999          margin-top: 0; 
    100100          padding: .5em 0 0 0; 
    … …  
    110110     padding: 0 1.5em 0 30px; 
    111111     cursor: pointer; 
    112      color: #2373A8; 
     112     color: $link; 
    113113     line-height: 3; 
    114114     &.floatable { 
    115           border-top: 2px solid #ccc; 
    116           border-left: 2px solid #ccc; 
    117           border-bottom: 2px solid #ccc; 
     115          border-top: 2px solid $help-button-border; 
     116          border-left: 2px solid $help-button-border; 
     117          border-bottom: 2px solid $help-button-border; 
    118118          border-bottom-left-radius: 1em; 
    119119          border-top-left-radius: 1em; 
    120           background-color: #f5f5f5; 
     120          background-color: $help-button-background; 
    121121          position: fixed; 
    122122          top: 10px; 
    … …  
    131131     #content.with-help & { 
    132132          right: 32rem; // 24em; 
    133           background-color: #f5f5f5; 
     133          background-color: $help-background; 
    134134          position: fixed; 
    135135          top: 6em; // 50px; 
    136136          z-index: 100; 
    137           border-top: 2px solid #FFD478; 
    138           border-left: 2px solid #FFD478; 
    139           border-bottom: 2px solid #FFD478; 
     137          border-top: 2px solid $help-border; 
     138          border-left: 2px solid $help-border; 
     139          border-bottom: 2px solid $help-border; 
    140140          border-bottom-left-radius: 1em; 
    141141          border-top-left-radius: 1em; 
    … …  
    157157     dt { 
    158158          font-weight: bold; 
    159           color: #676e78; 
     159          color: $help-title-color; 
    160160          margin: 0; 
    161161     } 

  • admin/style/scss/partials/_debug.scss

    r3439 r3763  
    66     width: 100%; 
    77     height: 4px; 
    8      background: #ffd478; 
     8     background: $debug-background; 
    99     div { 
    1010          display: none; 
    … …  
    2525 
    2626.debug { 
    27      background: #ffd478; 
     27     background: $debug-background; 
    2828     padding: 3px 0.5em 2px; 
    2929} 
    … …  
    3131input[type=submit].delete.debug, 
    3232a.delete.debug { 
    33      border-color: #ffd478; 
     33     border-color: $debug-border; 
    3434     &:hover { 
    35           background: #ffd478; 
    36           color: #900; 
    37           border-color: #ffd478; 
     35          background: $debug-background; 
     36          color: $debug-color; 
     37          border-color: $debug-border; 
    3838     } 
    3939} 

  • admin/style/scss/partials/_entry.scss

    r3621 r3763  
    4242          font-size: 1.08em; 
    4343          margin-top: .3em; 
    44           border-bottom: 1px solid $ternary-color; 
     44          border-bottom: 1px solid $entry-sb-title-border; 
    4545     } 
    4646     select { 
    … …  
    5757     margin-right: 1em; 
    5858     padding: .5em 1em; 
    59      background-color: $secondary-background; 
     59     background-color: $entry-sb-background; 
    6060     &:focus-within { 
    61           background-color: #eee; 
     61          background-color: $entry-sb-focus-background; 
    6262     } 
    6363} 

  • admin/style/scss/partials/_filters.scss

    r3621 r3763  
    33     background: url(../images/expand.png) no-repeat 4px center; 
    44     padding-left: 20px; 
    5      color: #000; 
     5     color: $form-control-color; 
    66     &.open { 
    77          background: url(../images/hide.png) no-repeat 4px center; 
    … …  
    1010 
    1111#filters-form { 
    12      border: 1px solid rgb(162, 203, 233); 
     12     border: 1px solid $filter-border; 
    1313     border-radius: .3em; 
    1414     margin-bottom: 2em; 
    … …  
    2828     .filters-options { 
    2929          padding-left: 2em; 
    30           border-left: 1px solid #ccc; 
     30          border-left: 1px solid $filter-options-border; 
    3131     } 
    3232     select { 
    … …  
    4848     } 
    4949     &:focus-within { 
    50           background-color: #eee; 
     50          background-color: $filter-focus-background; 
    5151     } 
    5252} 

  • admin/style/scss/partials/_footer.scss

    r3454 r3763  
    77     a:hover span.tooltip { 
    88          padding: 10px; 
    9           color: #910ed3; 
     9          color: $tooltip-color; 
    1010          height: auto; 
    1111          width: auto; 
    1212          left: 0; 
    1313          bottom: 0; 
    14           background: rgba(255,255,255,.9); 
     14          background: $tooltip-background; 
    1515          z-index: 99; 
    1616          font-family: monospace; 
    1717          text-align: left; 
    18           border-top: 1px solid #910ed3; 
    19           border-right: 1px solid #910ed3; 
     18          border-top: 1px solid $tooltip-color; 
     19          border-right: 1px solid $tooltip-color; 
    2020          border-radius: 0 2em 0 0; 
    2121     } 

  • admin/style/scss/partials/_forms.scss

    r3713 r3763  
    4242  border-width: 1px 0; 
    4343  border-style: solid; 
    44   border-color: #ccc; 
    45   background: #f7f7f7; 
     44  border-color: $fieldset-border; 
     45  background: $fieldset-background; 
    4646  &:focus-within { 
    47     background-color: #eee; 
     47    background-color: $fieldset-focus-background; 
    4848  } 
    4949} 
    … …  
    6565  border-width: 1px; 
    6666  border-style: solid; 
    67   border-color: #676e78; 
    68   background: #fff; 
     67  border-color: $legend-border; 
     68  background: $legend-background; 
    6969  margin-bottom: 0.5em; 
    7070} 
    … …  
    7373} 
    7474input.invalid, textarea.invalid, select.invalid, input:not([type=file]):invalid:not(:focus) { 
    75   color: #900; 
    76   box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3); 
     75  color: $invalid-input-color; 
     76  box-shadow: 0 0 0 3px $invalid-input-shadow; 
    7777} 
    7878input.invalid, textarea.invalid, input:not([type=file]):invalid:not(:focus) { 
    79   border: 1px solid red; 
    80   background: #FFBABA; 
     79  border: 1px solid $invalid-input-border; 
     80  background: $invalid-input-background; 
    8181} 
    8282input[type=text], 
    … …  
    9191input[type=number], 
    9292textarea, select, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown { 
    93   color: #000; 
    94   box-shadow: 1px 1px 2px #f3f3f3 inset; 
     93  color: $input-color; 
     94  box-shadow: 1px 1px 2px $input-shadow inset; 
    9595  padding: 3px; 
    9696  vertical-align: top; 
    … …  
    107107input[type=number], 
    108108textarea, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown { 
    109   background: #fcfcfc; 
     109  background: $input-background; 
    110110  border-width: 1px; 
    111111  border-style: solid; 
    112   border-color: #dfdfdf; 
     112  border-color: $input-border; 
    113113} 
    114114input:focus, textarea:focus { 
    115   border-color: #9bca1c; 
     115  border-color: $input-focus; 
    116116} 
    117117textarea { 
    … …  
    197197} 
    198198label.required abbr { 
    199   color: #900; 
     199  color: $error-alt; 
    200200  font-size: 1.3em; 
    201201  text-decoration: none; 
    … …  
    225225  font-style: italic; 
    226226  font-weight: normal; 
    227   color: #676e78; 
     227  color: $form-note-color; 
    228228} 
    229229p.form-note, p.form-stats { 
    … …  
    243243  } 
    244244  50% { 
    245     background-color: #ffbaba; 
     245    background-color: $error-background; 
    246246  } 
    247247  100% { 
    … …  
    259259  } 
    260260  50% { 
    261     background-color: #ccff00; 
     261    background-color: $input-focus; 
    262262  } 
    263263  100% { 

  • admin/style/scss/partials/_header.scss

    r3439 r3763  
    99     top: 3em; 
    1010     left: 0; 
    11      background: $light-blue; 
     11     background: $prelude-background; 
    1212     width: 100%; 
    1313     z-index: 100; 
    … …  
    1919          a { 
    2020               padding: 3px 16px 3px 8px; 
    21                background: $light-blue; 
    22                color: $black; 
     21      color: $prelude-color; 
     22               background: $prelude-background; 
    2323               text-decoration: underline; 
    2424               &:hover, 
    2525               &:focus { 
    26                     background: $white; 
     26                    background: $prelude-background-alt; 
    2727               } 
    2828          } 
    … …  
    4747#header { 
    4848     a { 
    49           color: $white; 
     49          color: $header-color; 
    5050     } 
    5151     img { 
    … …  
    6767          width: 150px; 
    6868          height: 36px; // was 3em; 
    69           color: $white; 
     69          color: $header-color; 
    7070          background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; 
    7171          transition: none; 
    … …  
    9393     } 
    9494     input[type=submit] { 
    95           background: $black; 
    96           border-color: $gray-semi-dark; 
     95          background: $submit-background; 
     96          border-color: $submit-border; 
    9797          margin-left: .33em; 
    9898     } 
    9999     input[type=submit]:hover { 
    100           background: $gray-semi-dark; 
     100    color: $submit-color; 
     101          background: $submit-background-alt; 
    101102     } 
    102103     p { 
    … …  
    117118          margin-left: .5em; 
    118119          padding-left: .5em; 
    119           border-left: 1px solid $gray-semi-dark; 
     120          border-left: 1px solid $header-link-border; 
    120121          &:first-child { 
    121122               border-left: none; 
    … …  
    127128          margin: 0; 
    128129          padding: 2px 8px 3px; 
    129           background-color: $secondary-background; 
    130           color: $secondary-color; 
     130    color: $header-active-color; 
     131          background-color: $header-active-background; 
    131132          font-weight: bold; 
    132133     } 

  • admin/style/scss/partials/_index.scss

    r3439 r3763  
    77 
    88#icons { 
    9      //    overflow: hidden; 
    10      //    text-align: center; 
    119     display: flex; 
    1210     flex-wrap: wrap; 
    … …  
    1614          text-align: center; 
    1715          margin: 1em 0 2em; 
    18           //    display: inline-block; 
    19           //    vertical-align: top; 
    2016     } 
    2117     a { 
    … …  
    2925          } 
    3026          span { 
    31                border-bottom: 1px dotted #999; 
    32                color: #333; 
     27      color: $index-link-color; 
     28               border-bottom: 1px dotted $index-link-border; 
    3329          } 
    3430          img { 
    3531               padding: 1.5em; 
    36                background-color: #f9f9f9; 
     32               background-color: $index-icon-background; 
    3733               border-radius: 8px; 
    38                border: 1px solid #dadada; 
     34               border: 1px solid $index-icon-border; 
    3935               display: inline-block; 
    4036          } 
    4137          &:focus { 
    4238               outline: 0; 
    43                border-color: #fff; 
    4439               span { 
    45                     border: 2px solid #bee74b; 
     40                    border: 2px solid $index-icon-outline; 
    4641               } 
    4742          } 
    … …  
    4944          &:hover { 
    5045               img { 
    51                     background: #bee74b; 
     46                    background: $index-icon-outline; 
    5247                    outline: 0; 
    53                     border-color: #dadada; 
     48                    border-color: $index-icon-border; 
    5449               } 
    5550               span { 
    … …  
    6560#quick { 
    6661     padding: 1em; 
    67      max-width: 976px; 
     62     max-width: 72em; 
    6863     margin: 0 auto; 
    69      background: #f5f5f5; 
    70      box-shadow: 0 1px 2px rgba(0, 0, 0, .2); 
     64     background: $quick-background; 
     65  border: 1px solid $quick-border; 
    7166     text-align: left; 
    7267     h3 { 
    … …  
    7671     p.qinfo { 
    7772          margin: -.7em -1em 1em; 
    78           background: #D9EDF7 url(info.png) no-repeat .2em .2em; 
    79           border: 1px solid #BCE8F1; 
     73          background: $quick-info-background url(info.png) no-repeat .2em .2em; 
     74          border: 1px solid $quick-info-border; 
    8075          padding: .2em 1em .1em 24px; 
    81           color: #000; 
     76          color: $quick-info-color; 
    8277     } 
    8378     #new_cat, 
    … …  
    108103     .box { 
    109104          padding: 10px; 
    110           border: 1px solid #ccc; 
     105          border: 1px solid $index-box-border; 
    111106          border-radius: 3px; 
    112107          min-height: 200px; 
    … …  
    157152     } 
    158153} 
    159  
    160  
    161 /* message de mise à jour */ 
    162  
    163 #upg-notify { 
    164      ul { 
    165           padding-left: 1.5em; 
    166      } 
    167      li { 
    168           color: #fff; 
    169      } 
    170 } 

  • admin/style/scss/partials/_layout.scss

    r3513 r3763  
    77 
    88#header { 
     9  color: $header-color; 
     10  background: $header-background; 
     11  border-bottom: 4px solid $header-border; 
    912     width: 99.99%; 
    1013     /* Bugfix Chrome >= 49.0.2623.108 */ 
    … …  
    2427 
    2528#wrapper { 
     29  background: $wrapper-background url(bg_wrapper.png) repeat-y 14em; 
    2630     position: relative; 
    2731     padding-top: 1.5em; 
    … …  
    4448 
    4549#content { 
     50  background: $content-background; 
    4651     margin: 0 0 0 14em; 
    4752     padding: .5em 1.5em .75em 2.5em; 
    … …  
    4954 
    5055#main-menu { 
     56  background: $main-menu-background; 
    5157     width: 14em; 
    5258     float: left; 
    … …  
    5864 
    5965#footer { 
     66  background-color: $footer-background; 
     67  border-top: 1px solid $footer-border; 
    6068     clear: both; 
    6169     position: relative; 
    … …  
    6876 
    6977#collapser { 
     78  background: $collapser-background; 
    7079     position: absolute; 
    7180     top: 0; 
    … …  
    7584     overflow: hidden; 
    7685     display: block; 
    77      border-right: 0; // 1px solid #999; 
     86     border-right: 0; 
    7887     border-bottom: 0; 
    7988     z-index: 1; 
    8089     transition: none; 
     90  &:hover, 
     91  &:focus { 
     92    background: $collapser-focus; 
     93  } 
     94  .hide-mm & { 
     95    background: $collapser-focus; 
     96    &:hover, 
     97    &:focus { 
     98      background: $collapser-background; 
     99    } 
     100  } 
    81101} 
    82102 
    … …  
    110130          display: block; 
    111131     } 
     132} 
     133 
     134#wrapper.hide-mm { 
     135  background: $content-background; 
    112136} 
    113137 
    … …  
    206230.popup { 
    207231     h1 { 
     232    color: $popup-title-color; 
     233    background: $popup-title-background; 
    208234          display: block; 
    209235          width: 100%; 

  • admin/style/scss/partials/_main-menu.scss

    r3513 r3763  
    66          margin: 0; 
    77          padding: 10px 0 10px 8px; 
    8           color: #676e78; 
     8          color: $main-menu-title-color; 
    99          font-size: 1.15em; 
    1010     } 
    1111     a { 
    12           color: #333; 
    13           border-bottom-color: #ccc; 
     12          color: $main-menu-item-color; 
     13          border-bottom-color: $main-menu-item-border; 
    1414     } 
    1515     ul { 
    … …  
    2929     } 
    3030     .active { 
    31           background-color: #fff; 
     31          background-color: $main-menu-active-background; 
    3232          font-weight: bold; 
    3333          a { 
    3434               border-bottom: none; 
    35                color: #d30e60; 
     35               color: $main-menu-active-color; 
    3636          } 
    3737     } 
    … …  
    4242#system-menu, 
    4343#plugins-menu { 
    44      border-bottom: 1px dashed #A2CBE9; 
     44     border-bottom: 1px dashed $main-menu-border; 
    4545} 
    4646 
    4747#favorites-menu { 
    4848     h3 { 
    49           color: #000; 
    5049          font-variant: small-caps; 
    5150          padding-top: .2em; 
    52      } 
    53      .active { 
    54           background-color: transparent; 
    55           a { 
    56                color: #000; 
    57           } 
    5851     } 
    5952} 
    … …  
    6962     } 
    7063     p { 
    71           border: 1px solid #999; 
     64          border: 1px solid $search-border; 
    7265          border-radius: .3em; 
    7366          position: relative; 
    … …  
    7871          padding: 0 .25em; 
    7972          margin-left: .33em; 
    80           background: #dfdfdf; 
    81           border-color: #999; 
    82           color: #333; 
     73    color: $search-color; 
     74          background: $search-background; 
     75          border-color: $search-border; 
    8376          border-bottom-right-radius: .3em; 
    8477          border-top-right-radius: .3em; 
    … …  
    8679          border-bottom-left-radius: 0; 
    8780          border: none; 
    88           border-left: 1px solid #999; 
     81          border-left: 1px solid $search-border; 
    8982          font-size: .91em; 
    9083          float: right; 
    9184          &:hover, 
    9285          &:focus { 
    93                background: #676e78; 
    94                color: #fff; 
     86      color: $search-submit-color; 
     87               background: $search-submit-background; 
    9588          } 
    9689     } 
    … …  
    107100     height: 2em; 
    108101     &:focus { 
    109           border: 1px solid #bee74b; 
     102          border: 1px solid $search-outline; 
    110103     } 
    111104} 

  • admin/style/scss/partials/_markup.scss

    r3762 r3763  
    77     padding: 0 1em .5em 1em; 
    88     margin: 0 -1em 1em -1em; 
    9      background: #fff url(bg_h2.png) repeat-x center bottom; 
    10 } 
    11  
    12 h2 a:link, 
    13 h2 a:visited { 
    14      color: #676e78; 
    15      border-color: #000; 
    16 } 
    17  
     9     background: $breadcrumb-background url(bg_h2.png) repeat-x center bottom; 
     10} 
    1811 
    1912/* page courante dans le fil d'ariane */ 
    2013 
    2114.page-title { 
    22      color: #d30e60; 
     15     color: $breadcrumb-current; 
    2316     img { 
    2417          padding-left: .5em; 
    … …  
    3730.fieldset h4, 
    3831.pretty-title { 
    39      color: #D33800; 
     32     color: $fieldset-pretty-title-color; 
    4033     font-size: 1em; 
    4134     font-weight: bold; 
    … …  
    5245     text-transform: uppercase; 
    5346     font-weight: bold; 
    54      color: #333; 
     47     color: $fieldset-smart-title-color; 
    5548} 
    5649 
    5750#entry-sidebar h5 { 
    5851     font-weight: normal; 
    59      color: #333; 
     52     color: $entry-sidebar-title-color; 
    6053} 
    6154 
    … …  
    6760h4 label, 
    6861h5 label { 
    69      color: #333; 
     62     color: $title-label-color; 
    7063} 
    7164 
    … …  
    9992 
    10093caption { 
    101      color: #333; 
     94     color: $table-caption-color; 
    10295     font-weight: bold; 
    10396     text-align: left; 
    … …  
    108101     border-width: 1px 0 1px 0; 
    109102     border-style: solid; 
    110      border-color: #dfdfdf; 
    111      background: #eef1ec; 
     103     border-color: $head-border; 
     104  background: $head-background; 
    112105     padding: .4em 1em .4em .5em; 
    113106     vertical-align: top; 
    … …  
    119112     border-width: 0 0 1px 0; 
    120113     border-style: solid; 
    121      border-color: #e3e3e3; 
     114     border-color: $cell-border; 
    122115     padding: .4em 1em .4em .5em; 
    123116     vertical-align: top; 
    … …  
    134127     height: 1px; 
    135128     border-width: 1px 0 0; 
    136      border-color: #dfdfdf; 
    137      background: #dfdfdf; 
     129     border-color: $hr-color; 
     130     background: $hr-color; 
    138131     border-style: solid; 
    139132     &.clearer { 
    … …  
    149142 
    150143code { 
    151      background: #fefacd; 
     144     background: $code-background; 
    152145} 
    153146 
    … …  
    180173a:link, 
    181174a:visited { 
    182      color: #2373A8; 
     175  color: $link-color; 
    183176     text-decoration: none; 
    184      border-bottom: 1px dotted #999; 
     177     border-bottom: 1px dotted $link-border; 
    185178     background-color: inherit; 
    186179     outline: 0; 
    … …  
    202195 
    203196.discrete a { 
    204      color: #333; 
     197     color: $discrete-link-color; 
    205198} 
    206199 
    … …  
    211204a:focus, 
    212205a:focus img { 
    213      outline: 2px solid #bee74b; 
     206     outline: 2px solid $link-outline; 
    214207     border-bottom: none; 
    215208     text-decoration: none; 

  • admin/style/scss/partials/_media.scss

    r3467 r3763  
    1414.media-item { 
    1515     position: relative; 
    16      border: 1px solid #dfdfdf; 
     16     border: 1px solid $media-item-border; 
    1717     margin: 9px; 
    1818     padding: 10px 12px 6px; 
    … …  
    105105 
    106106.media-folder { 
    107      background: transparent url(bg_menu.png) repeat-y; 
    108      border-color: #eee; 
     107     background: $media-folder-background url(bg_menu.png) repeat-y; 
     108     border-color: $media-folder-border; 
    109109     .media-link { 
    110110          font-size: 1.125em; 
    111111          margin-left: 2em; 
    112           color: #676e78; 
     112          color: $media-folder-link; 
    113113          border-bottom: none; 
    114114     } 
    … …  
    116116 
    117117tr.media-folder { 
    118      background: transparent; 
     118     background: $media-folder-background; 
    119119     .media-link { 
    120120          margin-left: 0; 
    … …  
    123123 
    124124.media-folder-up { 
    125      border-color: #fff; 
     125     border-color: $media-folderup-border; 
    126126     padding-bottom: 6px; 
    127127} 
    … …  
    198198     margin-left: 0; 
    199199     padding-left: 0; 
    200      border-bottom: 1px solid #dfdfdf; 
     200     border-bottom: 1px solid $media-files-border; 
    201201     li { 
    202202          margin-left: 0; 
    … …  
    208208     font-weight: bold; 
    209209     &.upload-error { 
    210           color: #900; 
     210          color: $upload-error-color; 
    211211     } 
    212212} 
    … …  
    220220     margin: 0; 
    221221     padding: .3em 0; 
    222      border-top: 1px solid #dfdfdf; 
     222     border-top: 1px solid $upload-file-border; 
    223223     position: relative; 
    224224} 
    … …  
    249249.upload-filemsg { 
    250250     font-weight: bold; 
    251      color: green; 
    252      .upload-error { 
    253           color: #900; 
     251     color: $upload-filemsg-color; 
     252     &.upload-error { 
     253          color: $upload-error-color; 
    254254     } 
    255255} 
    … …  
    263263          line-height: 1.2em; 
    264264          text-align: right; 
    265           background: green url(loader.png) repeat-x left top; 
    266           color: white; 
     265          background: $upload-progress-background url(loader.png) repeat-x left top; 
     266          color: $upload-progress-color; 
    267267          border-radius: 3px; 
    268268     } 

  • admin/style/scss/partials/_mediaqueries.scss

    r3439 r3763  
    33------------------------------------------------------------------------------------ */ 
    44 
     5@media screen and (max-width: $xl-screen) { 
     6  #header, 
     7  h1 { 
     8    background: $header-background-alt; 
     9  } 
     10  #top-info-user { 
     11    background: $header-background; 
     12    a.active { 
     13      color: $header-active-color-alt; 
     14      background: $header-active-background-alt; 
     15    } 
     16  } 
     17  #wrapper { 
     18    background: $wrapper-background url(bg_wrapper.png) repeat-y 17em; 
     19  } 
     20} 
     21 
    522@media screen and (max-width: $s-screen) { 
    623     #help-button { 
     24    background-color: $header-border; 
    725          padding: 0; 
    826          font-size: .83em; 
    … …  
    1230 
    1331@media screen and (max-width: $xs-screen) { 
     32  h1 a { 
     33    &:link { 
     34      border-right: 1px solid $tabs-border; 
     35    } 
     36    &:hover, 
     37    &:focus { 
     38      border-right: 1px solid $tabs-border; 
     39    } 
     40  } 
    1441     #dashboard-main { 
    1542          padding: 0; 
    … …  
    2855     } 
    2956     .pseudo-tabs li { 
     57    border-top: 1px solid $tabs-border; 
    3058          padding: .25em; 
    3159          &:first-child, 
    … …  
    3765 
    3866@media screen and (max-width: $xxs-screen) { 
     67  h1, 
     68  h1 a { 
     69    border-right: $header-border-alt !important; 
     70  } 
    3971     #content.with-help #help { 
    4072          font-size: 1.2rem // 12px; 
    … …  
    5991          padding: 0.3em 1em 0.3em 0; 
    6092     } 
     93  .pseudo-tabs li { 
     94    border-top: 1px solid $tabs-border !important; 
     95  } 
    6196     .pseudo-tabs li:first-child { 
    6297          border-top: none; 

  • admin/style/scss/partials/_messages.scss

    r3685 r3763  
    55     padding: .2em .66em .2em; 
    66     text-indent: 24px; 
    7      color: #333; 
    87     display: inline-block; 
    98     line-height: 1.5em; 
    … …  
    1110} 
    1211 
     12.info { 
     13  color: $msg-info-color; 
     14     background: $msg-info-background url(msg-info.png) no-repeat .3em .3em; 
     15     border: 1px solid $msg-info-border; 
     16} 
     17 
    1318.warn, 
    1419.warning { 
    15      background: #FEFACD url(msg-warning.png) no-repeat .3em .3em; 
    16      border: 1px solid #ffd478; 
    17 } 
    18  
    19 .info { 
    20      background: #D9EDF7 url(msg-info.png) no-repeat .3em .3em; 
    21      border: 1px solid #BCE8F1; 
     20  color: $msg-warn-color; 
     21  background: $msg-warn-background url(msg-warning.png) no-repeat .3em .3em; 
     22  border: 1px solid $msg-warn-border; 
    2223} 
    2324 
    … …  
    4647     margin-bottom: 1em; 
    4748     border-radius: 8px; 
    48      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
     49     box-shadow: 1px 1px 2px $msg-shadow; 
    4950} 
    5051 
    … …  
    6061 
    6162.error { 
    62      background: #ffbaba url(msg-error.png) no-repeat .7em .7em; 
    63      color: #000; 
     63     background: $msg-error-background url(msg-error.png) no-repeat .7em .7em; 
     64     color: $msg-error-color; 
    6465  animation-name: kf-error; 
    6566  animation-duration: .5s; 
    … …  
    6768@keyframes kf-error { 
    6869  0% { 
    69     background-color: #fefacd; 
    70   } 
    71   100% { 
    72     background-color: #ffbaba; 
     70    background-color: $msg-error-background-alt; 
     71  } 
     72  100% { 
     73    background-color: $msg-error-background; 
    7374  } 
    7475} 
    … …  
    7677.message, 
    7778.static-msg { 
    78      background: #676e78 url(msg-std.png) no-repeat .7em .7em; 
    79      color: #fff; 
     79  color: $msg-color; 
     80     background: $msg-background url(msg-std.png) no-repeat .7em .7em; 
    8081} 
    8182.message { 
    … …  
    8586@keyframes kf-message { 
    8687  0% { 
    87     background-color: #ccc; 
    88   } 
    89   100% { 
    90     background-color: #676e78; 
     88    background-color: $msg-background-alt; 
     89  } 
     90  100% { 
     91    background-color: $msg-background; 
    9192  } 
    9293} 
    … …  
    9697.message h3, 
    9798.static-msg h3 { 
    98      color: #fff; 
    99 } 
    100  
    101 .success, 
     99     color: $msg-color; 
     100} 
     101 
     102.success { 
     103     color: $msg-success-color; 
     104} 
     105 
     106.success { 
     107     background: $msg-success-background url(msg-success.png) no-repeat .7em .7em; 
     108  animation-name: kf-success; 
     109  animation-duration: .5s; 
     110} 
     111@keyframes kf-success { 
     112  0% { 
     113    background-color: $msg-success-background-alt; 
     114  } 
     115  100% { 
     116    background-color: $msg-success-background; 
     117  } 
     118} 
     119 
    102120.warning-msg { 
    103      color: #000; 
    104 } 
    105  
    106 .success { 
    107      background: #bee74b url(msg-success.png) no-repeat .7em .7em; 
    108   animation-name: kf-success; 
    109   animation-duration: .5s; 
    110 } 
    111 @keyframes kf-success { 
    112   0% { 
    113     background-color: #9bca1c; 
    114   } 
    115   100% { 
    116     background-color: #bee74b; 
    117   } 
    118 } 
    119  
    120 .warning-msg { 
    121      background: #ffd478 url(msg-warning.png) no-repeat .7em .7em; 
    122      border: 1px solid #ffd478; 
     121  color: $msg-warn-color; 
     122     background: $msg-warn-background-alt url(msg-warning.png) no-repeat .7em .7em; 
     123     border: 1px solid $msg-warn-border; 
    123124  animation-name: kf-warning; 
    124125  animation-duration: .5s; 
    … …  
    126127@keyframes kf-warning { 
    127128  0% { 
    128     background-color: #fefacd; 
    129   } 
    130   100% { 
    131     background-color: #ffd478; 
     129    background-color: $msg-warn-background; 
     130  } 
     131  100% { 
     132    background-color: $msg-warn-background-alt; 
    132133  } 
    133134} 
    … …  
    136137.warning-msg a, 
    137138.info a { 
    138      color: #333; 
     139     color: $msg-info-color; 
    139140} 
    140141 
    … …  
    164165     margin-bottom: 1em; 
    165166     border-radius: 8px; 
    166      background: #A2CBE9 url(msg-success.png) no-repeat .7em .7em; 
    167      color: #000; 
    168      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
     167  color: $dc-update-color; 
     168     background: $dc-update-background url(msg-success.png) no-repeat .7em .7em; 
     169     box-shadow: 1px 1px 2px $msg-shadow; 
    169170     h3 { 
    170171          margin-top: 0; 
    171           color: #000; 
     172          color: $dc-update-color; 
    172173     } 
    173174     p { 
    … …  
    176177     } 
    177178     a { 
    178           color: #000; 
     179          color: $dc-update-color; 
    179180          margin-right: 1em; 
    180181          &.button { 
    … …  
    186187.updt-info a { 
    187188     margin-left: 2em; 
    188      border-color: #000; 
     189     border-color: $dc-update-color; 
    189190     font-weight: bold; 
    190191} 
    … …  
    192193body.ajax-loader { 
    193194     #header { 
    194           border-bottom-color: shade($light-blue, 10%); 
     195          border-bottom-color: $ajax-loader; 
    195196          transition: border-bottom-color .3s ease; 
    196197     } 
    197198     #collapser { 
    198           background-color: shade($light-blue, 10%); 
     199          background-color: $ajax-loader; 
    199200          transition: background-color .3s ease; 
    200201     } 

  • admin/style/scss/partials/_plugins.scss

    r3439 r3763  
    2121.modules tr.expand, 
    2222.modules td.expand { 
    23      background: #f7f7f7; 
    24      border-color: #bee74b; 
     23     background: $modules-background; 
     24  border-color: $modules-border; 
    2525} 
    2626 
    2727.modules tr.expand td:first-child { 
    2828     font-weight: bold; 
    29      background: #dfe5e7; 
     29     background: $modules-background; 
    3030} 
    3131 
    3232.modules td.expand { 
    3333     padding: 0 0 1em; 
    34      border-top: 1px solid #eaeaea; 
    3534     div { 
    3635          display: inline-block; 

  • admin/style/scss/partials/_preferences.scss

    r3439 r3763  
    44     padding-left: 0; 
    55     #my-favs & { 
    6           border-top: 1px solid #eee; 
     6          border-top: 1px solid $fav-list-border; 
    77     } 
    88     li { 
    … …  
    1414          #my-favs & { 
    1515               line-height: 2; 
    16                border-bottom: 1px solid #eee; 
     16               border-bottom: 1px solid $fav-list-border; 
    1717               padding-top: 3px; 
    1818               padding-bottom: 3px; 
    1919               position: relative; 
    2020          } 
     21    #my-favs:focus-within & { 
     22      border-bottom-color: $fav-list-border-alt; 
     23    } 
    2124          span.zoom { 
    2225               display: none; 
    … …  
    2730               bottom: 0; 
    2831               left: 10em; 
    29                background-color: #f7f7f7; 
    30                border: 1px solid #dfdfdf; 
     32               background-color: $fav-list-background-over; 
     33               border: 1px solid $fav-list-border-alt; 
    3134               padding: .2em; 
    3235               border-radius: .5em; 
    … …  
    4043 
    4144#my-favs { 
    42      border-color: #9bca1c; 
     45     border-color: $my-favs-border; 
    4346     input.position { 
    4447          margin: 0 0 .4em .2em; 
    4548     } 
     49 
    4650} 
    4751 
    … …  
    6165          bottom: 0; 
    6266          left: 10em; 
    63           background-color: #f7f7f7; 
    64           border: 1px solid #dfdfdf; 
     67          background-color: $fav-list-background; 
     68          border: 1px solid $fav-list-border-alt; 
    6569          padding: .2em; 
    6670          border-radius: .5em; 

  • admin/style/scss/partials/_tables.scss

    r3621 r3763  
    5050     } 
    5151     input[type=text] { 
    52           background: #fff; 
     52          background: $line-input-background; 
    5353     } 
    5454     &:hover { 
    55           background: #f3f3f3; 
     55          background: $line-background-over; 
    5656     } 
    5757     &:focus-within { 
    58           background-color: #eee; 
     58    background-color: $line-focus-background; 
    5959     } 
    6060} 
    … …  
    7272th.noborder { 
    7373     border-width: 0 0 1px 0; 
    74      border-color: #dfdfdf; 
     74  border-color: $cell-noborder-color; 
    7575     line-height: 2em; 
    7676     padding-bottom: 0; 

  • admin/style/scss/partials/_utils.scss

    r3690 r3763  
    33 
    44.color-color-picker { 
    5      border: 1px solid #000; 
     5     border: 1px solid $color-picker-border; 
    66     width: 195px; 
    7      background: #fff; 
     7     background: $color-picker-background; 
    88} 
    99 
    … …  
    1111 
    1212.color-div { 
    13      border: 1px solid #ccc; 
     13     border: 1px solid $color-div-border; 
    1414} 
Note: See TracChangeset for help on using the changeset viewer.

Sites map