Révision 74f6bef0
Ajouté par Assos Assos il y a plus de 10 ans
| drupal7/sites/all/themes/adaptivetheme/at_subtheme/sass/global.styles.scss | ||
|---|---|---|
| 30 | 30 |
* Base |
| 31 | 31 |
* ========================================================================== */ |
| 32 | 32 |
|
| 33 |
/*
|
|
| 33 |
/* |
|
| 34 | 34 |
* To preserve theme settings never apply font properties to the HTML element. |
| 35 | 35 |
* This is critically important if you are using the Responsive JavaScript |
| 36 | 36 |
* feature as this relies on being able to set a pseudo font family on the HTML |
| ... | ... | |
| 147 | 147 |
* ========================================================================== */ |
| 148 | 148 |
|
| 149 | 149 |
/* |
| 150 |
* Page wrapper, includes the .container class which sets the overall page or section width |
|
| 151 |
* Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it! |
|
| 150 |
* Outer wrappers: |
|
| 151 |
* - #page-wrapper: body > #page-wrapper |
|
| 152 |
* - #page: body > #page-wrapper > #page |
|
| 153 |
* - .container: body > #page-wrapper > #page.container |
|
| 154 |
* |
|
| 155 |
* The .container class holds the page width value from theme settings. You can |
|
| 156 |
* style the .container class but do not add width such as border, padding, |
|
| 157 |
* margins etc. |
|
| 152 | 158 |
*/ |
| 159 |
|
|
| 160 |
#page-wrapper {}
|
|
| 161 |
|
|
| 162 |
|
|
| 153 | 163 |
#page {
|
| 154 |
.container {}
|
|
| 164 |
&.container {}
|
|
| 155 | 165 |
} |
| 156 | 166 |
|
| 157 | 167 |
|
| ... | ... | |
| 174 | 184 |
|
| 175 | 185 |
|
| 176 | 186 |
/* |
| 177 |
* Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column |
|
| 187 |
* Wraps the main-content-header, the content region and feed-icons. Use this |
|
| 188 |
* wrapper to style the entire main content column |
|
| 178 | 189 |
*/ |
| 179 | 190 |
#main-content {}
|
| 180 | 191 |
|
| 181 | 192 |
|
| 182 | 193 |
/* |
| 183 |
* Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style |
|
| 194 |
* Wraps the content region, avoid applying styles to this wrapper, its used |
|
| 195 |
* mainly for position and invisible gutters and can be problematic to style |
|
| 184 | 196 |
*/ |
| 185 | 197 |
#content {}
|
| 186 | 198 |
|
| ... | ... | |
| 201 | 213 |
* Full Width Wrappers |
| 202 | 214 |
* These are used in the optional page--full-width-wrappers.tpl.php template. |
| 203 | 215 |
* All have internal .container classes. In the full width wrapper template the |
| 204 |
* .container classes set the width or max-width of the contained element - you |
|
| 205 |
* can style this but never add any width/margin/padding/borders etc to .container |
|
| 206 |
*/ |
|
| 207 |
|
|
| 208 |
/* |
|
| 209 |
* Wraps #page |
|
| 216 |
* .container classes set the width or max-width - you can style this but never |
|
| 217 |
* add any width/margin/padding/borders etc to .container |
|
| 210 | 218 |
*/ |
| 211 |
#page-wrapper {
|
|
| 212 |
.container {}
|
|
| 213 |
} |
|
| 214 |
|
|
| 215 | 219 |
|
| 216 | 220 |
/* |
| 217 | 221 |
* Wraps the leaderboard |
| ... | ... | |
| 313 | 317 |
|
| 314 | 318 |
|
| 315 | 319 |
/* |
| 316 |
* Wrapper for the site name and slogan (hgroup)
|
|
| 320 |
* Wrapper for the site name and slogan |
|
| 317 | 321 |
*/ |
| 318 | 322 |
#name-and-slogan {}
|
| 319 | 323 |
|
| ... | ... | |
| 422 | 426 |
*/ |
| 423 | 427 |
.search-results {
|
| 424 | 428 |
margin: 0; |
| 429 |
padding: 0; |
|
| 430 |
} |
|
| 431 |
|
|
| 432 |
|
|
| 433 |
/* |
|
| 434 |
* Attribution message and link |
|
| 435 |
*/ |
|
| 436 |
.attribution {
|
|
| 437 |
display: block; |
|
| 438 |
opacity: 0.65; |
|
| 439 |
padding: 1em 0; |
|
| 440 |
text-align: center; |
|
| 441 |
|
|
| 442 |
a {
|
|
| 443 |
text-decoration: none; |
|
| 444 |
color: inherit; |
|
| 445 |
|
|
| 446 |
&:hover, |
|
| 447 |
&:focus {
|
|
| 448 |
text-decoration: underline; |
|
| 449 |
} |
|
| 450 |
} |
|
| 425 | 451 |
} |
| 426 | 452 |
|
| 427 | 453 |
|
| ... | ... | |
| 531 | 557 |
* Primary, Secondary and Menu Bar region menus |
| 532 | 558 |
* ========================================================================== */ |
| 533 | 559 |
|
| 534 |
/* |
|
| 535 |
* Use one of the following id's for granular control: |
|
| 536 |
* - #menu-bar (menu bar region) |
|
| 537 |
* - #primary-menu (main menu) |
|
| 538 |
* - #secondary-menu (secondary/user menu) |
|
| 539 |
* You can target all of these with .nav or div[id$="menu-bar"] |
|
| 540 |
*/ |
|
| 541 |
|
|
| 542 | 560 |
.nav {
|
| 543 | 561 |
clear: both; |
| 544 | 562 |
margin: 10px 0; |
| ... | ... | |
| 563 | 581 |
display: block; |
| 564 | 582 |
white-space: nowrap; |
| 565 | 583 |
padding: 0 10px; |
| 566 |
|
|
| 584 |
|
|
| 567 | 585 |
&:visited {}
|
| 568 |
|
|
| 586 |
|
|
| 569 | 587 |
&:hover, |
| 570 | 588 |
&:focus {}
|
| 571 | 589 |
} |
| ... | ... | |
| 679 | 697 |
} |
| 680 | 698 |
|
| 681 | 699 |
|
| 700 |
/* ============================================================================= |
|
| 701 |
* Menu Toggles |
|
| 702 |
* ========================================================================== */ |
|
| 703 |
// .at-mt is a page class |
|
| 704 |
.at-mt {
|
|
| 705 |
.at-menu-toggle, |
|
| 706 |
.at-menu-toggle ul, |
|
| 707 |
.at-menu-toggle ul.menu {
|
|
| 708 |
margin-top: 0; |
|
| 709 |
margin-bottom: 0; |
|
| 710 |
padding: 0; |
|
| 711 |
} |
|
| 712 |
|
|
| 713 |
.at-menu-toggle-button {
|
|
| 714 |
margin: 0; |
|
| 715 |
} |
|
| 716 |
|
|
| 717 |
.at-menu-toggle ul a {
|
|
| 718 |
padding: 0 10px; |
|
| 719 |
white-space: nowrap; |
|
| 720 |
} |
|
| 721 |
} |
|
| 722 |
|
|
| 723 |
|
|
| 682 | 724 |
/* ============================================================================= |
| 683 | 725 |
* Menus, usually blocks |
| 684 | 726 |
* ========================================================================== */ |
| ... | ... | |
| 724 | 766 |
|
| 725 | 767 |
/* If li.content exists it's a problem, so reset the padding */ |
| 726 | 768 |
.block .menu li.content {
|
| 727 |
padding: 0;
|
|
| 769 |
padding: 0; |
|
| 728 | 770 |
} |
| 729 | 771 |
|
| 730 |
|
|
| 772 |
|
|
| 731 | 773 |
/* ============================================================================= |
| 732 | 774 |
* Book navigation menu |
| 733 | 775 |
* ========================================================================== */ |
| ... | ... | |
| 745 | 787 |
min-width: 2em; |
| 746 | 788 |
white-space: nowrap; |
| 747 | 789 |
} |
| 748 |
|
|
| 790 |
|
|
| 749 | 791 |
.menu {
|
| 750 | 792 |
margin-left: 0; |
| 751 | 793 |
} |
| ... | ... | |
| 1006 | 1048 |
/* |
| 1007 | 1049 |
* When labels are set to inline in field display settings the clearfix class is automatically added |
| 1008 | 1050 |
*/ |
| 1009 |
.field-label-inline {}
|
|
| 1051 |
.field-label-inline {
|
|
| 1010 | 1052 |
|
| 1053 |
/* Remove the margin on inline field lables to preserve vertical formatting */ |
|
| 1054 |
.field-label {
|
|
| 1055 |
margin: 0; |
|
| 1056 |
} |
|
| 1057 |
} |
|
| 1011 | 1058 |
|
| 1012 | 1059 |
/* |
| 1013 | 1060 |
* Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues |
| ... | ... | |
| 1152 | 1199 |
|
| 1153 | 1200 |
|
| 1154 | 1201 |
/* |
| 1155 |
* Image Alignment Theme Settings - included here so you can easily override
|
|
| 1202 |
* Image Alignment Theme Settings - included here so you can easily override |
|
| 1156 | 1203 |
*/ |
| 1157 | 1204 |
|
| 1158 | 1205 |
/* |
| ... | ... | |
| 1605 | 1652 |
/* |
| 1606 | 1653 |
* Wrapper for a form element (or group of form elements) and its label |
| 1607 | 1654 |
*/ |
| 1608 |
.form-item {
|
|
| 1655 |
.form-item {
|
|
| 1609 | 1656 |
|
| 1610 | 1657 |
input.error, |
| 1611 | 1658 |
textarea.error, |
| ... | ... | |
| 1617 | 1664 |
font-weight: 700; |
| 1618 | 1665 |
} |
| 1619 | 1666 |
|
| 1620 |
label.option {
|
|
| 1667 |
label.option {
|
|
| 1621 | 1668 |
} |
| 1622 | 1669 |
|
| 1623 | 1670 |
.description {
|
| ... | ... | |
| 1642 | 1689 |
/* |
| 1643 | 1690 |
* The submit button |
| 1644 | 1691 |
*/ |
| 1645 |
.form-submit {
|
|
| 1692 |
.form-submit {
|
|
| 1646 | 1693 |
} |
| 1647 | 1694 |
|
| 1648 | 1695 |
|
| ... | ... | |
| 1663 | 1710 |
/* |
| 1664 | 1711 |
* Tips for Drupal's input formats |
| 1665 | 1712 |
*/ |
| 1666 |
.tips {
|
|
| 1713 |
.tips {
|
|
| 1667 | 1714 |
} |
| 1668 | 1715 |
|
| 1669 | 1716 |
|
| 1670 | 1717 |
/* |
| 1671 | 1718 |
* Buttons used by contrib modules like Media |
| 1672 | 1719 |
*/ |
| 1673 |
a.button {
|
|
| 1720 |
a.button {
|
|
| 1674 | 1721 |
@include appearance(button); |
| 1675 | 1722 |
} |
| 1676 | 1723 |
|
| ... | ... | |
| 1790 | 1837 |
* Core sets white-space to nowrap, which makes no sense |
| 1791 | 1838 |
*/ |
| 1792 | 1839 |
#forum td {
|
| 1793 |
.created, |
|
| 1794 |
.posts, |
|
| 1795 |
.topics, |
|
| 1796 |
.last-reply, |
|
| 1797 |
.replies, |
|
| 1798 |
.pager {
|
|
| 1799 |
white-space: normal;
|
|
| 1840 |
&.created,
|
|
| 1841 |
&.posts,
|
|
| 1842 |
&.topics,
|
|
| 1843 |
&.last-reply,
|
|
| 1844 |
&.replies,
|
|
| 1845 |
&.pager {
|
|
| 1846 |
white-space: normal; |
|
| 1800 | 1847 |
} |
| 1801 | 1848 |
} |
| 1802 | 1849 |
|
Formats disponibles : Unified diff
Weekly update of contrib modules