Dotclear

Changeset 2946:f71a84d73ce8


Ignore:
Timestamp:
01/30/15 20:35:39 (9 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

No more IE7 and IE8 support for theme Berlin

Location:
themes/berlin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • themes/berlin/scss/init/_config.scss

    r2640 r2946  
    11// ----------------- LIBRAIRIES ------------------- // 
     2 
     3// ----------------- Compass config --------------- // 
     4// Do not support IE less than IE9 
     5$browser-minimum-versions: ( 
     6  "ie": "9" 
     7); 
     8$graceful-usage-threshold: 100; 
     9$critical-usage-threshold: 100; 
    210@import "compass";                    // gem 
     11 
    312@import "libs/scut"; 
     13 
     14// ----------------- Zengrids config -------------- // 
     15$legacy-support-for-ie7: false; 
     16$legacy-support-for-ie6: false; 
    417//@import "libs/zen-grids/background"; 
    518//@import "libs/zen-grids/flow"; 
  • themes/berlin/style.css

    r2846 r2946  
    33    Start 
    44--------------------------------------------------- */ 
     5/** ================================================================================= 
     6      Base rules and html5 compatibility by Dotclear Team, 
     7//*  most based on some Koz's habits and: 
     8//*  - Comprehensive Base Stylesheet by fvsch - http://fvsch.com/code/base-stylesheet/ 
     9//*  - Normalize.css v2.1.3 | MIT License | git.io/normalize 
     10//*  - Knacss | WTFYW | by Raphael Goetter 
     11================================================================================== */ 
    512/* largeur des paddings et border compris dans "width" */ 
    613*, 
     
    235242  transition: .3s; } 
    236243  a:link, a:visited { 
    237     border-bottom: 1px solid gainsboro; } 
     244    border-bottom: 1px solid #dcdcdc; } 
    238245  a:visited { 
    239246    border-bottom-style: dotted; } 
     
    248255  height: 1px; 
    249256  background: #333; 
    250   background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dcdcdc), color-stop(50%, #626262), color-stop(100%, #dcdcdc)); 
    251   background-image: -webkit-linear-gradient(left, #dcdcdc, #626262, #dcdcdc); 
    252   background-image: -moz-linear-gradient(left, #dcdcdc, #626262, #dcdcdc); 
    253   background-image: -o-linear-gradient(left, #dcdcdc, #626262, #dcdcdc); 
    254   background-image: linear-gradient(left, #dcdcdc, #626262, #dcdcdc); } 
     257  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjI2MjYyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGNkY2RjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); 
     258  background-size: 100%; 
     259  background-image: linear-gradient(to right, #dcdcdc, #626262, #dcdcdc); } 
    255260 
    256261blockquote, q { 
     
    271276  display: block; 
    272277  line-height: .25; 
    273   color: gainsboro; 
     278  color: #dcdcdc; 
    274279  margin-bottom: 0; } 
    275280 
     
    363368 
    364369#main { 
    365   background-color: white; 
     370  background-color: #fff; 
    366371  padding: 1em .5em 2em; } 
    367372 
    368373#page { 
    369   *position: relative; 
    370   *zoom: 1; 
    371374  max-width: 60em; 
    372375  margin: 0 auto; 
     
    378381    clear: both; } 
    379382 
    380 #wrapper { 
    381   *position: relative; 
    382   *zoom: 1; } 
    383   #wrapper:before, #wrapper:after { 
    384     content: ""; 
    385     display: table; } 
    386   #wrapper:after { 
    387     clear: both; } 
     383#wrapper:before, #wrapper:after { 
     384  content: ""; 
     385  display: table; } 
     386#wrapper:after { 
     387  clear: both; } 
    388388 
    389389.header { 
     
    403403    margin-left: 0%; 
    404404    margin-right: -100%; 
    405     *margin-right: -99.9%; 
    406405    padding-left: 1em; 
    407406    padding-right: 1em; 
     
    410409    -ms-box-sizing: border-box; 
    411410    box-sizing: border-box; 
    412     word-wrap: break-word; 
    413     *behavior: url("scripts"); 
    414     _display: inline; 
    415     _overflow: hidden; 
    416     _overflow-y: visible; } 
     411    word-wrap: break-word; } 
    417412 
    418413  #sidebar { 
     
    421416    margin-left: 75%; 
    422417    margin-right: -100%; 
    423     *margin-right: -99.9%; 
    424418    padding-left: 1em; 
    425419    padding-right: 1em; 
     
    428422    -ms-box-sizing: border-box; 
    429423    box-sizing: border-box; 
    430     word-wrap: break-word; 
    431     *behavior: url("scripts"); 
    432     _display: inline; 
    433     _overflow: hidden; 
    434     _overflow-y: visible; } } 
     424    word-wrap: break-word; } } 
    435425@media screen and (min-width: 110.1em) { 
    436426  body { 
     
    449439    margin-left: 0%; 
    450440    margin-right: -100%; 
    451     *margin-right: -99.9%; 
    452441    padding-left: 1em; 
    453442    padding-right: 1em; 
     
    456445    -ms-box-sizing: border-box; 
    457446    box-sizing: border-box; 
    458     word-wrap: break-word; 
    459     *behavior: url("scripts"); 
    460     _display: inline; 
    461     _overflow: hidden; 
    462     _overflow-y: visible; } 
     447    word-wrap: break-word; } 
    463448 
    464449  #sidebar { 
     
    467452    margin-left: 66.6666667%; 
    468453    margin-right: -100%; 
    469     *margin-right: -99.9%; 
    470454    padding-left: 1em; 
    471455    padding-right: 1em; 
     
    474458    -ms-box-sizing: border-box; 
    475459    box-sizing: border-box; 
    476     word-wrap: break-word; 
    477     *behavior: url("scripts"); 
    478     _display: inline; 
    479     _overflow: hidden; 
    480     _overflow-y: visible; } 
     460    word-wrap: break-word; } 
    481461 
    482462  #blognav, #blogextra { 
     
    499479  border: 0; 
    500480  overflow: hidden; 
    501   *zoom: 1; 
    502481  text-align: right; } 
    503482  .skip-links li { 
     
    505484    list-style-type: none; 
    506485    margin-left: 0; 
    507     display: -moz-inline-stack; 
    508486    display: inline-block; 
    509487    vertical-align: middle; 
    510     *vertical-align: auto; 
    511     zoom: 1; 
    512     *display: inline; 
    513488    white-space: nowrap; 
    514489    padding-left: 0.5em; 
     
    539514  font-weight: 500; 
    540515  letter-spacing: -1px; 
    541   text-shadow: 1px 4px 6px white, 0 0 0 black, 1px 4px 6px white; } 
     516  text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff; } 
    542517 
    543518.site-title__link:hover .site-title__text, 
     
    558533  border: 0; 
    559534  overflow: hidden; 
    560   *zoom: 1; 
    561535  clear: left; 
    562536  text-align: right; 
     
    567541    list-style-type: none; 
    568542    margin-left: 0; 
    569     display: -moz-inline-stack; 
    570543    display: inline-block; 
    571544    vertical-align: middle; 
    572     *vertical-align: auto; 
    573     zoom: 1; 
    574     *display: inline; 
    575545    white-space: nowrap; 
    576546    padding-left: 1em; 
     
    588558  .header__nav li a:link, 
    589559  .header__nav li a:visited { 
    590     color: white; } 
     560    color: #fff; } 
    591561  .header__nav li a:hover, 
    592562  .header__nav li a:focus { 
     
    628598      display: block; 
    629599      margin-right: 0; 
    630       border-bottom: 1px solid white; } } 
     600      border-bottom: 1px solid #fff; } } 
    631601@media screen and (max-width: 30em) { 
    632602  .skip-links { 
     
    646616.footer__widgets { 
    647617  padding: 1em; 
    648   background-color: white; 
     618  background-color: #fff; 
    649619  text-align: center; 
    650620  line-height: 2; } 
     
    672642  padding: 0; 
    673643  border: 0; 
    674   overflow: hidden; 
    675   *zoom: 1; } 
     644  overflow: hidden; } 
    676645  .footer__widgets ul li { 
    677646    list-style-image: none; 
    678647    list-style-type: none; 
    679648    margin-left: 0; 
    680     display: -moz-inline-stack; 
    681649    display: inline-block; 
    682650    vertical-align: middle; 
    683     *vertical-align: auto; 
    684     zoom: 1; 
    685     *display: inline; 
    686651    white-space: nowrap; 
    687652    padding-left: 0.5em; 
     
    689654 
    690655.sidebar { 
    691   *zoom: 1; 
    692656  padding-top: 2em; 
    693657  background: #373737 url(img/bg_dark.png); 
    694   color: white; 
     658  color: #fff; 
    695659  text-shadow: #373737 0px -1px 0px; } 
    696660  .sidebar:after { 
     
    721685.blogextra__widgets h4 { 
    722686  font-size: 1em; 
    723   color: white; 
     687  color: #fff; 
    724688  font-weight: bold; } 
    725689 
     
    750714  display: block; 
    751715  padding: .25em; 
    752   border-bottom: 1px solid gainsboro; } 
     716  border-bottom: 1px solid #dcdcdc; } 
    753717.blognav__widgets li ul, .blogextra__widgets li ul { 
    754718  margin-left: -.25em; } 
    755719.blognav__widgets li li, .blogextra__widgets li li { 
    756   border-top: 1px solid gainsboro; } 
     720  border-top: 1px solid #dcdcdc; } 
    757721.blognav__widgets li li:last-child, .blogextra__widgets li li:last-child { 
    758722  border-bottom: none; } 
     
    763727.category-current { 
    764728  margin-left: -2em; 
    765   background-color: black; } 
     729  background-color: #000; } 
    766730 
    767731.category-current ul { 
     
    781745/* *** navigation *** */ 
    782746.navlinks { 
    783   color: white; 
     747  color: #fff; 
    784748  margin: 0; } 
    785749 
     
    788752  overflow: hidden; 
    789753  text-align: left; 
    790   background-image: url('img/icon_prev.png?1418493572'); 
     754  background-image: url('img/icon_prev.png?1422635622'); 
    791755  background-repeat: no-repeat; 
    792756  background-position: 50% 50%; } 
     
    796760  overflow: hidden; 
    797761  text-align: left; 
    798   background-image: url('img/icon_next.png?1418493572'); 
     762  background-image: url('img/icon_next.png?1422635622'); 
    799763  background-repeat: no-repeat; 
    800764  background-position: 50% 50%; } 
     
    806770  display: inline-block; 
    807771  border-radius: 50%; 
    808   border: 1px solid gainsboro; 
     772  border: 1px solid #dcdcdc; 
    809773  background-color: #f2f2f2; } 
    810774  .prev:hover, .prev:focus, .next:hover, .next:focus { 
     
    814778#content-info { 
    815779  margin-bottom: 4em; 
    816   border-bottom: 1px solid gainsboro; 
     780  border-bottom: 1px solid #dcdcdc; 
    817781  padding: 0; 
    818782  font-size: 0.875em; } 
     
    823787    border-radius: .5em; 
    824788    background-color: #267daf; 
    825     color: white; 
     789    color: #fff; 
    826790    font-size: 1.1428571em; 
    827791    text-align: center; } 
    828792    #content-info h2 a { 
    829       color: white; } 
     793      color: #fff; } 
    830794  #content-info h3 { 
    831795    font-size: 1em; } 
     
    857821  border: 1px solid #626262; 
    858822  border-radius: .25em; 
    859   background-color: white; 
     823  background-color: #fff; 
    860824  color: #333; 
    861825  font-size: .875em; 
     
    904868  padding: 0; 
    905869  border: 0; 
    906   overflow: hidden; 
    907   *zoom: 1; } 
     870  overflow: hidden; } 
    908871 
    909872.post-tags-item { 
     
    911874  list-style-type: none; 
    912875  margin-left: 0; 
    913   display: -moz-inline-stack; 
    914876  display: inline-block; 
    915877  vertical-align: middle; 
    916   *vertical-align: auto; 
    917   zoom: 1; 
    918   *display: inline; 
    919878  white-space: nowrap; 
    920879  vertical-align: top; } 
     
    929888  font-weight: 200; } 
    930889  .post-title a, .post-title a:link, .post-title a:visited { 
    931     border-bottom-color: white; } 
     890    border-bottom-color: #fff; } 
    932891  .post-title a:hover, .post-title a:focus, .post-title a:active { 
    933892    color: #267daf; 
     
    956915  position: relative; 
    957916  padding: 0 2.5em .25em; 
    958   border: 1px solid gainsboro; 
     917  border: 1px solid #dcdcdc; 
    959918  box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2); } 
    960919 
     
    1019978  margin-top: -.5em; 
    1020979  border-radius: 50%; 
    1021   background-color: white; 
     980  background-color: #fff; 
    1022981  z-index: 1000; 
    1023982  line-height: 2.5em; 
     
    10571016.error { 
    10581017  background-color: #d52125; 
    1059   color: white; 
     1018  color: #fff; 
    10601019  padding: .25em .5em; } 
    10611020 
     
    10651024 
    10661025button.submit, button.preview { 
    1067   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #778f96), color-stop(100%, #5d757d)); 
    1068   background-image: -webkit-linear-gradient(top, #778f96, #5d757d); 
    1069   background-image: -moz-linear-gradient(top, #778f96, #5d757d); 
    1070   background-image: -o-linear-gradient(top, #778f96, #5d757d); 
    1071   background-image: linear-gradient(top, #778f96, #5d757d); 
     1026  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3OGY5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVkNzU3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); 
     1027  background-size: 100%; 
     1028  background-image: linear-gradient(to bottom, #778f96, #5d757d); 
    10721029  box-shadow: inset 0 1px 3px 0 #778f96; 
    10731030  background-color: #778f96; 
     
    10761033  display: inline-block; 
    10771034  cursor: pointer; 
    1078   color: white; 
     1035  color: #fff; 
    10791036  padding: .25em .5em; 
    10801037  text-decoration: none; 
     
    10861043button.preview:focus { 
    10871044  cursor: pointer; 
    1088   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d757d), color-stop(100%, #5d757d)); 
    1089   background-image: -webkit-linear-gradient(#5d757d, #5d757d); 
    1090   background-image: -moz-linear-gradient(#5d757d, #5d757d); 
    1091   background-image: -o-linear-gradient(#5d757d, #5d757d); 
     1045  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNzU3ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVkNzU3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); 
     1046  background-size: 100%; 
    10921047  background-image: linear-gradient(#5d757d, #5d757d); 
    10931048  background-color: #5d757d; } 
     
    11131068    height: 1px; 
    11141069    content: " "; 
    1115     background-color: gainsboro; 
     1070    background-color: #dcdcdc; 
    11161071    text-shadow: none; 
    11171072    width: 20%; 
     
    11291084    height: 1px; 
    11301085    content: " "; 
    1131     background-color: gainsboro; 
     1086    background-color: #dcdcdc; 
    11321087    text-shadow: none; 
    11331088    width: 20%; 
     
    12961251 
    12971252.sidebar, #main { 
    1298   -webkit-transition: 0.3s all linear; 
    1299   -moz-transition: 0.3s all linear; 
    1300   -o-transition: 0.3s all linear; 
    1301   transition: 0.3s all linear; } 
     1253  transition: all 0.3s linear; } 
    13021254 
    13031255.js #content-info h2, 
     
    13261278  #offcanvas-on { 
    13271279    display: block; 
    1328     background-color: white; 
     1280    background-color: #fff; 
    13291281    background-image: url(img/icon_open-sidebar.png); 
    13301282    background-image: url(img/icon_open-sidebar.svg), none; 
     
    13361288    background-image: url(img/icon_close.png); 
    13371289    background-image: url(img/icon_close.svg), none; 
    1338     border: 1px solid white; } 
     1290    border: 1px solid #fff; } 
    13391291 
    13401292  #wrapper { 
     
    13511303    margin-right: 0%; 
    13521304    margin-left: -100%; 
    1353     *margin-left: -99.9%; 
    13541305    padding-left: 1em; 
    13551306    padding-right: 1em; 
     
    13581309    -ms-box-sizing: border-box; 
    13591310    box-sizing: border-box; 
    1360     word-wrap: break-word; 
    1361     *behavior: url("scripts"); 
    1362     _display: inline; 
    1363     _overflow: hidden; 
    1364     _overflow-y: visible; } } 
     1311    word-wrap: break-word; } } 
    13651312/*** dev only ***/ 
Note: See TracChangeset for help on using the changeset viewer.

Sites map