diff options
Diffstat (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/css')
12 files changed, 2677 insertions, 0 deletions
diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/README.txt b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/README.txt new file mode 100644 index 000000000..43fc85a39 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/README.txt @@ -0,0 +1,154 @@ +ZEN'S STYLESHEETS +----------------- + +Don't panic! + +There are 11 CSS files in this sub-theme, but it's not as bad as it first seems: +- There are 5 CSS files whose names end in "-rtl.css". Those are CSS files + needed to style content written in Right-to-Left languages, such as Arabic and + Hebrew. If your website doesn't use such languages, you can safely delete all + of those CSS files. +- There are 2 example layout stylesheets inside the "layouts" folder, + "responsive.css" and "fixed.css", but only one of them is used at any time. +- One is just a print stylesheet! + +That leaves just 4 CSS files! +- styles.css +- normalize.css +- layouts/responsive.css +- components/misc.css + +Now go look in the styles.css file. That file simply includes (via @import) the +other files. It also shows how the files in your sub-theme can be categorized +with the SMACSS technique. http://smacss.com + + +Why not just one stylesheet? + +- For performance reasons you should always have all of your CSS in a single + file to minimize the number of HTTP requests the user's browser needs to do. + Fortunately, Drupal has a "Aggregate and compress CSS" feature that will + automatically combine all the CSS files from its modules and themes into one + file. You can turn on that feature under "Bandwidth Optimization" on the page: + Administration > Configuration > Development > Performance + So Drupal allows us (if we want) to use more than one stylesheet file, but + still serves all the styles in one file to our users. +- When developing a site using a single stylesheet, it can become unwieldy to + scroll and find the place you need to edit. As a deadline becomes imminent, + developers often start stuffing new styles at the bottom of the stylesheet, + completely destroying any stylesheet organization. +- Instead of one monolithic stylesheet, Zen sub-themes' CSS files are organized + into several smaller stylesheets. Once you learn the organization (described + below) it becomes easier to find the right place to add new styles. +- Stylesheets are added in the order specified in the styles.css file. The + default order of the stylesheets is designed to allow CSS authors to use the + lowest specificity possible to achieve the required styling, with more general + stylesheets being added first and more specific stylesheets added later. + + +ORDER AND PURPOSE OF DEFAULT STYLESHEETS +---------------------------------------- + +First off, if you find you don't like this organization of stylesheets, you are +free to change it; simply edit the @import declarations in your sub-theme's +styles.css file. This structure was crafted based on several years of experience +theming Drupal websites. + +- styles.css: + This is the only CSS file listed in your sub-theme's .info file. Its purpose + is to @include all the other stylesheets in your sub-theme. When CSS + aggregation is off, this file will be loaded by web browsers first before they + begin to load the @include'd stylesheets; this results in a delay to load all + the stylesheets, a serious front-end performance problem. However, it does + make it easy to debug your website during development. To remove this + performance problem, turn on Drupal's CSS aggregation after development is + completed. See the note above about "Bandwidth Optimization". + +- normalize.css: + This is the place where you should set the default styling for all HTML + elements and standardize the styling across browsers. If you prefer a specific + HTML reset method, feel free to use it instead of normalize; just make sure + you set all the styles for all HTML elements after you reset them. In SMACSS, + this file contains all the "base rules". http://smacss.com/book/type-base + +- layouts/responsive.css: + Zen's default layout is based on the Zen Grids layout method. Despite the + name, it is an independent project from the Zen theme. Zen Grids is an + intuitive, flexible grid system that leverages the natural source order of + your content to make it easier to create fluid responsive designs. You can + learn more about Zen Grids at http://zengrids.com + + The responsive.css file is used by default, but these files are + designed to be easily replaced. If you are more familiar with a different CSS + layout method, such as GridSetApp, 960.gs, etc., you can replace the default + layout with your choice of layout CSS file. + + In SMACSS, this file contains the "layout rules". + http://smacss.com/book/type-layout + +- layouts/fixed.css: + This layout is based on the Zen Grids layout method, but uses a fixed pixel + width. It is not included by default in your theme's .info file, but is + provided as an option. + + In SMACSS, this file contains the "layout rules". + http://smacss.com/book/type-layout + +- components/misc.css: + This file contains some common component styles needed for Drupal, such as: + - Tabs: contains actual styling for Drupal tabs, a common Drupal element that + is often neglected by site designers. Zen provides some basic styling which + you are free to use or to rip out and replace. + - Various page elements: page styling for the markup in page.tpl.php. + - Blocks: styling for the markup in block.tpl.php. + - Menus: styling for your site's menus. + - Comments: styling for the markup in comment-wrapper.tpl.php and + comments.tpl.php. + - forms: styling for the markup in various Drupal forms. + - fields: styling for the markup produced by theme_field(). + + In SMACSS, this file contains "module rules". You can add additional files + if you'd like to further refine your stylesheet organization. Just add them + to the styles.css file. http://smacss.com/book/type-layout + +- print.css: + The print styles for all markup. + + In SMACSS, this file contains a media query state that overrides modular + styles. This means it most closely related to "module rules". + http://smacss.com/book/type-module + +In these stylesheets, we have included just the classes and IDs needed to apply +a minimum amount of styling. To learn many more useful Drupal core selectors, +check Zen's online documentation: https://drupal.org/node/1707736 + + +STYLES FOR INTERNET EXPLORER +---------------------------- + +Zen allows IE-specific styles using a method first described by Paul Irish at: +http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ + +If you look at Zen's templates/html.tpl.php file, you will see the HTML tag that +will be used by your site. Using Microsoft's conditional comment syntax, +different HTML tags will be used for different versions of Internet Explorer. + +For example, IE6 will see the HTML tag that has these classes: lt-ie7 lt-ie8 +lt-ie9. If you need to write an IE6-specific rule, you can simply prefix the +selector with ".lt-ie7 " (should be read as "less than IE 7"). To write a rule +that applies to both IE6 and IE7, use ".lt-ie8 ": + .someRule { /* Styles for all browsers */ } + .lt-ie8 .someRule { /* Styles for IE6 and IE7 only. */ } + +Many CSS authors prefer using IE "conditional stylesheets", which are +stylesheets added via conditional comments. If you would prefer that method, you +should check out the Conditional Stylesheets module: +https://drupal.org/project/conditional_styles + + +DRUPAL CORE'S STYLESHEETS +------------------------- + +Note: Many of Zen's styles are overriding Drupal's core stylesheets, so if you +remove a declaration from them, the styles may still not be what you want since +Drupal's core stylesheets are still styling the element. diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/components/misc-rtl.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/components/misc-rtl.css new file mode 100644 index 000000000..850bcb56c --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/components/misc-rtl.css @@ -0,0 +1,142 @@ +/** + * @file + * RTL companion for the modular-styles.css file. + */ + +/** + * Branding header. + */ + +/* Wrapping link for logo. */ +.header__logo { + float: right; +} + +/* The secondary menu (login, etc.) */ +.header__secondary-menu { + float: left; +} + +/** + * Navigation bar. + */ + +/* Main menu and secondary menu links and menu block links. */ +#navigation .links, +#navigation .menu { + text-align: right; +} +#navigation .links li, +#navigation .menu li { + /* A simple method to get navigation links to appear in one line. */ + float: right; + padding: 0 0 0 10px; +} + +/** + * Messages. + */ +.messages, +.messages--status, +.messages--warning, +.messages--error { + padding: 10px 50px 10px 10px; + background-position: 99% 8px; +} + +/** + * Tabs. + */ +.tabs-primary__tab, +.tabs-secondary__tab, +.tabs-secondary__tab.is-active { + float: right; +} + +/** + * Inline styles. + */ + +/* List of links */ +.inline li { + /* Bug in Safari causes display: inline to fail. */ + display: inline-block; + padding: 0 0 0 1em; +} + +/* The inline field label used by the Fences.module */ +span.field-label { + padding: 0 0 0 1em; +} + +/** + * "More" links. + */ +.more-link { + text-align: left; +} +.more-help-link { + text-align: left; +} +.more-help-link a { + background-position: 100% 50%; + padding: 1px 20px 1px 0; +} + +/** + * Menus. + */ +.menu__item.is-collapsed { + list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII='); + *list-style-image: url('../../images/menu-collapsed-rtl.png'); +} + +/** + * Comments. + */ + +/* Nested comments are indented. */ +.indented { + margin-left: 0; + margin-right: 30px; +} + +/** + * Forms. + */ + +/* Drupal's default login form block */ +#user-login-form { + text-align: right; +} +html.js #user-login-form li.openid-link, +#user-login-form li.openid-link { + /* Un-do some of the padding on the ul list. */ + margin-left: 0; + margin-right: -20px; +} + +/* + * Drupal admin tables. + */ +form th { + text-align: right; + padding-left: 1em; + padding-right: 0; +} + +/** + * Collapsible fieldsets. + * + * @see collapse.js + */ +html.js .collapsible .fieldset-legend { + background-position: 98% 75%; + padding-left: 0; + padding-right: 15px; +} +html.js .collapsed .fieldset-legend { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABNJREFUCB1j4GASYFJgcmD+A4IADUIDfIUMT4wAAAAASUVORK5CYII='); + *background-image: url('../../images/menu-collapsed-rtl.png'); + background-position: 98% 50%; +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/components/misc.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/components/misc.css new file mode 100644 index 000000000..542420f27 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/components/misc.css @@ -0,0 +1,951 @@ +/** + * @file + * SMACSS Modules + * + * Adds modular sets of styles. + * + * Additional useful selectors can be found in Zen's online documentation. + * https://drupal.org/node/1707736 + */ + +#content { + padding: 0; + padding-top: 1em; +} + +article.view-mode-full div.field-type-image { + width: 980px; + margin: 1em -2em; + position: relative; + top: -57px; + margin-top: -3em; +} + +article.view-mode-full.node-article div.field-type-image { + margin-top: -7.5em; +} + +article.node-teaser div.field-type-image { + width: 980px; + margin: 1em -2em; + position: relative; + +} + +article.node-teaser h2.node__title { +/* font-family: 'Anton', serif;*/ + border-bottom: none; + font-size: 3em; +} + +article.node-teaser h2 { + border: none; + font-size: 1.5em +} + +article.view-mode-full div.field-name-body { + position: relative; + top: -3em; +} + +/** + * Wireframes. + */ +.with-wireframes #header, +.with-wireframes #main, +.with-wireframes #content, +.with-wireframes #navigation, +.with-wireframes .region-sidebar-first, +.with-wireframes .region-sidebar-second, +.with-wireframes #footer, +.with-wireframes .region-bottom { + outline: 1px solid #ccc; +} +.lt-ie8 .with-wireframes #header, +.lt-ie8 .with-wireframes #main, +.lt-ie8 .with-wireframes #content, +.lt-ie8 .with-wireframes #navigation, +.lt-ie8 .with-wireframes .region-sidebar-first, +.lt-ie8 .with-wireframes .region-sidebar-second, +.lt-ie8 .with-wireframes #footer, +.lt-ie8 .with-wireframes .region-bottom { + /* IE6/7 do not support the outline property. */ + border: 1px solid #ccc; +} + +/** + * Accessibility features. + */ + +/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ +.element-invisible, +.element-focusable, +#navigation .block-menu .block__title, +#navigation .block-menu-block .block__title { + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); + clip: rect(1px, 1px, 1px, 1px); +} + +/* Turns off the element-invisible effect. */ +.element-focusable:active, +.element-focusable:focus { + position: static !important; + clip: auto; + height: auto; + width: auto; + overflow: auto; +} + +/* + * The skip-link link will be completely hidden until a user tabs to the link. + */ +#skip-link { + margin: 0; +} +#skip-link a, +#skip-link a:visited { + display: block; + width: 100%; + padding: 2px 0 3px 0; + text-align: center; + background-color: #666; + color: #fff; +} + +/** + * Branding header. + */ + +.header { + background: url(../../images/header.png); + height: 360px; + box-shadow: 0px 10px 10px #aaa; +} + +/* Wrapping link for logo. */ +.header__logo { + float: left; /* LTR */ + margin: 0; + padding: 0; +} + +/* Logo image. */ +.header__logo-image { + vertical-align: bottom; +} + +/* Wrapper for website name and slogan. */ +.header__name-and-slogan { + margin-top: 1em; + float: none; + width: 100%; + font-family: 'Playfair Display', serif; + text-align: center; +} + +/* The name of the website. */ +.header__site-name { + margin: 0; + font-size: 4em; + line-height: 1.5em; + font-weight: 400; + text-transform: uppercase; + text-shadow: 1px 0px 1px #666; + border-bottom: none; + font-family: 'Playfair Display', serif; +} + +/* The link around the name of the website. */ + +.header__site-link, +.header__site-link:visited { + transition: color 0.5s; +} + +.header__site-link:link, +.header__site-link:visited { + color: #000; + text-decoration: none; +} +.header__site-link:hover, +.header__site-link:focus { + text-decoration: none; + color: #333; +} + +/* The slogan (or tagline) of a website. */ +.header__site-slogan { + margin: 0; + font-size: 1.5em; + text-shadow: 1px 0px 0px #666; + margin-top: 0.2em; +} + +/* The secondary menu (login, etc.) */ +.header__secondary-menu { + float: right; /* LTR */ +} + +/* Wrapper for any blocks placed in the header region. */ +.header__region { + /* Clear the logo. */ + clear: both; +} + +/** + * Navigation bar. + */ +#navigation { + /* Sometimes you want to prevent overlapping with main div. */ + /* overflow: hidden; */ +} +#navigation .block { + margin-bottom: 0; +} + +/* Main menu and secondary menu links and menu block links. */ +#navigation .links, +#navigation .menu { + margin: 0; + padding: 0; + text-align: left; /* LTR */ +} +#navigation .links li, +#navigation .menu li { + /* A simple method to get navigation links to appear in one line. */ + float: left; /* LTR */ + padding: 0 10px 0 0; /* LTR */ + list-style-type: none; + list-style-image: none; +} + +/** + * Menus + */ + +#block-system-main-menu { +margin-top: 77px; +} + +#block-system-main-menu .menu { + margin: 0 auto; + padding: 0; + text-align: center; + width: 700px; +} + +#block-system-main-menu .menu li { + /* A simple method to get navigation links to appear in one line. */ + float: left; /* LTR */ + padding: 0 20px 0 0; /* LTR */ + list-style-type: none; + list-style-image: none; + font-family: 'Anton', sans-serif; + font-size: 1.5em; + text-transform: lowercase; +} + +#block-system-main-menu .menu li a { + background-repeat: no-repeat; + text-decoration: none; + color: white; + padding-top: 2.25em; + /*border-bottom: 8px solid #eee;*/ + transition: all 1s; + -webkit-transition: all 1s; + width: 120px; + height: 80px; +} + +#block-system-main-menu .menu li a:hover, +#block-system-main-menu .menu li a.active{ + color: black; +} + +#block-system-main-menu .menu li:nth-child(1) a { + display: block; + background: url(../../images/menu_g1.png) no-repeat; + background-size: 100%; +} + +#block-system-main-menu .menu li:nth-child(1) a:hover, +#block-system-main-menu .menu li:nth-child(1) a.active{ + border-bottom: 8px solid #00aad4; + border-color: rgba(0,170,212,0.75); + background: url(../../images/menu_c1.png) no-repeat; + background-size: 100%; +} + +#block-system-main-menu .menu li:nth-child(2) a { + display: block; + background: url(../../images/menu_g2.png) no-repeat; + background-size: 105%; + background-position: middle; + +} + +#block-system-main-menu .menu li:nth-child(2) a:hover, +#block-system-main-menu .menu li:nth-child(2) a.active { + border-bottom: 8px solid #d40000; + border-color: rgba(212,0,0,0.75); + background: url(../../images/menu_c2.png) no-repeat; + background-position: middle; + background-size: 105%; +} + +#block-system-main-menu .menu li:nth-child(3) a { + display: block; + background: url(../../images/menu_g3.png) no-repeat; + background-size: 100%; +} + +#block-system-main-menu .menu li:nth-child(3) a:hover, +#block-system-main-menu .menu li:nth-child(3) a.active { + border-bottom: 8px solid #ffd42a; + border-color: rgba(255,212,42,0.75); + background: url(../../images/menu_c3.png) no-repeat; + background-size: 100%; +} + +#block-system-main-menu .menu li:nth-child(4) a { + display: block; + background: url(../../images/menu_g4.png) no-repeat; + background-size: 100%; +} + +#block-system-main-menu .menu li:nth-child(4) a:hover, +#block-system-main-menu .menu li:nth-child(4) a.active { + border-bottom: 8px solid #aad400; + border-color: rgba(170,212,0,0.75); + background: url(../../images/menu_c4.png) no-repeat; + background-size: 100%; +} + +#block-system-main-menu .menu li:nth-child(5) a { + display: block; + background: url(../../images/menu_g5.png) no-repeat; + background-size: 100%; +} + +#block-system-main-menu .menu li:nth-child(5) a:hover, +#block-system-main-menu .menu li:nth-child(5) a.active { + border-bottom: 8px solid #a05a2c; + border-color: rgba(160,90,44,0.75); + background: url(../../images/menu_c5.png) no-repeat; + background-size: 100%; +} + +/** + * Page background + */ + +#content { + background: url(../../images/header.png); + box-shadow: 0px 0px 20px #aaa; +} + +/** + * Breadcrumb navigation. + */ +.breadcrumb ol { + margin: 0; + padding: 0; +} +.breadcrumb li { + display: inline; + list-style-type: none; + margin: 0; + padding: 0; +} + +/** + * Titles. + */ +.page__title, /* The title of the page. */ +.node__title, /* Title of a piece of content when it is given in a list of content. */ +.block__title, /* Block title. */ +.comments__title, /* Comment section heading. */ +.comments__form-title, /* Comment form heading. */ +.comment__title { /* Comment title. */ + margin: 0; +} + +/** + * Messages. + */ +.messages, +.messages--status, +.messages--warning, +.messages--error { + margin: 1.5em 0; + padding: 10px 10px 10px 50px; /* LTR */ + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/ +Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII='); + *background-image: url('../../images/message-24-ok.png'); + background-position: 8px 8px; /* LTR */ + background-repeat: no-repeat; + border: 1px solid #be7; +} +.messages--warning { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/ +SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC'); + *background-image: url('../../images/message-24-warning.png'); + border-color: #ed5; +} +.messages--error { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp// +215Q+p7kiKh2lQSAAAAABJRU5ErkJggg=='); + *background-image: url('../../images/message-24-error.png'); + border-color: #ed541d; +} +.messages__list { + margin: 0; +} +.messages__item { + list-style-image: none; +} + +/* Core/module installation error messages. */ +.messages--error p.error { + color: #333; +} + +/* System status report. */ +.ok, +.messages--status { + background-color: #f8fff0; + color: #234600; +} +.warning, +.messages--warning { + background-color: #fffce5; + color: #840; +} +.error, +.messages--error { + background-color: #fef5f1; + color: #8c2e0b; +} + +/** + * Tabs. + */ + +/* Basic positioning styles shared by primary and secondary tabs. */ +.tabs-primary, +.tabs-secondary { + overflow: hidden; + *zoom: 1; + background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(100%, #bbbbbb), color-stop(100%, transparent)); + background-image: -webkit-linear-gradient(bottom, #bbbbbb 1px, transparent 1px); + background-image: -moz-linear-gradient(bottom, #bbbbbb 1px, transparent 1px); + background-image: -o-linear-gradient(bottom, #bbbbbb 1px, transparent 1px); + background-image: linear-gradient(bottom, #bbbbbb 1px, transparent 1px); + /* IE 9 and earlier don't understand gradients. */ + list-style: none; + border-bottom: 1px solid #bbbbbb \0/ie; + margin: 1.5em 0 -1.5em 0; + padding: 0 2px; + white-space: nowrap; +} +.tabs-primary__tab, +.tabs-secondary__tab, +.tabs-secondary__tab.is-active { + float: left; /* LTR */ + margin: 0 3px; +} +a.tabs-primary__tab-link, +a.tabs-secondary__tab-link { + border: 1px solid #e9e9e9; + border-right: 0; + border-bottom: 0; + display: block; + line-height: 1.5em; + text-decoration: none; +} + +/* Primary tabs. */ +.tabs-primary__tab, +.tabs-primary__tab.is-active { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + text-shadow: 1px 1px 0 white; + border: 1px solid #bbbbbb; + border-bottom-color: transparent; + /* IE 9 and earlier don't understand gradients. */ + border-bottom: 0 \0/ie; +} +.is-active.tabs-primary__tab { + border-bottom-color: white; +} +a.tabs-primary__tab-link, +a.tabs-primary__tab-link.is-active { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-transition: background-color 0.3s; + -moz-transition: background-color 0.3s; + -o-transition: background-color 0.3s; + transition: background-color 0.3s; + color: #333; + background-color: #dedede; + letter-spacing: 1px; + padding: 0 1em; + text-align: center; +} +a.tabs-primary__tab-link:hover, +a.tabs-primary__tab-link:focus { + background-color: #e9e9e9; + border-color: #f2f2f2; +} +a.tabs-primary__tab-link:active, +a.tabs-primary__tab-link.is-active { + background-color: transparent; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9'); + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0))); + background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); + background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); + background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); + background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); + border-color: #fff; +} + +/* Secondary tabs. */ +.tabs-secondary { + font-size: .9em; + /* Collapse bottom margin of ul.primary. */ + margin-top: -1.5em; +} +.tabs-secondary__tab, +.tabs-secondary__tab.is-active { + margin: 0.75em 3px; +} +a.tabs-secondary__tab-link, +a.tabs-secondary__tab-link.is-active { + -webkit-border-radius: 0.75em; + -moz-border-radius: 0.75em; + -ms-border-radius: 0.75em; + -o-border-radius: 0.75em; + border-radius: 0.75em; + -webkit-transition: background-color 0.3s; + -moz-transition: background-color 0.3s; + -o-transition: background-color 0.3s; + transition: background-color 0.3s; + text-shadow: 1px 1px 0 white; + background-color: #f2f2f2; + color: #666; + padding: 0 .5em; +} +a.tabs-secondary__tab-link:hover, +a.tabs-secondary__tab-link:focus { + background-color: #dedede; + border-color: #999; + color: #333; +} +a.tabs-secondary__tab-link:active, +a.tabs-secondary__tab-link.is-active { + text-shadow: 1px 1px 0 #333333; + background-color: #666; + border-color: #000; + color: #fff; +} + +/** + * Inline styles. + */ + +/* List of links generated by theme_links(). */ +.inline { + display: inline; + padding: 0; +} +.inline li { + display: inline; + list-style-type: none; + padding: 0 1em 0 0; /* LTR */ +} + +/* The inline field label used by the Fences module. */ +span.field-label { + padding: 0 1em 0 0; /* LTR */ +} + +/** + * "More" links. + */ +.more-link { + text-align: right; /* LTR */ +} +.more-help-link { + text-align: right; /* LTR */ +} +.more-help-link a { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC'); + *background-image: url('../../images/help.png'); + background-position: 0 50%; /* LTR */ + background-repeat: no-repeat; + padding: 1px 0 1px 20px; /* LTR */ +} + +/** + * Pager. + */ + +/* A list of page numbers when more than 1 page of content is available. */ +.pager { + clear: both; + padding: 0; + text-align: center; +} + +.pager-item, /* A list item containing a page number in the list of pages. */ +.pager-first, /* The first page's list item. */ +.pager-previous, /* The previous page's list item. */ +.pager-next, /* The next page's list item. */ +.pager-last, /* The last page's list item. */ +.pager-ellipsis, /* A concatenation of several list items using an ellipsis. */ +.pager-current { /* The current page's list item. */ + display: inline; + padding: 0 0.5em; + list-style-type: none; + background-image: none; +} +.pager-current { + font-weight: bold; +} + +/** + * Blocks. + */ + +/* Block wrapper. */ +.block { + margin-bottom: 1.5em; +} + +/** + * Menus. + */ +.menu__item.is-leaf { + list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC'); + *list-style-image: url('../../images/menu-leaf.png'); + list-style-type: square; +} +.menu__item.is-expanded { + list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); + *list-style-image: url('../../images/menu-expanded.png'); + list-style-type: circle; +} +.menu__item.is-collapsed { + list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ + *list-style-image: url('../../images/menu-collapsed.png'); /* LTR */ + list-style-type: disc; +} + +/* The active item in a Drupal menu. */ +.menu a.active { + color: #000; +} + +/** + * Marker. + */ + +/* The "new" or "updated" marker. */ +.new, +.update { + color: #c00; + /* Remove background highlighting from <mark> in normalize. */ + background-color: transparent; +} + +/** + * Unpublished note. + */ + +/* The word "Unpublished" displayed underneath the content. */ +.unpublished { + height: 0; + overflow: visible; + /* Remove background highlighting from <mark> in normalize. */ + background-color: transparent; + color: #d8d8d8; + font-size: 75px; + line-height: 1; + font-family: Impact, "Arial Narrow", Helvetica, sans-serif; + font-weight: bold; + text-transform: uppercase; + text-align: center; + /* A very nice CSS3 property. */ + word-wrap: break-word; +} +.lt-ie8 .node-unpublished > *, +.lt-ie8 .comment-unpublished > * { + /* Otherwise these elements will appear below the "Unpublished" text. */ + position: relative; +} + +/** + * Comments. + */ + +/* Wrapper for the list of comments and its title. */ +.comments { + margin: 1.5em 0; +} + +/* Preview of the comment before submitting new or updated comment. */ +.comment-preview { + /* Drupal core will use a #ffffea background. See #1110842. */ + background-color: #ffffea; +} + +/* Wrapper for a single comment. */ +.comment { + /* Comment's permalink wrapper. */ +} +.comment .permalink { + text-transform: uppercase; + font-size: 75%; +} + +/* Nested comments are indented. */ +.indented { + /* Drupal core uses a 25px left margin. */ + margin-left: 30px; /* LTR */ +} + +/** + * Forms. + */ + +/* Wrapper for a form element (or group of form elements) and its label. */ +.form-item { + margin: 1.5em 0; +} + +/* Pack groups of checkboxes and radio buttons closer together. */ +.form-checkboxes .form-item, +.form-radios .form-item { + /* Drupal core uses "0.4em 0". */ + margin: 0; +} + +/* Form items in a table. */ +tr.odd .form-item, +tr.even .form-item { + margin: 0; +} + +/* Highlight the form elements that caused a form submission error. */ +.form-item input.error, +.form-item textarea.error, +.form-item select.error { + border: 1px solid #c00; +} + +/* The descriptive help text (separate from the label). */ +.form-item .description { + font-size: 0.85em; +} +.form-type-radio .description, +.form-type-checkbox .description { + margin-left: 2.4em; +} + +/* The part of the label that indicates a required field. */ +.form-required { + color: #c00; +} + +/* Labels for radios and checkboxes. */ +label.option { + display: inline; + font-weight: normal; +} + +/* Buttons used by contrib modules like Media. */ +a.button { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; +} + +/* Password confirmation. */ +.password-parent, +.confirm-parent { + margin: 0; +} + +/* Drupal's default login form block. */ +#user-login-form { + text-align: left; /* LTR */ +} + +/** + * OpenID + * + * The default styling for the OpenID login link seems to assume Garland's + * styling of list items. + */ + +/* OpenID creates a new ul above the login form's links. */ +.openid-links { + /* Position OpenID's ul next to the rest of the links. */ + margin-bottom: 0; +} + +/* The "Log in using OpenID" and "Cancel OpenID login" links. */ +.openid-link, +.user-link { + margin-top: 1.5em; +} +html.js #user-login-form li.openid-link, +#user-login-form li.openid-link { + /* Un-do some of the padding on the ul list. */ + margin-left: -20px; /* LTR */ +} +#user-login ul { + margin: 1.5em 0; +} + +/** + * Drupal admin tables. + */ +form th { + text-align: left; /* LTR */ + padding-right: 1em; /* LTR */ + border-bottom: 3px solid #ccc; +} +form tbody { + border-top: 1px solid #ccc; +} +form table ul { + margin: 0; +} +tr.even, +tr.odd { + background-color: #eee; + border-bottom: 1px solid #ccc; + padding: 0.1em 0.6em; +} +tr.even { + background-color: #fff; +} +.lt-ie8 tr.even th, +.lt-ie8 tr.even td, +.lt-ie8 tr.odd th, +.lt-ie8 tr.odd td { + /* IE doesn't display borders on table rows. */ + border-bottom: 1px solid #ccc; +} + +/* Markup generated by theme_tablesort_indicator(). */ +td.active { + background-color: #ddd; +} + +/* Center checkboxes inside table cell. */ +td.checkbox, +th.checkbox { + text-align: center; +} + +/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */ +td.menu-disabled { + background: #ccc; +} + +/** + * Autocomplete. + * + * @see autocomplete.js + */ + +/* Suggestion list. */ +#autocomplete .selected { + background: #0072b9; + color: #fff; +} + +/** + * Collapsible fieldsets. + * + * @see collapse.js + */ +html.js .collapsible .fieldset-legend { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); + *background-image: url('../../images/menu-expanded.png'); + background-position: 5px 65%; /* LTR */ + background-repeat: no-repeat; + padding-left: 15px; /* LTR */ +} +html.js .collapsed .fieldset-legend { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ + *background-image: url('../../images/menu-collapsed.png'); /* LTR */ + background-position: 5px 50%; /* LTR */ +} +.fieldset-legend .summary { + color: #999; + font-size: 0.9em; + margin-left: 0.5em; +} + +/** + * TableDrag behavior. + * + * @see tabledrag.js + */ +tr.drag { + background-color: #fffff0; +} +tr.drag-previous { + background-color: #ffd; +} +.tabledrag-toggle-weight { + font-size: 0.9em; +} + +/** + * TableSelect behavior. + * + * @see tableselect.js + */ +tr.selected td { + background: #ffc; +} + +/** + * Progress bar. + * + * @see progress.js + */ +.progress { + font-weight: bold; +} +.progress .bar { + background: #ccc; + border-color: #666; + margin: 0 0.2em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +.progress .filled { + background-color: #0072b9; + background-image: url('../../images/progress.gif'); +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/fixed-rtl.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/fixed-rtl.css new file mode 100644 index 000000000..c66a9b380 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/fixed-rtl.css @@ -0,0 +1,72 @@ +/** + * @file + * RTL companion for the layout-fixed-width.css file. + */ + +/** + * The layout when there is only one sidebar, the right one. + */ + +/* Span 4 columns, starting in 2nd column from right. */ +.sidebar-first #content { + float: right; + width: 764px; + margin-right: 196px; + margin-left: -980px; +} + +/* Span 1 column, starting in 1st column from right. */ +.sidebar-first .region-sidebar-first { + float: right; + width: 176px; + margin-right: 0px; + margin-left: -196px; +} + +/** + * The layout when there is only one sidebar, the left one. + */ + +/* Span 4 columns, starting in 1st column from right. */ +.sidebar-second #content { + float: right; + width: 764px; + margin-right: 0px; + margin-left: -784px; +} + +/* Span 1 column, starting in 5th column from right. */ +.sidebar-second .region-sidebar-second { + float: right; + width: 176px; + margin-right: 784px; + margin-left: -980px; +} + +/** + * The layout when there are two sidebars. + */ + +/* Span 3 columns, starting in 2nd column from right. */ +.two-sidebars #content { + float: right; + width: 568px; + margin-right: 196px; + margin-left: -784px; +} + +/* Span 1 column, starting in 1st column from right. */ +.two-sidebars .region-sidebar-first { + float: right; + width: 176px; + margin-right: 0px; + margin-left: -196px; +} + +/* Span 1 column, starting in 5th column from right. */ +.two-sidebars .region-sidebar-second { + float: right; + width: 176px; + margin-right: 784px; + margin-left: -980px; +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/fixed.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/fixed.css new file mode 100644 index 000000000..bf1e3ad1a --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/fixed.css @@ -0,0 +1,144 @@ +/** + * @file + * Positioning for a fixed-width, desktop-centric layout. + * + * Define CSS classes to create a table-free, 3-column, 2-column, or single + * column layout depending on whether blocks are enabled in the left or right + * columns. + * + * This layout uses the Zen Grids plugin for Compass: http://zengrids.com + */ + +/** + * Center the page. + * + * If you want to make the page a fixed width and centered in the viewport, + * this is the standards-compliant way to do that. + */ +#page, +.region-bottom { + margin-left: auto; + margin-right: auto; + width: 980px; +} + +/* Apply the shared properties of grid items in a single, efficient ruleset. */ +#header, +#content, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +#footer { + padding-left: 10px; + padding-right: 10px; + border-left: 0 !important; + border-right: 0 !important; + word-wrap: break-word; + *behavior: url("/path/to/boxsizing.htc"); + _display: inline; + _overflow: hidden; + _overflow-y: visible; +} + +/* Containers for grid items and flow items. */ +#header, +#main, +#footer { + *position: relative; + *zoom: 1; +} +#header:before, +#header:after, +#main:before, +#main:after, +#footer:before, +#footer:after { + content: ""; + display: table; +} +#header:after, +#main:after, +#footer:after { + clear: both; +} + +/* Navigation bar */ +#main { + /* Move all the children of #main down to make room. */ + padding-top: 2em; +} +#navigation { + /* Move the navbar up inside #main's padding. */ + position: absolute; + top: 0; + height: 3em; + width: 960px; +} + +/** + * The layout when there is only one sidebar, the left one. + */ + +/* Span 4 columns, starting in 2nd column from left. */ +.sidebar-first #content { + float: left; + width: 764px; + margin-left: 196px; + margin-right: -980px; +} + +/* Span 1 column, starting in 1st column from left. */ +.sidebar-first .region-sidebar-first { + float: left; + width: 176px; + margin-left: 0px; + margin-right: -196px; +} + +/** + * The layout when there is only one sidebar, the right one. + */ + +/* Span 4 columns, starting in 1st column from left. */ +.sidebar-second #content { + float: left; + width: 764px; + margin-left: 0px; + margin-right: -784px; +} + +/* Span 1 column, starting in 5th column from left. */ +.sidebar-second .region-sidebar-second { + float: left; + width: 176px; + margin-left: 784px; + margin-right: -980px; +} + +/** + * The layout when there are two sidebars. + */ + +/* Span 3 columns, starting in 2nd column from left. */ +.two-sidebars #content { + float: left; + width: 568px; + margin-left: 196px; + margin-right: -784px; +} + +/* Span 1 column, starting in 1st column from left. */ +.two-sidebars .region-sidebar-first { + float: left; + width: 176px; + margin-left: 0px; + margin-right: -196px; +} + +/* Span 1 column, starting in 5th column from left. */ +.two-sidebars .region-sidebar-second { + float: left; + width: 176px; + margin-left: 784px; + margin-right: -980px; +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/responsive-rtl.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/responsive-rtl.css new file mode 100644 index 000000000..a06f82ffa --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/responsive-rtl.css @@ -0,0 +1,195 @@ +/** + * @file + * RTL companion for the layout-responsive.css file. + */ + +/** + * Use 3 grid columns for smaller screens. + */ +@media all and (min-width: 480px) and (max-width: 959px) { + + /** + * The layout when there is only one sidebar, the right one. + */ + + /* Span 2 columns, starting in 2nd column from right. */ + .sidebar-first #content { + float: right; + width: 66.66667%; + margin-right: 33.33333%; + margin-left: -100%; + } + + /* Span 1 column, starting in 1st column from right. */ + .sidebar-first .region-sidebar-first { + float: right; + width: 33.33333%; + margin-right: 0%; + margin-left: -33.33333%; + } + + /** + * The layout when there is only one sidebar, the left one. + */ + + /* Span 2 columns, starting in 1st column from right. */ + .sidebar-second #content { + float: right; + width: 66.66667%; + margin-right: 0%; + margin-left: -66.66667%; + } + + /* Span 1 column, starting in 3rd column from right. */ + .sidebar-second .region-sidebar-second { + float: right; + width: 33.33333%; + margin-right: 66.66667%; + margin-left: -100%; + } + + /** + * The layout when there are two sidebars. + */ + + /* Span 2 columns, starting in 2nd column from right. */ + .two-sidebars #content { + float: right; + width: 66.66667%; + margin-right: 33.33333%; + margin-left: -100%; + } + + /* Span 1 column, starting in 1st column from right. */ + .two-sidebars .region-sidebar-first { + float: right; + width: 33.33333%; + margin-right: 0%; + margin-left: -33.33333%; + } + + /* Start a new row and span all 3 columns. */ + .two-sidebars .region-sidebar-second { + float: right; + width: 100%; + margin-right: 0%; + margin-left: -100%; + padding-left: 0; + padding-right: 0; + clear: right; + } + + /* Apply the shared properties of grid items in a single, efficient ruleset. */ + .two-sidebars .region-sidebar-second .block { + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + *behavior: url("/path/to/boxsizing.htc"); + _display: inline; + _overflow: hidden; + _overflow-y: visible; + } + + /* Span 1 column, starting in the 1st column from right. */ + .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { + float: right; + width: 33.33333%; + margin-right: 0%; + margin-left: -33.33333%; + clear: right; + } + + /* Span 1 column, starting in the 2nd column from right. */ + .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { + float: right; + width: 33.33333%; + margin-right: 33.33333%; + margin-left: -66.66667%; + } + + /* Span 1 column, starting in the 3rd column from right. */ + .two-sidebars .region-sidebar-second .block:nth-child(3n) { + float: right; + width: 33.33333%; + margin-right: 66.66667%; + margin-left: -100%; + } +} + +/** + * Use 5 grid columns for larger screens. + */ +@media all and (min-width: 960px) { + + /** + * The layout when there is only one sidebar, the right one. + */ + + /* Span 4 columns, starting in 2nd column from right. */ + .sidebar-first #content { + float: right; + width: 80%; + margin-right: 20%; + margin-left: -100%; + } + + /* Span 1 column, starting in 1st column from right. */ + .sidebar-first .region-sidebar-first { + float: right; + width: 20%; + margin-right: 0%; + margin-left: -20%; + } + + /** + * The layout when there is only one sidebar, the left one. + */ + + /* Span 4 columns, starting in 1st column from right. */ + .sidebar-second #content { + float: right; + width: 80%; + margin-right: 0%; + margin-left: -80%; + } + + /* Span 1 column, starting in 5th column from right. */ + .sidebar-second .region-sidebar-second { + float: right; + width: 20%; + margin-right: 80%; + margin-left: -100%; + } + + /** + * The layout when there are two sidebars. + */ + + /* Span 3 columns, starting in 2nd column from right. */ + .two-sidebars #content { + float: right; + width: 60%; + margin-right: 20%; + margin-left: -80%; + } + + /* Span 1 column, starting in 1st column from right. */ + .two-sidebars .region-sidebar-first { + float: right; + width: 20%; + margin-right: 0%; + margin-left: -20%; + } + + /* Span 1 column, starting in 5th column from right. */ + .two-sidebars .region-sidebar-second { + float: right; + width: 20%; + margin-right: 80%; + margin-left: -100%; + } +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/responsive.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/responsive.css new file mode 100644 index 000000000..33190f416 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/layouts/responsive.css @@ -0,0 +1,271 @@ +/** + * @file + * Positioning for a responsive layout. + * + * Define CSS classes to create a fluid grid layout with optional sidebars + * depending on whether blocks are placed in the left or right sidebars. + * + * This layout uses the Zen Grids plugin for Compass: http://zengrids.com + */ + +/** + * Center the page. + * + * For screen sizes larger than 1200px, prevent excessively long lines of text + * by setting a max-width. + */ +#page, +.region-bottom { + margin-left: auto; + margin-right: auto; + max-width: 1200px; +} + +/* Apply the shared properties of grid items in a single, efficient ruleset. */ +#header, +#content, +#navigation, +.region-sidebar-first, +.region-sidebar-second, +#footer { + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + *behavior: url("/path/to/boxsizing.htc"); + _display: inline; + _overflow: hidden; + _overflow-y: visible; +} + +/* Containers for grid items and flow items. */ +#header, +#main, +#footer { + *position: relative; + *zoom: 1; +} +#header:before, +#header:after, +#main:before, +#main:after, +#footer:before, +#footer:after { + content: ""; + display: table; +} +#header:after, +#main:after, +#footer:after { + clear: both; +} + +/* Navigation bar */ +@media all and (min-width: 480px) { + #main { + /* Move all the children of #main down to make room. */ + padding-top: 3em; + position: relative; + } + #navigation { + /* Move the navbar up inside #main's padding. */ + position: absolute; + top: 0; + height: 3em; + width: 100%; + } +} + +/** + * Use 3 grid columns for smaller screens. + */ +@media all and (min-width: 480px) and (max-width: 959px) { + + /** + * The layout when there is only one sidebar, the left one. + */ + + /* Span 2 columns, starting in 2nd column from left. */ + .sidebar-first #content { + float: left; + width: 66.66667%; + margin-left: 33.33333%; + margin-right: -100%; + } + + /* Span 1 column, starting in 1st column from left. */ + .sidebar-first .region-sidebar-first { + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + } + + /** + * The layout when there is only one sidebar, the right one. + */ + + /* Span 2 columns, starting in 1st column from left. */ + .sidebar-second #content { + float: left; + width: 66.66667%; + margin-left: 0%; + margin-right: -66.66667%; + } + + /* Span 1 column, starting in 3rd column from left. */ + .sidebar-second .region-sidebar-second { + float: left; + width: 33.33333%; + margin-left: 66.66667%; + margin-right: -100%; + } + + /** + * The layout when there are two sidebars. + */ + + /* Span 2 columns, starting in 2nd column from left. */ + .two-sidebars #content { + float: left; + width: 66.66667%; + margin-left: 33.33333%; + margin-right: -100%; + } + + /* Span 1 column, starting in 1st column from left. */ + .two-sidebars .region-sidebar-first { + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + } + + /* Start a new row and span all 3 columns. */ + .two-sidebars .region-sidebar-second { + float: left; + width: 100%; + margin-left: 0%; + margin-right: -100%; + padding-left: 0; + padding-right: 0; + clear: left; + } + + /* Apply the shared properties of grid items in a single, efficient ruleset. */ + .two-sidebars .region-sidebar-second .block { + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + *behavior: url("/path/to/boxsizing.htc"); + _display: inline; + _overflow: hidden; + _overflow-y: visible; + } + + /* Span 1 column, starting in the 1st column from left. */ + .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { + float: left; + width: 33.33333%; + margin-left: 0%; + margin-right: -33.33333%; + clear: left; + } + + /* Span 1 column, starting in the 2nd column from left. */ + .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { + float: left; + width: 33.33333%; + margin-left: 33.33333%; + margin-right: -66.66667%; + } + + /* Span 1 column, starting in the 3rd column from left. */ + .two-sidebars .region-sidebar-second .block:nth-child(3n) { + float: left; + width: 33.33333%; + margin-left: 66.66667%; + margin-right: -100%; + } +} + +/** + * Use 5 grid columns for larger screens. + */ +@media all and (min-width: 960px) { + + /** + * The layout when there is only one sidebar, the left one. + */ + + /* Span 4 columns, starting in 2nd column from left. */ + .sidebar-first #content { + float: left; + width: 80%; + margin-left: 20%; + margin-right: -100%; + } + + /* Span 1 column, starting in 1st column from left. */ + .sidebar-first .region-sidebar-first { + float: left; + width: 20%; + margin-left: 0%; + margin-right: -20%; + } + + /** + * The layout when there is only one sidebar, the right one. + */ + + /* Span 4 columns, starting in 1st column from left. */ + .sidebar-second #content { + float: left; + width: 80%; + margin-left: 0%; + margin-right: -80%; + } + + /* Span 1 column, starting in 5th column from left. */ + .sidebar-second .region-sidebar-second { + float: left; + width: 20%; + margin-left: 80%; + margin-right: -100%; + } + + /** + * The layout when there are two sidebars. + */ + + /* Span 3 columns, starting in 2nd column from left. */ + .two-sidebars #content { + float: left; + width: 60%; + margin-left: 20%; + margin-right: -80%; + } + + /* Span 1 column, starting in 1st column from left. */ + .two-sidebars .region-sidebar-first { + float: left; + width: 20%; + margin-left: 0%; + margin-right: -20%; + } + + /* Span 1 column, starting in 5th column from left. */ + .two-sidebars .region-sidebar-second { + float: left; + width: 20%; + margin-left: 80%; + margin-right: -100%; + } +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/normalize-rtl.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/normalize-rtl.css new file mode 100644 index 000000000..0d4c4f41b --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/normalize-rtl.css @@ -0,0 +1,27 @@ +/** + * @file + * Normalize-rtl.scss is the RTL language extension of normalize.scss + */ + +/** + * Lists + */ +dd { + margin: 0 30px 0 0; +} + +/* Address paddings set differently in IE 6/7. */ +menu, +ol, +ul { + padding: 0 30px 0 0; +} + +/** + * Forms + */ +legend { + /* Correct alignment displayed oddly in IE 6/7. */ + *margin-left: 0; + *margin-right: -7px; +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/normalize.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/normalize.css new file mode 100644 index 000000000..b5a7f8c62 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/normalize.css @@ -0,0 +1,600 @@ +/** + * @file + * Normalize.css is intended to be used as an alternative to CSS resets. + * + * This file is a slight fork of these original sources: + * - normalize.css v2.1.2 | MIT License | git.io/normalize + * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass + * + * It's suggested that you read the normalize.scss file and customise it to meet + * your needs, rather then including the file in your project and overriding the + * defaults later in your CSS. + * @see http://nicolasgallagher.com/about-normalize-css/ + * + * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ + * @see http://snook.ca/archives/html_and_css/no_css_reset/ + */ + +/** + * HTML5 display definitions + */ + +/* Correct `block` display not defined in IE 8/9. */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +nav, +section, +summary { + display: block; + text-shadow: 1px 1px #ddd; + color: #003; +} + +article { + padding: 1em 2em; + position: relative; +} + +article.node-teaser { + border-bottom: 3px double #007; +} + +/* Correct `inline-block` display not defined in IE 8/9. */ +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} + +/* Address styling not present in IE 8/9. */ +[hidden] { + display: none; +} + +/** + * Base + * + * Instead of relying on the fonts that are available on a user's computer, you + * can use web fonts which, like images, are resources downloaded to the user's + * browser. Because of the bandwidth and rendering resources required, web fonts + * should be used with care. + * + * Numerous resources for web fonts can be found on Google. Here are a few + * websites where you can find Open Source fonts to download: + * - http://www.fontsquirrel.com/fontface + * - http://www.theleagueofmoveabletype.com + * + * In order to use these fonts, you will need to convert them into formats + * suitable for web fonts. We recommend the free-to-use Font Squirrel's + * Font-Face Generator: + * http://www.fontsquirrel.com/fontface/generator + * + * The following is an example @font-face declaration. This font can then be + * used in any ruleset using a property like this: font-family: Example, serif; + */ + +/* +@font-face { + font-family: 'Example'; + src: url('../fonts/example.eot'); + src: url('../fonts/example.eot?iefix') format('eot'), + url('../fonts/example.woff') format('woff'), + url('../fonts/example.ttf') format('truetype'), + url('../fonts/example.svg#webfontOkOndcij') format('svg'); + font-weight: normal; + font-style: normal; +} +*/ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + */ +html { + font-family: "Gentium Basic", serif; /* 1 */ + + /* Delete all but one of the following font-size declarations: */ + + font-size: 100%; /* 3 */ + + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ + + /* Establish a vertical rhythm. */ + line-height: 1.5em; +} + +/* Address `font-family` inconsistency between `textarea` and other form elements. */ +button, +input, +select, +textarea { + /** + * The following font family declarations are available on most computers. + * + * A user's web browser will look at the comma-separated list and will + * attempt to use each font in turn until it finds one that is available + * on the user's computer. The final "generic" font (sans-serif, serif or + * monospace) hints at what type of font to use if the web browser doesn't + * find any of the fonts in the list. + * + * font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif; + * font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif; + * font-family: Georgia, "Times New Roman", "DejaVu Serif", serif; + * + * font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; + * font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif; + * font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; + * font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; + * + * font-family: "Courier New", "DejaVu Sans Mono", monospace; + */ + font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; +} + +/* Remove default margin. */ +body { + margin: 0; + padding: 0; + background: url(../images/background.png) +} + +/** + * Links + * + * The order of link states are based on Eric Meyer's article: + * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states + */ +a { + transition: 0.5s; + -webkit-transition: 0.5s; +} + +a:link { + color: #005; + text-decoration: none; +} +a:visited { + color: #005; +} +a:hover, +a:focus { + color: black; + text-decoration: underline; +} +a:active { + color: black; +} + +/* Address `outline` inconsistency between Chrome and other browsers. */ +a:focus { + outline: thin dotted; +} + +/* Improve readability when focused and also mouse hovered in all browsers. */ +a:active, +a:hover { + outline: 0; +} + +/** + * Typography + * + * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins + * so that the line height of our base font becomes the basic unit of vertical + * measurement. We use multiples of that unit to set the top and bottom margins + * for our block level elements and to set the line heights of any fonts. + * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm + */ + +/* Set 1 unit of vertical rhythm on the top and bottom margin. */ +p, +pre { + margin: 1.5em 0; +} +blockquote { + /* Also indent the quote on both sides. */ + margin: 1.5em 30px; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari 5, and Chrome. + */ +h1 { + /* Set the font-size and line-height while keeping a proper vertical rhythm. */ + font-size: 3em; + line-height: 1.5em; /* 3rem / 2em = 1.5em */ + /* Set 1 unit of vertical rhythm on the top and bottom margins. */ + margin-top: 0.75em; /* 1.5rem / 2em = .75em */ + margin-bottom: 0.75em; + color: black; + font-family: 'Anton', serif; +} + +.page__title { + text-align: center; + font-weight: normal; + z-index: 2; + position: relative; + top: 40px; + color: white; + text-shadow: 0px 0px 10px black; + /*border-bottom: 1px solid black;*/ +} + + +h2, h3, h4, h5, h6 { + margin-left: 50px; + font-weight: normal; + color: black; + font-family: 'Playfair Display', serif; +} + +h2 { + font-size: 2em; + line-height: 2em; /* 3rem / 1.5em = 2em */ + margin-top: 1em; /* 1.5rem / 1.5em = 1em */ + margin-bottom: 1em; + text-align: center; + border-bottom: 1px solid black; + margin-left: 0; +} + +h3 { + font-size: 1.5em; + line-height: 1.28205em; /* 1.5rem / 1.17em = 1.28205em */ + margin-top: 1.28205em; + margin-bottom: 1.28205em; +} + +h4 { + font-size: 1em; + line-height: 1.5em; /* 1.5rem / 1em = 1.5em */ + margin-top: 1.5em; + margin-bottom: 1.5em; +} +h5 { + font-size: 0.83em; + line-height: 1.80723em; /* 1.5rem / 0.83em = 1.80723em */ + margin-top: 1.80723em; + margin-bottom: 1.80723em; +} +h6 { + font-size: 0.67em; + line-height: 2.23881em; /* 1.5rem / 0.67em = 2.23881em */ + margin-top: 2.23881em; + margin-bottom: 2.23881em; +} + +/* Address styling not present in IE 8/9, Safari 5, and Chrome. */ +abbr[title] { + border-bottom: 1px dotted; +} + +/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ +b, +strong { + font-weight: bold; +} + +/* Address styling not present in Safari 5 and Chrome. */ +dfn { + font-style: italic; +} + +/* Address differences between Firefox and other browsers. */ +hr { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; + border: 1px solid #666; + padding-bottom: -1px; + margin: 1.5em 0; +} + +/* Address styling not present in IE 8/9. */ +mark { + background: #ff0; + color: #000; +} + +/* Correct font family set oddly in Safari 5 and Chrome. */ +code, +kbd, +pre, +samp, +tt, +var { + font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; + _font-family: 'courier new', monospace; + font-size: 1em; + line-height: 1.5em; +} + +/* Improve readability of pre-formatted text in all browsers. */ +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* Set consistent quote types. */ +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/* Address inconsistent and variable font size in all browsers. */ +small { + font-size: 80%; +} + +/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} + +/** + * Lists + */ +dl, +menu, +ol, +ul { + /* Address margins set differently in IE 6/7. */ + margin: 1.5em 0; +} +ol ol, +ol ul, +ul ol, +ul ul { + /* Turn off margins on nested lists. */ + margin: 0; +} +dd { + margin: 0 0 0 30px; /* LTR */ +} + +/* Address paddings set differently in IE 6/7. */ +menu, +ol, +ul { + padding: 0 0 0 30px; /* LTR */ +} + +/* Correct list images handled incorrectly in IE 7. */ +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} + +/** + * Embedded content and figures + * + * @todo Look into adding responsive embedded video. + */ +img { + /* Remove border when inside `a` element in IE 8/9. */ + border: 0; + /* Improve image quality when scaled in IE 7. */ + -ms-interpolation-mode: bicubic; + + /* Suppress the space beneath the baseline */ + /* vertical-align: bottom; */ + + /* Responsive images */ + max-width: 100%; + height: auto; + /* Correct IE 8 not scaling image height when resized. */ + width: auto; +} + +/* Correct overflow displayed oddly in IE 9. */ +svg:not(:root) { + overflow: hidden; +} + +/* Address margin not present in IE 8/9 and Safari 5. */ +figure { + margin: 0; +} + +/** + * Forms + */ + +/* Correct margin displayed oddly in IE 6/7. */ +form { + margin: 0; +} + +/* Define consistent border, margin, and padding. */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.5em 0.625em 1em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + * 3. Correct alignment displayed oddly in IE 6/7. + */ +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ + *margin-left: -7px; /* 3 */ /* LTR */ +} + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 4. Improve appearance and consistency with IE 6/7. + * 5. Keep form elements constrained in their containers. + */ +button, +input, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 2 */ + margin: 0; /* 3 */ + vertical-align: baseline; /* 4 */ + *vertical-align: middle; /* 4 */ + max-width: 100%; /* 5 */ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; /* 5 */ +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +button, +input { + line-height: normal; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. Remove inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ + *overflow: visible; /* 4 */ +} + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * 1. Address box sizing set to `content-box` in IE 8/9. + * 2. Remove excess padding in IE 8/9. + * 3. Remove excess padding in IE 7. + * Known issue: excess padding remains in IE 6. + */ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; /* 2 */ +} + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* Remove inner padding and border in Firefox 4+. */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + */ +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + +/* Drupal-style form labels. */ +label { + display: block; + font-weight: bold; +} + +/** + * Tables + */ +table { + /* Remove most spacing between table cells. */ + border-collapse: collapse; + border-spacing: 0; + /* Prevent cramped-looking tables */ + /* width: 100%; */ + /* Add vertical rhythm margins. */ + margin-top: 1.5em; + margin-bottom: 1.5em; +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/print.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/print.css new file mode 100644 index 000000000..ab1fb9f2a --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/print.css @@ -0,0 +1,80 @@ +/** + * @file + * Print styling + * + * We provide some sane print styling for Drupal using Zen's layout method. + */ + +/** + * By importing this CSS file as media "all", we allow this print file to be + * aggregated with other stylesheets, for improved front-end performance. + */ +@media print { + + /* Underline all links. */ + a:link, + a:visited { + text-decoration: underline !important; + } + + /* Don't underline header. */ + a:link.header__site-link, + a:visited.header__site-link { + text-decoration: none !important; + } + + /* Add visible URL after links. */ + #content a[href]:after { + content: " (" attr(href) ")"; + font-weight: normal; + font-size: 16px; + } + + /* Only display useful links. */ + #content a[href^="javascript:"]:after, + #content a[href^="#"]:after { + content: ""; + } + + /* Add visible title after abbreviations. */ + #content abbr[title]:after { + content: " (" attr(title) ")"; + } + + /* Un-float the content. */ + #content { + float: none !important; + width: 100% !important; + margin: 0 !important; + padding: 0 !important; + } + + /* Turn off any background colors or images. */ + body, + #page, + #main, + #content { + color: #000; + background-color: transparent !important; + background-image: none !important; + } + + /* Hide sidebars and nav elements. */ + #skip-link, + #toolbar, + #navigation, + .region-sidebar-first, + .region-sidebar-second, + #footer, + .breadcrumb, + .tabs, + .action-links, + .links, + .book-navigation, + .forum-topic-navigation, + .pager, + .feed-icons { + visibility: hidden; + display: none; + } +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/styles-rtl.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/styles-rtl.css new file mode 100644 index 000000000..fd61a0f44 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/styles-rtl.css @@ -0,0 +1,17 @@ +/** + * @file + * RTL companion for the styles.css file. + */ + +/* HTML element (SMACSS base) rules */ +@import "normalize-rtl.css"; + +/* Layout rules */ +@import "layouts/responsive-rtl.css"; + +/* Component (SMACSS module) rules */ +@import "components/misc-rtl.css"; + +/* SMACSS theme rules */ +/* @import "theme-A-rtl.css"; */ +/* @import "theme-B-rtl.css"; */ diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/styles.css b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/styles.css new file mode 100644 index 000000000..03a686ccd --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/css/styles.css @@ -0,0 +1,24 @@ +/** + * @file + * Styles are organized using the SMACSS technique. @see http://smacss.com/book/ + * + * When you turn on CSS aggregation at admin/config/development/performance, all + * of these @include files will be combined into a single file. + */ + +/* HTML element (SMACSS base) rules */ +@import "normalize.css"; + +/* Layout rules */ +@import "layouts/fixed.css"; + +/* Component (SMACSS module) rules */ +@import "components/misc.css"; +/* Optionally, add your own components here. */ +@import "print.css"; + +@import url(http://fonts.googleapis.com/css?family=Playfair+Display|Gentium+Basic:400,700,400italic,700italic|Anton&subset=latin,latin-ext); + +/* SMACSS theme rules */ +/* @import "theme-A.css"; */ +/* @import "theme-B.css"; */ |