Changeset 2946:f71a84d73ce8
- Timestamp:
- 01/30/15 20:35:39 (9 years ago)
- Branch:
- default
- Location:
- themes/berlin
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
themes/berlin/scss/init/_config.scss
r2640 r2946 1 1 // ----------------- 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; 2 10 @import "compass"; // gem 11 3 12 @import "libs/scut"; 13 14 // ----------------- Zengrids config -------------- // 15 $legacy-support-for-ie7: false; 16 $legacy-support-for-ie6: false; 4 17 //@import "libs/zen-grids/background"; 5 18 //@import "libs/zen-grids/flow"; -
themes/berlin/style.css
r2846 r2946 3 3 Start 4 4 --------------------------------------------------- */ 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 ================================================================================== */ 5 12 /* largeur des paddings et border compris dans "width" */ 6 13 *, … … 235 242 transition: .3s; } 236 243 a:link, a:visited { 237 border-bottom: 1px solid gainsboro; }244 border-bottom: 1px solid #dcdcdc; } 238 245 a:visited { 239 246 border-bottom-style: dotted; } … … 248 255 height: 1px; 249 256 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); } 255 260 256 261 blockquote, q { … … 271 276 display: block; 272 277 line-height: .25; 273 color: gainsboro;278 color: #dcdcdc; 274 279 margin-bottom: 0; } 275 280 … … 363 368 364 369 #main { 365 background-color: white;370 background-color: #fff; 366 371 padding: 1em .5em 2em; } 367 372 368 373 #page { 369 *position: relative;370 *zoom: 1;371 374 max-width: 60em; 372 375 margin: 0 auto; … … 378 381 clear: both; } 379 382 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; } 388 388 389 389 .header { … … 403 403 margin-left: 0%; 404 404 margin-right: -100%; 405 *margin-right: -99.9%;406 405 padding-left: 1em; 407 406 padding-right: 1em; … … 410 409 -ms-box-sizing: border-box; 411 410 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; } 417 412 418 413 #sidebar { … … 421 416 margin-left: 75%; 422 417 margin-right: -100%; 423 *margin-right: -99.9%;424 418 padding-left: 1em; 425 419 padding-right: 1em; … … 428 422 -ms-box-sizing: border-box; 429 423 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; } } 435 425 @media screen and (min-width: 110.1em) { 436 426 body { … … 449 439 margin-left: 0%; 450 440 margin-right: -100%; 451 *margin-right: -99.9%;452 441 padding-left: 1em; 453 442 padding-right: 1em; … … 456 445 -ms-box-sizing: border-box; 457 446 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; } 463 448 464 449 #sidebar { … … 467 452 margin-left: 66.6666667%; 468 453 margin-right: -100%; 469 *margin-right: -99.9%;470 454 padding-left: 1em; 471 455 padding-right: 1em; … … 474 458 -ms-box-sizing: border-box; 475 459 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; } 481 461 482 462 #blognav, #blogextra { … … 499 479 border: 0; 500 480 overflow: hidden; 501 *zoom: 1;502 481 text-align: right; } 503 482 .skip-links li { … … 505 484 list-style-type: none; 506 485 margin-left: 0; 507 display: -moz-inline-stack;508 486 display: inline-block; 509 487 vertical-align: middle; 510 *vertical-align: auto;511 zoom: 1;512 *display: inline;513 488 white-space: nowrap; 514 489 padding-left: 0.5em; … … 539 514 font-weight: 500; 540 515 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; } 542 517 543 518 .site-title__link:hover .site-title__text, … … 558 533 border: 0; 559 534 overflow: hidden; 560 *zoom: 1;561 535 clear: left; 562 536 text-align: right; … … 567 541 list-style-type: none; 568 542 margin-left: 0; 569 display: -moz-inline-stack;570 543 display: inline-block; 571 544 vertical-align: middle; 572 *vertical-align: auto;573 zoom: 1;574 *display: inline;575 545 white-space: nowrap; 576 546 padding-left: 1em; … … 588 558 .header__nav li a:link, 589 559 .header__nav li a:visited { 590 color: white; }560 color: #fff; } 591 561 .header__nav li a:hover, 592 562 .header__nav li a:focus { … … 628 598 display: block; 629 599 margin-right: 0; 630 border-bottom: 1px solid white; } }600 border-bottom: 1px solid #fff; } } 631 601 @media screen and (max-width: 30em) { 632 602 .skip-links { … … 646 616 .footer__widgets { 647 617 padding: 1em; 648 background-color: white;618 background-color: #fff; 649 619 text-align: center; 650 620 line-height: 2; } … … 672 642 padding: 0; 673 643 border: 0; 674 overflow: hidden; 675 *zoom: 1; } 644 overflow: hidden; } 676 645 .footer__widgets ul li { 677 646 list-style-image: none; 678 647 list-style-type: none; 679 648 margin-left: 0; 680 display: -moz-inline-stack;681 649 display: inline-block; 682 650 vertical-align: middle; 683 *vertical-align: auto;684 zoom: 1;685 *display: inline;686 651 white-space: nowrap; 687 652 padding-left: 0.5em; … … 689 654 690 655 .sidebar { 691 *zoom: 1;692 656 padding-top: 2em; 693 657 background: #373737 url(img/bg_dark.png); 694 color: white;658 color: #fff; 695 659 text-shadow: #373737 0px -1px 0px; } 696 660 .sidebar:after { … … 721 685 .blogextra__widgets h4 { 722 686 font-size: 1em; 723 color: white;687 color: #fff; 724 688 font-weight: bold; } 725 689 … … 750 714 display: block; 751 715 padding: .25em; 752 border-bottom: 1px solid gainsboro; }716 border-bottom: 1px solid #dcdcdc; } 753 717 .blognav__widgets li ul, .blogextra__widgets li ul { 754 718 margin-left: -.25em; } 755 719 .blognav__widgets li li, .blogextra__widgets li li { 756 border-top: 1px solid gainsboro; }720 border-top: 1px solid #dcdcdc; } 757 721 .blognav__widgets li li:last-child, .blogextra__widgets li li:last-child { 758 722 border-bottom: none; } … … 763 727 .category-current { 764 728 margin-left: -2em; 765 background-color: black; }729 background-color: #000; } 766 730 767 731 .category-current ul { … … 781 745 /* *** navigation *** */ 782 746 .navlinks { 783 color: white;747 color: #fff; 784 748 margin: 0; } 785 749 … … 788 752 overflow: hidden; 789 753 text-align: left; 790 background-image: url('img/icon_prev.png?14 18493572');754 background-image: url('img/icon_prev.png?1422635622'); 791 755 background-repeat: no-repeat; 792 756 background-position: 50% 50%; } … … 796 760 overflow: hidden; 797 761 text-align: left; 798 background-image: url('img/icon_next.png?14 18493572');762 background-image: url('img/icon_next.png?1422635622'); 799 763 background-repeat: no-repeat; 800 764 background-position: 50% 50%; } … … 806 770 display: inline-block; 807 771 border-radius: 50%; 808 border: 1px solid gainsboro;772 border: 1px solid #dcdcdc; 809 773 background-color: #f2f2f2; } 810 774 .prev:hover, .prev:focus, .next:hover, .next:focus { … … 814 778 #content-info { 815 779 margin-bottom: 4em; 816 border-bottom: 1px solid gainsboro;780 border-bottom: 1px solid #dcdcdc; 817 781 padding: 0; 818 782 font-size: 0.875em; } … … 823 787 border-radius: .5em; 824 788 background-color: #267daf; 825 color: white;789 color: #fff; 826 790 font-size: 1.1428571em; 827 791 text-align: center; } 828 792 #content-info h2 a { 829 color: white; }793 color: #fff; } 830 794 #content-info h3 { 831 795 font-size: 1em; } … … 857 821 border: 1px solid #626262; 858 822 border-radius: .25em; 859 background-color: white;823 background-color: #fff; 860 824 color: #333; 861 825 font-size: .875em; … … 904 868 padding: 0; 905 869 border: 0; 906 overflow: hidden; 907 *zoom: 1; } 870 overflow: hidden; } 908 871 909 872 .post-tags-item { … … 911 874 list-style-type: none; 912 875 margin-left: 0; 913 display: -moz-inline-stack;914 876 display: inline-block; 915 877 vertical-align: middle; 916 *vertical-align: auto;917 zoom: 1;918 *display: inline;919 878 white-space: nowrap; 920 879 vertical-align: top; } … … 929 888 font-weight: 200; } 930 889 .post-title a, .post-title a:link, .post-title a:visited { 931 border-bottom-color: white; }890 border-bottom-color: #fff; } 932 891 .post-title a:hover, .post-title a:focus, .post-title a:active { 933 892 color: #267daf; … … 956 915 position: relative; 957 916 padding: 0 2.5em .25em; 958 border: 1px solid gainsboro;917 border: 1px solid #dcdcdc; 959 918 box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2); } 960 919 … … 1019 978 margin-top: -.5em; 1020 979 border-radius: 50%; 1021 background-color: white;980 background-color: #fff; 1022 981 z-index: 1000; 1023 982 line-height: 2.5em; … … 1057 1016 .error { 1058 1017 background-color: #d52125; 1059 color: white;1018 color: #fff; 1060 1019 padding: .25em .5em; } 1061 1020 … … 1065 1024 1066 1025 button.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); 1072 1029 box-shadow: inset 0 1px 3px 0 #778f96; 1073 1030 background-color: #778f96; … … 1076 1033 display: inline-block; 1077 1034 cursor: pointer; 1078 color: white;1035 color: #fff; 1079 1036 padding: .25em .5em; 1080 1037 text-decoration: none; … … 1086 1043 button.preview:focus { 1087 1044 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%; 1092 1047 background-image: linear-gradient(#5d757d, #5d757d); 1093 1048 background-color: #5d757d; } … … 1113 1068 height: 1px; 1114 1069 content: " "; 1115 background-color: gainsboro;1070 background-color: #dcdcdc; 1116 1071 text-shadow: none; 1117 1072 width: 20%; … … 1129 1084 height: 1px; 1130 1085 content: " "; 1131 background-color: gainsboro;1086 background-color: #dcdcdc; 1132 1087 text-shadow: none; 1133 1088 width: 20%; … … 1296 1251 1297 1252 .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; } 1302 1254 1303 1255 .js #content-info h2, … … 1326 1278 #offcanvas-on { 1327 1279 display: block; 1328 background-color: white;1280 background-color: #fff; 1329 1281 background-image: url(img/icon_open-sidebar.png); 1330 1282 background-image: url(img/icon_open-sidebar.svg), none; … … 1336 1288 background-image: url(img/icon_close.png); 1337 1289 background-image: url(img/icon_close.svg), none; 1338 border: 1px solid white; }1290 border: 1px solid #fff; } 1339 1291 1340 1292 #wrapper { … … 1351 1303 margin-right: 0%; 1352 1304 margin-left: -100%; 1353 *margin-left: -99.9%;1354 1305 padding-left: 1em; 1355 1306 padding-right: 1em; … … 1358 1309 -ms-box-sizing: border-box; 1359 1310 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; } } 1365 1312 /*** dev only ***/
Note: See TracChangeset
for help on using the changeset viewer.