Dotclear

Changeset 3365:11eb6b993152


Ignore:
Timestamp:
10/26/16 14:09:23 (9 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Switch admin CSS to Sass/Compass?, to be continued…

Files:
2 added
15 edited

Legend:

Unmodified
Added
Removed

  • admin/style/default.css

    r3355 r3365  
    179179  margin: 0; } 
    180180 
    181 /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ 
     181/* Screen-reader only */ 
    182182.visually-hidden { 
    183183  border: 0; 
    184184  clip: rect(0 0 0 0); 
     185  clip-path: inset(50%); 
    185186  height: 1px; 
    186187  margin: -1px; 
    … …  
    188189  padding: 0; 
    189190  position: absolute; 
    190   width: 1px; } 
     191  width: 1px; 
     192  white-space: nowrap; } 
     193  .visually-hidden:focus, .visually-hidden:active { 
     194    clip: auto; 
     195    clip-path: none; 
     196    height: auto; 
     197    overflow: visible; 
     198    position: static; 
     199    width: auto; 
     200    white-space: normal; } 
    191201 
    192202/** -------------------------------------------------- 
    … …  
    200210  font-size: 1.4rem; 
    201211  line-height: 1.5; 
    202   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 
    203   color: #323232; 
    204   background: #fff; } 
     212  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } 
    205213  @media screen and (max-width: 26.5em) { 
    206214    body { 
    … …  
    228236  font-weight: normal; 
    229237  line-height: 1.25; 
    230   padding: 0 0 1.5em; 
    231   color: #676e78; } 
     238  padding: 0 0 1.5em; } 
    232239 
    233240h3, .as_h3 { 
    … …  
    235242  font-weight: normal; 
    236243  line-height: 1.5; 
    237   margin-top: 1em; 
    238   color: #d33800; } 
     244  margin-top: 1em; } 
    239245 
    240246h4, .as_h4 { 
    241247  font-size: 1.16em; 
    242   line-height: 1.5; 
    243   color: #676e78; } 
     248  line-height: 1.5; } 
    244249 
    245250h5 { 
    246251  font-size: 1em; 
    247252  line-height: 1.5; 
    248   font-weight: bold; 
    249   color: #676e78; } 
     253  font-weight: bold; } 
    250254 
    251255h6 { 
    252256  font-size: 1em; 
    253   line-height: 1.5; 
    254   color: #676e78; } 
     257  line-height: 1.5; } 
    255258 
    256259/** -------------------------------------------------- 
    … …  
    263266 
    264267#header { 
    265   background: #676e78; 
    266   color: #fff; 
    267   border-bottom: 4px solid #a2cbe9; 
    268268  width: 99.99%; 
    269269  /* Bugfix Chrome >= 49.0.2623.108 */ 
    … …  
    286286  width: 100%; 
    287287  z-index: 10; 
    288   background: #f3f3f3 url(bg_wrapper.png) repeat-y 14em; 
    289288  flex: 1; } 
    290289 
    … …  
    300299#content { 
    301300  margin: 0 0 0 14em; 
    302   padding: .5em 1.5em .75em 2.5em; 
    303   background: #fff; } 
     301  padding: .5em 1.5em .75em 2.5em; } 
    304302 
    305303#main-menu { 
    … …  
    309307  padding-top: .5em; 
    310308  padding-bottom: 1em; 
    311   overflow: hidden; 
    312   background: #f3f3f3; } 
     309  overflow: hidden; } 
    313310 
    314311#footer { 
    … …  
    316313  position: relative; 
    317314  padding: .5em 0 .5em 1em; 
    318   text-align: left; 
    319   border-top: 1px solid #c9c9c9; 
    320   background-color: #fff; } 
     315  text-align: left; } 
    321316 
    322317/* to hide main-menu */ 
    … …  
    329324  overflow: hidden; 
    330325  display: block; 
    331   background: #a2cbe9; 
    332326  border-right: 0; 
    333327  border-bottom: 0; 
    … …  
    339333 
    340334/* if main-menu is hidden */ 
    341 #wrapper.hide-mm { 
    342   background: #fff; } 
    343  
    344335.hide-mm #main { 
    345336  margin-left: 0; } 
    … …  
    437428  width: 100%; 
    438429  margin: 0; 
    439   background: #676e78; 
    440430  font-size: 1.5em; 
    441431  text-indent: 1em; 
    442432  line-height: 1.5em; 
    443   font-weight: normal; 
    444   color: #fff; } 
     433  font-weight: normal; } 
    445434 
    446435.popup #wrapper { 
    … …  
    531520 
    532521/* ------------------------------------------------------------------------------------ 
    533                                                                            UN POIL DE MEDIA QUERIES 
     522                                                            UN POIL DE MEDIA QUERIES 
    534523------------------------------------------------------------------------------------ */ 
    535 @media screen and (min-width: 80em) { 
    536   #wrapper { 
    537     background: #f3f3f3 url(bg_wrapper.png) repeat-y 17em; } 
    538  
     524@media screen and (max-width: 80em) { 
    539525  #main { 
    540526    margin-left: -17em; } 
    … …  
    550536 
    551537  h1 { 
    552     width: 19.5em; } } 
    553 @media screen and (max-width: 61em) { 
     538    width: 19.5em; } 
     539 
    554540  #top-info-blog #switchblog { 
    555541    max-width: 16em; } 
    … …  
    561547    display: block; 
    562548    width: 100%; 
    563     text-align: right; 
    564     background: #323232; } 
     549    text-align: right; } 
    565550 
    566551  #header h1, 
    567552  #header h1 a { 
    568553    width: 120px; 
    569     padding: 0; 
    570554    margin: 0; } 
    571555 
    … …  
    578562  #top-info-user { 
    579563    display: block; 
    580     width: 100%; 
    581     background: #676e78; 
    582     padding-right: 0; } 
    583  
    584   #top-info-user li:last-child { 
    585     padding-right: 1em; } 
    586  
    587   #top-info-user a.active { 
    588     padding: 2px 8px; 
    589     background: #999; 
    590     color: #FFF; 
    591     border-width: 0; 
    592     border-radius: 6px; } 
     564    width: 100%; } 
    593565 
    594566  .three-boxes, 
    … …  
    612584    height: 26px; 
    613585    width: 26px; 
    614     background-color: #a2cbe9; 
    615     padding: 0; 
    616586    margin: 0; 
    617     font-size: .83em; 
    618     line-height: 68px; 
    619587    overflow: hidden; } 
    620588 
    … …  
    648616    height: 42px; } 
    649617 
    650   h1 a:link { 
    651     background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; 
    652     border-right: 1px solid #c9c9c9; } 
    653  
    654   h1 a:hover, 
    655   h1 a:focus { 
    656     background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; 
    657     border-right: 1px solid #a2cbe9; } 
    658  
    659618  #wrapper, 
    660619  #main, 
    … …  
    665624    margin: 0; } 
    666625 
    667   #dashboard-main { 
    668     padding: 0; } 
    669  
    670626  #main-menu a { 
    671627    display: block; 
    … …  
    677633  #content, 
    678634  .hide-mm #content { 
    679     margin: 0; 
    680     padding: 0 .5em !important; } 
     635    margin: 0; } 
    681636 
    682637  #collapser { 
    … …  
    684639 
    685640  #main #content > h2 { 
    686     margin: 0 -.25em 1em; 
    687     padding: 6px 30px 4px .5em; } 
     641    margin: 0 -.25em 1em; } 
    688642 
    689643  #dashboard-boxes .box.medium, 
    … …  
    699653  #filters-form .cell { 
    700654    display: inline-block; 
    701     border: none; 
    702     padding: 1em; 
    703655    vertical-align: bottom; } 
    704656 
    … …  
    706658    display: block; 
    707659    float: left; 
    708     width: 50%; 
    709     border-top: 1px solid #ddd; 
    710     padding: .25em; } 
    711  
    712   .pseudo-tabs li:first-child, 
    713   .pseudo-tabs li:nth-of-type(2) { 
    714     border-top: none; } } 
     660    width: 50%; } } 
    715661@media screen and (max-width: 26.5em) { 
    716   h1, 
    717   h1 a { 
    718     padding: 0; 
    719     border-right: #323232 !important; } 
    720  
    721662  #top-info-blog label, 
    722663  .nomobile { 
    … …  
    735676 
    736677  #content.with-help #help { 
    737     width: 28rem; 
    738     font-size: 1.2rem; } 
     678    width: 28rem; } 
    739679 
    740680  p.top-add { 
    741     margin-bottom: .5em; 
    742     text-align: center; } 
    743  
    744   .multi-part { 
    745     padding-left: 0; } 
     681    margin-bottom: .5em; } 
    746682 
    747683  .part-tabs ul { 
    748     margin: 1em 0; 
    749     padding: 0 .5em; } 
     684    margin: 1em 0; } 
    750685 
    751686  .part-tabs li a { 
    … …  
    754689 
    755690  #icons p { 
    756     width: 9em; 
    757     padding: 1em .25em; } 
     691    width: 9em; } 
    758692 
    759693  .media-item { 
    … …  
    768702  .box.current-theme { 
    769703    margin: 5px; 
    770     padding: 10px; 
    771704    width: 100%; } 
    772705 
    … …  
    779712    min-width: 14em; } 
    780713 
    781   th, 
    782   td { 
    783     padding: 0.3em 1em 0.3em 0; } 
    784  
    785714  .pseudo-tabs li { 
    786715    display: block; 
    787716    width: 100%; 
    788     float: none; 
    789     border-top: 1px solid #ddd !important; } 
    790  
    791   .pseudo-tabs li:first-child { 
    792     border-top: none; } } 
     717    float: none; } } 
     718/** -------------------------------------------------- 
     719     Colors 
     720--------------------------------------------------- */ 
     721body { 
     722  color: #323232; 
     723  background: #fff; } 
     724 
     725h2 { 
     726  color: #676e78; } 
     727 
     728h3, .as_h3 { 
     729  color: #d33800; } 
     730 
     731h4, .as_h4 { 
     732  color: #676e78; } 
     733 
     734h5 { 
     735  color: #676e78; } 
     736 
     737h6 { 
     738  color: #676e78; } 
     739 
     740/* ---------------------------------------------------------------- layout: main */ 
     741#header { 
     742  color: #fff; 
     743  background: #676e78; 
     744  border-bottom: 4px solid #a2cbe9; } 
     745 
     746#wrapper { 
     747  background: #f3f3f3 url(bg_wrapper.png) repeat-y 14em; } 
     748 
     749#content { 
     750  background: #fff; } 
     751 
     752#main-menu { 
     753  background: #f3f3f3; } 
     754 
     755#footer { 
     756  background-color: #fff; 
     757  border-top: 1px solid #c9c9c9; } 
     758 
     759/* to hide main-menu */ 
     760#collapser { 
     761  background: #a2cbe9; } 
     762 
     763/* if main-menu is hidden */ 
     764#wrapper.hide-mm { 
     765  background: #fff; } 
     766 
     767/* ---------------------------------------------------------------- layout: popups */ 
     768.popup h1 { 
     769  color: #fff; 
     770  background: #676e78; } 
     771 
     772/* ------------------------------------------------------------------------------------ 
     773                                                                           UN POIL DE MEDIA QUERIES 
     774------------------------------------------------------------------------------------ */ 
     775@media screen and (max-width: 80em) { 
     776  #header, h1 { 
     777    background: #323232; } 
     778 
     779  #top-info-user { 
     780    background: #676e78; } 
     781 
     782  #top-info-user a.active { 
     783    color: #fff; 
     784    background: #868686; } 
     785 
     786  #wrapper { 
     787    background: #f3f3f3 url(bg_wrapper.png) repeat-y 17em; } } 
     788@media screen and (max-width: 44em) { 
     789  #help-button { 
     790    background-color: #a2cbe9; } } 
     791@media screen and (max-width: 38em) { 
     792  h1 a:link { 
     793    border-right: 1px solid #c9c9c9; } 
     794 
     795  h1 a:hover, 
     796  h1 a:focus { 
     797    border-right: 1px solid #a2cbe9; } 
     798 
     799  .pseudo-tabs li { 
     800    border-top: 1px solid #c9c9c9; } } 
     801@media screen and (max-width: 26.5em) { 
     802  h1, 
     803  h1 a { 
     804    border-right: #323232 !important; } 
     805 
     806  .pseudo-tabs li { 
     807    border-top: 1px solid #c9c9c9 !important; } } 
    793808/** -------------------------------------------------- 
    794809    Elements 
    … …  
    912927 
    913928code { 
    914   background: #fefacd; } 
     929  color: #fefacd; } 
    915930 
    916931pre { 
    … …  
    11831198input.button.start { 
    11841199  color: #fff; 
    1185   background-color: #25A6E1; 
    1186   background-image: -webkit-gradient(linear, left top, left bottom, from(#25A6E1), to(#188BC0)); 
    1187   background-image: linear-gradient(#25a6e1, #188bc0); 
    1188   border-color: #25A6E1; 
     1200  background-color: #25a6e1; 
     1201  background-image: linear-gradient(to bottom, #25a6e1, #188bc0); 
     1202  border-color: #25a6e1; 
    11891203  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } 
    11901204 
    … …  
    11951209a.button.submit:hover, 
    11961210a.button.submit:focus { 
    1197   background-color: #188BC0; 
    1198   background-image: -webkit-gradient(linear, left top, left bottom, from(#188BC0), to(#25A6E1)); 
    1199   background-image: linear-gradient(#188bc0, #25a6e1); 
    1200   border-color: #188BC0; } 
     1211  background-color: #188bc0; 
     1212  background-image: linear-gradient(to bottom, #188bc0, #25a6e1); 
     1213  border-color: #188bc0; } 
    12011214 
    12021215/* suppression, reset, "neutres" fond gris */ 
    … …  
    12131226a.button.reset { 
    12141227  color: #000; 
    1215   background-color: #EAEAEA; 
    1216   background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#EAEAEA)); 
    1217   background-image: linear-gradient(#f9f9f9, #eaeaea); 
     1228  background-color: #eaeaea; 
     1229  background-image: linear-gradient(to bottom, #f9f9f9, #eaeaea); 
    12181230  background-repeat: repeat-x; 
    1219   border-color: #dfdfdf #dfdfdf #C5C5C5; 
     1231  border-color: #dfdfdf #dfdfdf #c5c5c5; 
    12201232  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); } 
    12211233 
    … …  
    12421254a.button.reset:focus, 
    12431255a.button:focus { 
    1244   background-color: #DADADA; 
    1245   background-image: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#DADADA)); 
    1246   background-image: linear-gradient(#eaeaea, #dadada); 
     1256  background-color: #dadada; 
     1257  background-image: linear-gradient(to bottom, #eaeaea, #dadada); 
    12471258  background-repeat: repeat-x; 
    1248   border-color: #CCCCCC #CCCCCC #B5B5B5; } 
     1259  border-color: #cccccc #cccccc #b5b5b5; } 
    12491260 
    12501261/* suppression */ 
    … …  
    12601271input.delete:focus, 
    12611272a.button.delete:focus { 
    1262   color: #FFFFFF; 
    1263   background-color: #B33630; 
    1264   background-image: -webkit-gradient(linear, left top, left bottom, from(#DC5F59), to(#B33630)); 
    1265   background-image: linear-gradient(#dc5f59, #b33630); 
     1273  color: #ffffff; 
     1274  background-color: #b33630; 
     1275  background-image: linear-gradient(to bottom, #dc5f59, #b33630); 
    12661276  background-repeat: repeat-x; 
    1267   border-color: #CD504A; 
     1277  border-color: #cd504a; 
    12681278  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } 
    12691279 
    … …  
    12751285  color: #000; 
    12761286  background-color: #bee74b; 
    1277   background-image: -webkit-gradient(linear, left top, left bottom, from(#bee74b), to(#9BCA1C)); 
    1278   background-image: linear-gradient(#bee74b, #9bca1c); 
     1287  background-image: linear-gradient(to bottom, #bee74b, #9bca1c); 
    12791288  border-color: #bee74b; 
    12801289  padding: .33em 1.33em .5em; 
    1281   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    1282   font-weight: normal; 
    1283   font-size: 1.16em; } 
     1290  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } 
    12841291 
    12851292.button.add:hover, 
    12861293.button.add:active, 
    12871294.button.add:focus { 
    1288   background-color: #9BCA1C; 
    1289   background-image: -webkit-gradient(linear, left top, left bottom, from(#9BCA1C), to(#bee74b)); 
    1290   background-image: linear-gradient(#9bca1c, #bee74b); 
    1291   border-color: #9BCA1C; } 
     1295  background-color: #9bca1c; 
     1296  background-image: linear-gradient(to bottom, #9bca1c, #bee74b); 
     1297  border-color: #9bca1c; } 
    12921298 
    12931299.button-add:focus { 
    … …  
    14411447  top: 3em; 
    14421448  left: 0; 
    1443   background: #A2CBE9; 
     1449  background: #a2cbe9; 
    14441450  width: 100%; 
    14451451  z-index: 100; } 
    1446  
    1447 #prelude li { 
    1448   list-style-type: none; 
    1449   margin: 0; 
    1450   background: transparent; 
    1451   display: inline; } 
    1452  
    1453 #prelude li a { 
    1454   padding: 3px 16px 3px 8px; 
    1455   background: #A2CBE9; 
    1456   color: #000; 
    1457   text-decoration: underline; } 
    1458  
    1459 #prelude li a:hover, 
    1460 #prelude li a:focus { 
    1461   background: #FFF; } 
     1452  #prelude li { 
     1453    list-style-type: none; 
     1454    margin: 0; 
     1455    background: transparent; 
     1456    display: inline; } 
     1457    #prelude li a { 
     1458      padding: 3px 16px 3px 8px; 
     1459      background: #a2cbe9; 
     1460      color: #000; 
     1461      text-decoration: underline; } 
     1462      #prelude li a:hover, #prelude li a:focus { 
     1463        background: #fff; } 
    14621464 
    14631465/* si le prélude est affiché on repousse les trucs dessous */ 
    … …  
    14711473/* header global h1, form#top-info-blog, ul#top-info-user */ 
    14721474#header a { 
    1473   color: #FFF; } 
     1475  color: #fff; } 
    14741476 
    14751477#header img { 
    … …  
    14811483  text-indent: 100%; 
    14821484  width: 16.5em; } 
    1483  
    1484 h1 a { 
    1485   position: absolute; 
    1486   top: 0; 
    1487   left: 0; 
    1488   width: 150px; 
    1489   height: 3em; 
    1490   color: #fff; 
    1491   background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; 
    1492   transition: none; } 
    1493  
    1494 h1 a:hover, 
    1495 h1 a:focus { 
    1496   background-position: 0 -94px; 
    1497   background-color: transparent; 
    1498   transition: none; } 
    1499  
    1500 h1 a:link { 
    1501   transition-timing-function: ease-in-out; } 
     1485  h1 a { 
     1486    position: absolute; 
     1487    top: 0; 
     1488    left: 0; 
     1489    width: 150px; 
     1490    height: 3em; 
     1491    color: #fff; 
     1492    background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; 
     1493    transition: none; } 
     1494    h1 a:hover, h1 a:focus { 
     1495      background-position: 0 -94px; 
     1496      background-color: transparent; 
     1497      transition: none; } 
     1498    h1 a:link { 
     1499      transition-timing-function: ease-in-out; } 
    15021500 
    15031501/* top-info-blog */ 
    … …  
    15101508#top-info-blog input[type=submit] { 
    15111509  background: #000; 
    1512   border-color: #999; 
     1510  border-color: #868686; 
    15131511  margin-left: .33em; } 
    15141512 
    15151513#top-info-blog input[type=submit]:hover { 
    1516   background: #999; } 
     1514  background: #868686; } 
    15171515 
    15181516#top-info-blog p { 
    … …  
    15301528  margin-left: .5em; 
    15311529  padding-left: .5em; 
    1532   border-left: 1px solid #999; } 
     1530  border-left: 1px solid #868686; } 
    15331531 
    15341532#top-info-user li:first-child { 
    … …  
    15401538  padding: 18px .5em; 
    15411539  background-color: #fff; 
    1542   color: #333; 
     1540  color: #323232; 
    15431541  font-weight: bold; } 
    15441542 
     1543/* ------------------------------------------------------------------------------------ 
     1544                                                            UN POIL DE MEDIA QUERIES 
     1545------------------------------------------------------------------------------------ */ 
     1546@media screen and (max-width: 80em) { 
     1547  #top-info-user { 
     1548    padding-right: .5em; } 
     1549 
     1550  #top-info-user a.active { 
     1551    padding: 2px 8px; 
     1552    border-width: 0; 
     1553    border-radius: 6px; } } 
     1554@media screen and (max-width: 26.5em) { 
     1555  h1, 
     1556  h1 a { 
     1557    padding: 0; } } 
     1558@media screen and (max-width: 38em) { 
     1559  h1 a:link { 
     1560    background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; } 
     1561 
     1562  h1 a:hover, 
     1563  h1 a:focus { 
     1564    background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; } } 
    15451565#favorites-menu, 
    15461566#blog-menu, 
    … …  
    18891909 
    18901910tr.line input[type=text] { 
    1891   background: #FFF; } 
     1911  background: #fff; } 
    18921912 
    18931913tr.line input, 
    … …  
    27662786.modules tr.expand td:first-child { 
    27672787  font-weight: bold; 
    2768   background: #DFE5E7; } 
     2788  background: #dfe5e7; } 
    27692789 
    27702790.modules td.expand { 
    … …  
    29072927 
    29082928.guideline #content h2 { 
    2909   color: #D33800; 
     2929  color: #d33800; 
    29102930  padding: 2em 0 0 0; 
    29112931  margin: 1em 0; 
    … …  
    29652985 
    29662986.ac_over { 
    2967   background-color: #2373A8; 
     2987  background-color: #2373a8; 
    29682988  color: white; } 
    29692989 
    … …  
    33023322.colorEndValidatorMsg { 
    33033323  color: #ffcc00; } 
     3324 
     3325/* ------------------------------------------------------------------------------------ 
     3326                                                                           UN POIL DE MEDIA QUERIES 
     3327------------------------------------------------------------------------------------ */ 
     3328@media screen and (max-width: 44em) { 
     3329  #help-button { 
     3330    padding: 0; 
     3331    font-size: .83em; 
     3332    line-height: 68px; } } 
     3333@media screen and (max-width: 38em) { 
     3334  #dashboard-main { 
     3335    padding: 0; } 
     3336 
     3337  #content, 
     3338  .hide-mm #content { 
     3339    padding: 0 .5em !important; } 
     3340 
     3341  #main #content > h2 { 
     3342    padding: 6px 30px 4px .5em; } 
     3343 
     3344  .cell, 
     3345  #filters-form .cell { 
     3346    border: none; 
     3347    padding: 1em; } 
     3348 
     3349  .pseudo-tabs li { 
     3350    padding: .25em; } 
     3351 
     3352  .pseudo-tabs li:first-child, 
     3353  .pseudo-tabs li:nth-of-type(2) { 
     3354    border-top: none; } } 
     3355@media screen and (max-width: 26.5em) { 
     3356  #content.with-help #help { 
     3357    font-size: 1.2rem; } 
     3358 
     3359  p.top-add { 
     3360    text-align: center; } 
     3361 
     3362  .multi-part { 
     3363    padding-left: 0; } 
     3364 
     3365  .part-tabs ul { 
     3366    padding: 0 .5em; } 
     3367 
     3368  #icons p { 
     3369    padding: 1em .25em; } 
     3370 
     3371  .box.current-theme { 
     3372    padding: 10px; } 
     3373 
     3374  th, 
     3375  td { 
     3376    padding: 0.3em 1em 0.3em 0; } 
     3377 
     3378  .pseudo-tabs li:first-child { 
     3379    border-top: none; } } 

  • admin/style/scss/default.scss

    r3355 r3365  
    2626--------------------------------------------------- */ 
    2727@import "partials/layout"; 
     28 
     29/** -------------------------------------------------- 
     30     Colors 
     31--------------------------------------------------- */ 
     32@import "partials/colors"; 
    2833 
    2934/** -------------------------------------------------- 
    … …  
    7075@import "partials/classes"; 
    7176@import "partials/utils"; 
     77@import "partials/mediaqueries"; 

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

    r3355 r3365  
    44// Do not support IE less than IE9 
    55$browser-minimum-versions: ( 
    6   "ie": "9" 
     6  "ie": "10" 
    77); 
    88$graceful-usage-threshold: 100; 
    … …  
    3131 
    3232// Palette de base 
     33 
    3334$blue:                   #137bbb; 
    3435$green:             #9ac123; 
    … …  
    4142 
    4243$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) 
    4345$gray-light:        tint($gray, 30%);        // #c9c9c9 (near to #ccc used before) 
    4446$gray-very-light:   tint($gray, 85%);        // #f3f3f3 (near to #f7f7f7 used before) 
    … …  
    4648$white:                  #fff; 
    4749$black:                  #000; 
     50 
     51// Couleurs secondaires 
     52 
     53 
    4854 
    4955// Application 
    … …  
    6268 
    6369// Autres 
     70 
    6471$css-img-path: 'img'; // utile pour le mixin de fallback svg 
    6572 

  • admin/style/scss/init/_mixins-functions.scss

    r3355 r3365  
    11// mixin svg fallback 
    22@mixin svg( 
    3     $file-name, 
    4     $css-img-path: $css-img-path) 
     3     $file-name, 
     4     $css-img-path: $css-img-path) 
    55{ 
    6     background-image: inline-image($file-name+'.png'); 
    7     background-image: inline-image($file-name+'.svg'), none; 
     6     background-image: inline-image($file-name+'.png'); 
     7     background-image: inline-image($file-name+'.svg'), none; 
    88} 
    99 
    1010@mixin bg-with-svg( 
    11     $file-name, 
    12     $css-img-path: $css-img-path, 
    13     $repeat: no-repeat, 
    14     $position: 50% 50%, 
    15     $bg-color: transparent) 
     11     $file-name, 
     12     $css-img-path: $css-img-path, 
     13     $repeat: no-repeat, 
     14     $position: 50% 50%, 
     15     $bg-color: transparent) 
    1616{ 
    17     background: inline-image($file-name+'.png') $repeat, $position, $bg-color; 
    18     background-image: inline-image($file-name+'.svg'), none; 
     17     background: inline-image($file-name+'.png') $repeat, $position, $bg-color; 
     18     background-image: inline-image($file-name+'.svg'), none; 
    1919} 
    2020 
     21// Mix from Nico3333 (https://github.com/nico3333fr/ROCSSTI/blob/master/src/css/rocssti-fr.css#L637) 
     22// and ffood (http://www.ffoodd.fr/cache-cache-css/) 
    2123@mixin visually-hidden { 
    22     border: 0; 
    23     clip: rect(0 0 0 0); 
    24     height: 1px; 
    25     margin: -1px; 
    26     overflow: hidden; 
    27     padding: 0; 
    28     position: absolute; 
    29     width: 1px; 
     24     border: 0; 
     25     clip: rect(0 0 0 0); 
     26     clip-path: inset(50%); 
     27     height: 1px; 
     28     margin: -1px; 
     29     overflow: hidden; 
     30     padding: 0; 
     31     position: absolute; 
     32     width: 1px; 
     33     white-space: nowrap; 
     34} 
     35@mixin visually-hidden-focus { 
     36     clip: auto; 
     37     clip-path: none; 
     38     height: auto; 
     39     overflow: visible; 
     40     position: static; 
     41     width: auto; 
     42     white-space: normal; 
    3043} 
    3144 
    3245// Remove any unit from a value 
    3346@function strip-unit( 
    34     $value) 
     47     $value) 
    3548{ 
    36     @return $value / ($value * 0 + 1); 
     49     @return $value / ($value * 0 + 1); 
    3750} 
    3851 
    3952// Compute absolute value (in em or rem) depending on font-size of the html element (given in %) 
    4053@function relative-to-screen( 
    41     $value,             // em or rem value 
    42     $html-font-size)    // in % 
     54     $value,             // em or rem value 
     55     $html-font-size)    // in % 
    4356{ 
    44     @return $value / (strip-unit($html-font-size) / 100); 
     57     @return $value / (strip-unit($html-font-size) / 100); 
    4558} 

  • admin/style/scss/init/_rebase.scss

    r3355 r3365  
    154154     margin: 0; 
    155155} 
    156 /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ 
     156 
     157/* Screen-reader only */ 
    157158.visually-hidden { 
    158159     @include visually-hidden; 
     160     &:focus, 
     161     &:active { 
     162          @include visually-hidden-focus; 
     163     } 
    159164} 

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

    r3355 r3365  
    4646input.button.start { 
    4747    color: #fff; 
    48     background-color: #25A6E1; 
    49     background-image: -webkit-gradient(linear, left top, left bottom, from(#25A6E1), to(#188BC0)); 
    50     background-image: linear-gradient(#25A6E1, #188BC0); 
    51     border-color: #25A6E1; 
     48    background-color: #25a6e1; 
     49    @include background-image(linear-gradient(to bottom, #25a6e1, #188bc0)); 
     50    border-color: #25a6e1; 
    5251    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    5352} 
    … …  
    5958a.button.submit:hover, 
    6059a.button.submit:focus { 
    61     background-color: #188BC0; 
    62     background-image: -webkit-gradient(linear, left top, left bottom, from(#188BC0), to(#25A6E1)); 
    63     background-image: linear-gradient(#188BC0, #25A6E1); 
    64     border-color: #188BC0; 
     60    background-color: #188bc0; 
     61    @include background-image(linear-gradient(to bottom, #188bc0, #25a6e1)); 
     62    border-color: #188bc0; 
    6563} 
    6664 
    … …  
    8078a.button.reset { 
    8179    color: #000; 
    82     background-color: #EAEAEA; 
    83     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#EAEAEA)); 
    84     background-image: linear-gradient(#f9f9f9, #EAEAEA); 
     80    background-color: #eaeaea; 
     81    @include background-image(linear-gradient(to bottom, #f9f9f9, #eaeaea)); 
    8582    background-repeat: repeat-x; 
    86     border-color: #dfdfdf #dfdfdf #C5C5C5; 
     83    border-color: #dfdfdf #dfdfdf #c5c5c5; 
    8784    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); 
    8885} 
    … …  
    110107a.button.reset:focus, 
    111108a.button:focus { 
    112     background-color: #DADADA; 
    113     background-image: -webkit-gradient( linear, left top, left bottom, from(#EAEAEA), to(#DADADA)); 
    114     background-image: linear-gradient(#EAEAEA, #DADADA); 
     109    background-color: #dadada; 
     110    @include background-image(linear-gradient(to bottom, #eaeaea, #dadada)); 
    115111    background-repeat: repeat-x; 
    116     border-color: #CCCCCC #CCCCCC #B5B5B5; 
     112    border-color: #cccccc #cccccc #b5b5b5; 
    117113} 
    118114 
    … …  
    132128input.delete:focus, 
    133129a.button.delete:focus { 
    134     color: #FFFFFF; 
    135     background-color: #B33630; 
    136     background-image: -webkit-gradient( linear, left top, left bottom, from(#DC5F59), to(#B33630)); 
    137     background-image: linear-gradient(#DC5F59, #B33630); 
     130    color: #ffffff; 
     131    background-color: #b33630; 
     132    @include background-image(linear-gradient(to bottom, #dc5f59, #b33630)); 
    138133    background-repeat: repeat-x; 
    139     border-color: #CD504A; 
     134    border-color: #cd504a; 
    140135    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
    141136} 
    … …  
    149144    color: #000; 
    150145    background-color: #bee74b; 
    151     background-image: -webkit-gradient(linear, left top, left bottom, from(#bee74b), to(#9BCA1C)); 
    152     background-image: linear-gradient(#bee74b, #9BCA1C); 
     146    @include background-image(linear-gradient(to bottom, #bee74b, #9bca1c)); 
    153147    border-color: #bee74b; 
    154148    padding: .33em 1.33em .5em; 
    155149    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    156     font-weight: normal; 
    157     font-size: 1.16em; 
     150//    font-weight: normal; 
     151//    font-size: 1.16em; 
    158152} 
    159153 
    … …  
    161155.button.add:active, 
    162156.button.add:focus { 
    163     background-color: #9BCA1C; 
    164     background-image: -webkit-gradient(linear, left top, left bottom, from(#9BCA1C), to(#bee74b)); 
    165     background-image: linear-gradient(#9BCA1C, #bee74b); 
    166     border-color: #9BCA1C; 
     157    background-color: #9bca1c; 
     158    @include background-image(linear-gradient(to bottom, #9bca1c, #bee74b)); 
     159    border-color: #9bca1c; 
    167160} 
    168161 

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

    r3355 r3365  
    11.guideline #content h2 { 
    2     color: #D33800; 
     2    color: #d33800; 
    33    padding: 2em 0 0 0; 
    44    margin: 1em 0; 

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

    r3355 r3365  
    3232 
    3333.ac_over { 
    34     background-color: #2373A8; 
     34    background-color: #2373a8; 
    3535    color: white; 
    3636} 

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

    r3355 r3365  
    11/* Typographie */ 
     2 
    23// base // 
    34html { 
    … …  
    3233     } 
    3334     font-family: $sans-serif; 
    34      color: $primary-color; 
    35      background: $primary-background; 
    3635} 
    3736#wrapper { 
    … …  
    5150     line-height: 1.25; 
    5251     padding: 0 0 1.5em; 
    53      color: $ternary-color; 
    5452} 
    5553h3, .as_h3 { 
    … …  
    5856     line-height: 1.5; 
    5957     margin-top: 1em; 
    60      color: $secondary-color; 
    6158} 
    6259h4, .as_h4 { 
    6360     font-size: 1.16em; 
    6461     line-height: 1.5; 
    65      color: $ternary-color; 
    6662} 
    6763h5 { 
    … …  
    6965     line-height: 1.5; 
    7066     font-weight: bold; 
    71      color: $ternary-color; 
    7267} 
    7368h6 { 
    7469     font-size: 1em; 
    7570     line-height: 1.5; 
    76      color: $ternary-color; 
    7771} 
    7872 

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

    r3355 r3365  
    22 
    33#prelude { 
    4     line-height: 1.5; 
    5     margin: 0; 
    6     padding: 0; 
    7     overflow: hidden; 
    8     position: absolute; 
    9     top: 3em; 
    10     left: 0; 
    11     background: #A2CBE9; 
    12     width: 100%; 
    13     z-index: 100; 
     4     line-height: 1.5; 
     5     margin: 0; 
     6     padding: 0; 
     7     overflow: hidden; 
     8     position: absolute; 
     9     top: 3em; 
     10     left: 0; 
     11     background: $light-blue; 
     12     width: 100%; 
     13     z-index: 100; 
     14     li { 
     15          list-style-type: none; 
     16          margin: 0; 
     17          background: transparent; 
     18          display: inline; 
     19          a { 
     20               padding: 3px 16px 3px 8px; 
     21               background: $light-blue; 
     22               color: $black; 
     23               text-decoration: underline; 
     24               &:hover, &:focus { 
     25                    background: $white; 
     26               } 
     27          } 
     28     } 
    1429} 
    15  
    16 #prelude li { 
    17     list-style-type: none; 
    18     margin: 0; 
    19     background: transparent; 
    20     display: inline; 
    21 } 
    22  
    23 #prelude li a { 
    24     padding: 3px 16px 3px 8px; 
    25     background: #A2CBE9; 
    26     color: #000; 
    27     text-decoration: underline; 
    28 } 
    29  
    30 #prelude li a:hover, 
    31 #prelude li a:focus { 
    32     background: #FFF; 
    33 } 
    34  
    3530 
    3631/* si le prélude est affiché on repousse les trucs dessous */ 
    3732 
    3833#wrapper.with-prelude { 
    39     padding-top: 1em; 
     34     padding-top: 1em; 
    4035} 
    4136 
    4237#help-button.with-prelude, 
    4338#collapser.with-prelude { 
    44     top: 1em; 
     39     top: 1em; 
    4540} 
    46  
    4741 
    4842/* header global h1, form#top-info-blog, ul#top-info-user */ 
    4943 
    5044#header a { 
    51     color: #FFF; 
     45     color: $white; 
    5246} 
    5347 
    5448#header img { 
    55     vertical-align: middle; 
    56     padding-left: .5em; 
     49     vertical-align: middle; 
     50     padding-left: .5em; 
    5751} 
    58  
    5952 
    6053/* h1 */ 
    6154 
    6255h1 { 
    63     text-indent: 100%; 
    64     width: 16.5em; 
     56     text-indent: 100%; 
     57     width: 16.5em; 
     58     a { 
     59          position: absolute; 
     60          top: 0; 
     61          left: 0; 
     62          width: 150px; 
     63          height: 3em; 
     64          color: $white; 
     65          background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; 
     66          transition: none; 
     67          &:hover, 
     68          &:focus { 
     69               background-position: 0 -94px; 
     70               background-color: transparent; 
     71               transition: none; 
     72          } 
     73          &:link { 
     74               transition-timing-function: ease-in-out; 
     75          } 
     76     } 
    6577} 
    66  
    67 h1 a { 
    68     position: absolute; 
    69     top: 0; 
    70     left: 0; 
    71     width: 150px; 
    72     height: 3em; 
    73     color: #fff; 
    74     background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; 
    75     transition: none; 
    76 } 
    77  
    78 h1 a:hover, 
    79 h1 a:focus { 
    80     background-position: 0 -94px; 
    81     background-color: transparent; 
    82     transition: none; 
    83 } 
    84  
    85 h1 a:link { 
    86     transition-timing-function: ease-in-out; 
    87 } 
    88  
    8978 
    9079/* top-info-blog */ 
    9180 
    9281#top-info-blog select { 
    93     max-width: 20em; 
     82     max-width: 20em; 
    9483} 
    9584 
    9685#top-info-blog a { 
    97     margin-left: 1.5em; 
     86     margin-left: 1.5em; 
    9887} 
    9988 
    10089#top-info-blog input[type=submit] { 
    101     background: #000; 
    102     border-color: #999; 
    103     margin-left: .33em; 
     90     background: $black; 
     91     border-color: $gray-semi-dark; 
     92     margin-left: .33em; 
    10493} 
    10594 
    10695#top-info-blog input[type=submit]:hover { 
    107     background: #999; 
     96     background: $gray-semi-dark; 
    10897} 
    10998 
    11099#top-info-blog p { 
    111     display: inline-block; 
    112     margin: 0; 
     100     display: inline-block; 
     101     margin: 0; 
    113102} 
    114  
    115103 
    116104/* top-info-user */ 
    117105 
    118106#top-info-user { 
    119     padding-right: 18px; 
    120     list-style-type: none; 
    121     text-align: right; 
     107     padding-right: 18px; 
     108     list-style-type: none; 
     109     text-align: right; 
    122110} 
    123111 
    124112#top-info-user li { 
    125     display: inline-block; 
    126     margin-left: .5em; 
    127     padding-left: .5em; 
    128     border-left: 1px solid #999; 
     113     display: inline-block; 
     114     margin-left: .5em; 
     115     padding-left: .5em; 
     116     border-left: 1px solid $gray-semi-dark; 
    129117} 
    130118 
    131119#top-info-user li:first-child { 
    132     border-left: none; 
     120     border-left: none; 
    133121} 
    134122 
    135123#top-info-user a.active { 
    136     border-bottom-color: #fff; 
    137     margin: 0; 
    138     padding: 18px .5em; 
    139     background-color: #fff; 
    140     color: #333; 
    141     font-weight: bold; 
     124     border-bottom-color: $white; 
     125     margin: 0; 
     126     padding: 18px .5em; 
     127     background-color: $white; 
     128     color: $primary-color; 
     129     font-weight: bold; 
    142130} 
     131 
     132/* ------------------------------------------------------------------------------------ 
     133                                                            UN POIL DE MEDIA QUERIES 
     134------------------------------------------------------------------------------------ */ 
     135 
     136@media screen and (max-width: $xl-screen) { 
     137     #top-info-user { 
     138          padding-right: .5em; 
     139     } 
     140     #top-info-user a.active { 
     141          padding: 2px 8px; 
     142          border-width: 0; 
     143          border-radius: 6px; 
     144     } 
     145} 
     146 
     147@media screen and (max-width: $xxs-screen) { 
     148     h1, 
     149     h1 a { 
     150          padding: 0; 
     151     } 
     152} 
     153 
     154@media screen and (max-width: $xs-screen) { 
     155     h1 a:link { 
     156          background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; 
     157     } 
     158     h1 a:hover, 
     159     h1 a:focus { 
     160          background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; 
     161     } 
     162} 

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

    r3355 r3365  
     1// Admin layout 
    12#dotclear-admin { 
    23    display: flex; 
    … …  
    67 
    78#header { 
    8     background: $ternary-background; 
    9     color: $white; 
    10     border-bottom: 4px solid $light-blue; 
    11     width: 99.99%; 
    12     /* Bugfix Chrome >= 49.0.2623.108 */ 
     9    width: 99.99%; /* Bugfix Chrome >= 49.0.2623.108 */ 
    1310    display: table; 
    1411    position: relative; 
    … …  
    3128    width: 100%; 
    3229    z-index: 10; 
    33     background: $secondary-background url(bg_wrapper.png) repeat-y 14em; 
    3430    flex: 1; 
    3531} 
    … …  
    4945    margin: 0 0 0 14em; 
    5046    padding: .5em 1.5em .75em 2.5em; 
    51     background: $white; 
    5247} 
    5348 
    … …  
    5954    padding-bottom: 1em; 
    6055    overflow: hidden; 
    61     background: $secondary-background; 
    6256} 
    6357 
    … …  
    6761    padding: .5em 0 .5em 1em; 
    6862    text-align: left; 
    69     border-top: 1px solid $gray-light; // #ccc; 
    70     background-color: $white; 
    7163} 
    7264 
    … …  
    8274    overflow: hidden; 
    8375    display: block; 
    84     background: $light-blue; // #f3f3f3 url(../images/collapser-hide.png) no-repeat center bottom; 
    8576    border-right: 0; // 1px solid #999; 
    8677    border-bottom: 0; 
    … …  
    9384} 
    9485 
    95  
    9686/* if main-menu is hidden */ 
    97  
    98 #wrapper.hide-mm { 
    99     background: $white; 
    100 } 
    10187 
    10288.hide-mm #main { 
    … …  
    118104.hide-mm #collapser { 
    119105    left: 0; 
    120     //    background: #e3e3e3 url(../images/collapser-show.png) no-repeat center bottom; 
    121106} 
    122107 
    … …  
    128113    display: block; 
    129114} 
    130  
    131115 
    132116/* -------------------------------------------------------------- layout: two-cols */ 
    … …  
    227211    width: 100%; 
    228212    margin: 0; 
    229     background: $ternary-background; 
    230213    font-size: 1.5em; 
    231214    text-indent: 1em; 
    232215    line-height: 1.5em; 
    233216    font-weight: normal; 
    234     color: $white; 
    235217} 
    236218 
    … …  
    307289    clear: both; 
    308290} 
    309  
    310291 
    311292/* 
    … …  
    346327} 
    347328 
    348  
    349329/* ------------------------------------------------------------------------------------ 
    350                                                                            UN POIL DE MEDIA QUERIES 
     330                                                            UN POIL DE MEDIA QUERIES 
    351331------------------------------------------------------------------------------------ */ 
    352332 
    353 @media screen and (min-width: $xl-screen) { 
    354     #wrapper { 
    355         background: $secondary-background url(bg_wrapper.png) repeat-y 17em; 
    356     } 
     333@media screen and (max-width: $xl-screen) { 
    357334    #main { 
    358335        margin-left: -17em; 
    … …  
    370347        width: 19.5em; 
    371348    } 
    372 } 
    373  
    374 @media screen and (max-width: $l-screen) { 
    375349    #top-info-blog #switchblog { 
    376350        max-width: 16em; 
    … …  
    383357        width: 100%; 
    384358        text-align: right; 
    385         background: $gray-very-dark; 
    386359    } 
    387360    #header h1, 
    388361    #header h1 a { 
    389362        width: 120px; 
    390         padding: 0; 
    391363        margin: 0; 
    392364    } 
    … …  
    400372        display: block; 
    401373        width: 100%; 
    402         background: $ternary-background; 
    403         padding-right: 0; 
    404     } 
    405     #top-info-user li:last-child { 
    406         padding-right: 1em; 
    407     } 
    408     #top-info-user a.active { 
    409         padding: 2px 8px; 
    410         background: #999; 
    411         color: #FFF; 
    412         border-width: 0; 
    413         border-radius: 6px; 
    414374    } 
    415375    .three-boxes, 
    … …  
    439399        height: 26px; 
    440400        width: 26px; 
    441         background-color: $light-blue; 
    442         padding: 0; 
    443401        margin: 0; 
    444         font-size: .83em; 
    445         line-height: 68px; 
    446402        overflow: hidden; 
    447403    } 
    … …  
    478434        height: 42px; 
    479435    } 
    480     h1 a:link { 
    481         background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; 
    482         border-right: 1px solid $gray-light; 
    483     } 
    484     h1 a:hover, 
    485     h1 a:focus { 
    486         background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; 
    487         border-right: 1px solid $light-blue; 
    488     } 
    489436    #wrapper, 
    490437    #main, 
    … …  
    495442        margin: 0; 
    496443    } 
    497     #dashboard-main { 
    498         padding: 0; 
    499     } 
    500444    #main-menu a { 
    501445        display: block; 
    … …  
    508452    .hide-mm #content { 
    509453        margin: 0; 
    510         padding: 0 .5em !important; 
    511454    } 
    512455    #collapser { 
    … …  
    515458    #main #content > h2 { 
    516459        margin: 0 -.25em 1em; 
    517         padding: 6px 30px 4px .5em; 
    518460    } 
    519461    #dashboard-boxes .box.medium, 
    … …  
    529471    #filters-form .cell { 
    530472        display: inline-block; 
    531         border: none; 
    532         padding: 1em; 
    533473        vertical-align: bottom; 
    534474    } 
    … …  
    537477        float: left; 
    538478        width: 50%; 
    539         border-top: 1px solid #ddd; 
    540         padding: .25em; 
    541     } 
    542     .pseudo-tabs li:first-child, 
    543     .pseudo-tabs li:nth-of-type(2) { 
    544         border-top: none; 
    545479    } 
    546480} 
    547481 
    548482@media screen and (max-width: $xxs-screen) { 
    549     h1, 
    550     h1 a { 
    551         padding: 0; 
    552         border-right: $gray-very-dark !important; 
    553     } 
    554483    #top-info-blog label, 
    555484    .nomobile { 
    … …  
    569498    #content.with-help #help { 
    570499        width: 28rem; 
    571         font-size: 1.2rem // 12px; 
    572500    } 
    573501    p.top-add { 
    574502        margin-bottom: .5em; 
    575         text-align: center; 
    576     } 
    577     .multi-part { 
    578         padding-left: 0; 
    579503    } 
    580504    .part-tabs ul { 
    581505        margin: 1em 0; 
    582         padding: 0 .5em; 
    583506    } 
    584507    .part-tabs li a { 
    … …  
    588511    #icons p { 
    589512        width: 9em; 
    590         padding: 1em .25em; 
    591513    } 
    592514    .media-item { 
    … …  
    601523    .box.current-theme { 
    602524        margin: 5px; 
    603         padding: 10px; 
    604525        width: 100%; 
    605526    } 
    … …  
    612533        min-width: 14em; 
    613534    } 
    614     th, 
    615     td { 
    616         padding: 0.3em 1em 0.3em 0; 
    617     } 
    618535    .pseudo-tabs li { 
    619536        display: block; 
    620537        width: 100%; 
    621538        float: none; 
    622         border-top: 1px solid #ddd !important; 
    623     } 
    624     .pseudo-tabs li:first-child { 
    625         border-top: none; 
    626     } 
    627 } 
     539    } 
     540} 

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

    r3355 r3365  
    5050.modules tr.expand td:first-child { 
    5151    font-weight: bold; 
    52     background: #DFE5E7; 
     52    background: #dfe5e7; 
    5353} 
    5454 

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

    r3355 r3365  
    3737 
    3838tr.line input[type=text] { 
    39     background: #FFF; 
     39    background: #fff; 
    4040} 
    4141 

  • plugins/dcLegacyEditor/css/jsToolBar/jsToolBar.css

    r3258 r3365  
    5858     background-position : 50% 50%; 
    5959     background-repeat: no-repeat; 
     60     background-size: inherit; 
    6061} 
    6162.jstElements button:hover, .jstElements button:focus { 

  • plugins/themeEditor/style.css

    r3253 r3365  
    22     width: 100%; 
    33     float: left; 
    4      margin-right: -180px; 
     4     margin-right: -15em; /* was -180px; */ 
    55} 
    66 
    77#file-editor { 
    8      margin-right: 180px; 
     8     margin-right: 15em; /* was 180px; */ 
    99} 
    1010 
    1111#file-chooser { 
    1212     float: right; 
    13      width: 170px; 
     13     width: 14em; /* was 170px; */ 
    1414} 
    1515#file-chooser ul { 
Note: See TracChangeset for help on using the changeset viewer.

Sites map