Révision d7f58da2
Ajouté par Florent Torregrosa il y a presque 10 ans
| drupal7/sites/all/themes/mayo/README.txt | ||
|---|---|---|
| 1 | 1 |
|
| 2 | 2 |
MAYO - original theme for Drupal 7 from PIXTURE STUDIO |
| 3 | 3 |
|
| 4 |
MAYO 7.x-2.x is the original theme with responsive layout and other responsive features. Also the theme is |
|
| 5 |
using SASS/Compass to compile CSS. You will still be able to create a normal sub-theme if you need to customize further without getting envolved with SASS. This version uses <!DOCTYPE html> which starts it down the HTML5 path. Very few of the newer HTML5 elements are used at this point. |
|
| 6 |
|
|
| 7 |
MAYO Responsive (7.x-2.x) borrows from Jeff Burnz and his great work on AdaptiveTheme https://drupal.org/project/adaptivethemeS |
|
| 8 |
|
|
| 4 | 9 |
The name "MAYO" is taken from a phrase "MAke Your Own" and "MAYOnnaise" which I love :-). As the name describes itself, MAYO is developed to be a theme that provides users easy ways to customize and create a theme they like. |
| 5 | 10 |
|
| 6 | 11 |
MAYO is developed based on the experience of developing PIXTURE theme. However, MAYO fully takes advantage of Drupal 7's color module and advaced theme settings. MAYO is simple but flexible. You can customize the look of the MAYO easily from the theme setting page. It does not require you to have the knowledge of CSS, HTML and PHP. |
| ... | ... | |
| 15 | 20 |
|
| 16 | 21 |
2. Base font and heading font type (either Serif or Sans-serif) and base font size. |
| 17 | 22 |
|
| 18 |
3. Page layout options such as width of the site (fixed width layout or liquid layout), margins, sidebar layout and width, etc. |
|
| 23 |
3. Page layout options such as margins, sidebar layout and width, etc. There are now settings for Big |
|
| 24 |
Screen Sidebar Layout, Tablet Sidebar Layout, and Smalltouch Sidebar Layout. Also you can adjust the Media |
|
| 25 |
query for each device type, but caution is advised in changing the defaults. Be careful using Pixle Units in |
|
| 26 |
the Sidebar Layout settings as it could have undesired behavior on some device sizes. % units seem to work |
|
| 27 |
best. |
|
| 19 | 28 |
|
| 20 | 29 |
4. Styles such as menubar styles and round corner for node/sidebar block. |
| 21 | 30 |
|
| ... | ... | |
| 90 | 99 |
|
| 91 | 100 |
Menu and Submenu regions are for those who uses superfish, nice_menus and other drop down menus (see the next section for more details). Position of the sidebar first and the second can be configured from the theme settings page. |
| 92 | 101 |
|
| 93 |
|
|
| 94 |
Mininum width |
|
| 95 |
============== |
|
| 96 |
Currently, the theme uses 700px as the minimum-width. If you want to change it, please manually edit the css/layout.css and change the min-width of the body. |
|
| 97 |
|
|
| 98 |
|
|
| 99 | 102 |
How to use superfish/nice_menus module? |
| 100 | 103 |
======================================= |
| 101 | 104 |
The primary menu and secondary menu does not support superfish and nice_menus. If you want to use one of them, you need to turn off the primary and secondary menu from the theme settings page first. Then, create and configure menu blocks and then assign them to either the 'menubar' or 'sub-menubar' region of the MAYO theme at admin/structure/block page. |
| ... | ... | |
| 115 | 118 |
|
| 116 | 119 |
Round corners for sidebar block and node |
| 117 | 120 |
======================================== |
| 118 |
By using CSS3 and browser specific stylesheet properties, round corners for sidebar blocks and node are supported by major browsers such as Fireforx, Safari, Google Chrome and Opera except for IE. We have decided not to support round corners for IE with Javascript since may slows down the page display. So if you are IE users, please wait for the future version of IE that supports CSS3's border-radius property. |
|
| 121 |
By using CSS3 and browser specific stylesheet properties, round corners for sidebar blocks and node are supported by major browsers such as Fireforx, Safari, Google Chrome and Opera except for IE. We have decided not to support round corners for IE<9 with Javascript since may slows down the page display. So if you are IE users, please wait for the future version of IE that supports CSS3's border-radius property.
|
|
| 119 | 122 |
|
| 120 | 123 |
|
| 121 | 124 |
Changing default color set |
| 122 | 125 |
=========================== |
| 123 | 126 |
Please do not change the default color set (MAYO) in the color/color.inc file. You can change other entries but not the default one. Otherwise, it will mess up the entire color changing scheme. |
| 124 | 127 |
|
| 125 |
|
|
| 126 |
|
|
| 127 |
Author |
|
| 128 |
======= |
|
| 129 |
Hideki Ito |
|
| 130 |
PIXTURE STUDIO <http://www.pixture.com> |
|
| 131 |
|
|
| drupal7/sites/all/themes/mayo/color/color.inc | ||
|---|---|---|
| 1 | 1 |
<?php |
| 2 |
/** |
|
| 3 |
* @file |
|
| 4 |
* Implements color module theme specific settings. |
|
| 5 |
*/ |
|
| 2 | 6 |
|
| 3 | 7 |
// Pass some settings to JavaScript for the live preview. |
| 4 | 8 |
drupal_add_js(array('color' => array('logo' => theme_get_setting('logo', 'mayo'))), 'setting');
|
| drupal7/sites/all/themes/mayo/color/preview.js | ||
|---|---|---|
| 1 |
/** |
|
| 2 |
* @file |
|
| 3 |
* Updates the live preview for MAYO theme settings. |
|
| 4 |
*/ |
|
| 1 | 5 |
|
| 2 | 6 |
(function ($) {
|
| 3 | 7 |
Drupal.color = {
|
| drupal7/sites/all/themes/mayo/config.rb | ||
|---|---|---|
| 1 |
# Require any additional compass plugins here. |
|
| 2 |
#require "susy" |
|
| 3 |
|
|
| 4 |
# Set this to the root of your project when deployed: |
|
| 5 |
http_path = "/" |
|
| 6 |
css_dir = "css" |
|
| 7 |
sass_dir = "sass" |
|
| 8 |
images_dir = "images" |
|
| 9 |
javascripts_dir = "js" |
|
| 10 |
#fonts_dir = "css/fonts" |
|
| 11 |
|
|
| 12 |
# You can select your preferred output style here (can be overridden via the command line): |
|
| 13 |
# output_style = :expanded or :nested or :compact or :compressed |
|
| 14 |
|
|
| 15 |
# To enable relative paths to assets via compass helper functions. Uncomment: |
|
| 16 |
relative_assets = true |
|
| 17 |
|
|
| 18 |
# To disable debugging comments that display the original location of your selectors. Uncomment: |
|
| 19 |
# line_comments = false |
|
| 20 |
|
|
| 21 |
# If you prefer the indented syntax, you might want to regenerate this |
|
| 22 |
# project again passing --syntax sass, or you can uncomment this: |
|
| 23 |
# preferred_syntax = :sass |
|
| 24 |
# and then run: |
|
| 25 |
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass |
|
| 26 |
preferred_syntax = :scss |
|
| 27 |
|
|
| 28 |
|
|
| 29 |
line_comments = false # by Compass.app |
|
| drupal7/sites/all/themes/mayo/css/black-menu.css | ||
|---|---|---|
| 1 |
|
|
| 2 |
#menubar, /* for nice_menus, superfish */ |
|
| 1 |
#menubar, |
|
| 3 | 2 |
#navigation, |
| 4 | 3 |
#preview #preview-navigation {
|
| 5 |
background: url('../images/black-menu.png') repeat center left;
|
|
| 4 |
background: url("../images/black-menu.png") repeat center left;
|
|
| 6 | 5 |
border-bottom-width: 0px; |
| 7 | 6 |
padding: 4px 4px 4px 8px; |
| 8 | 7 |
} |
| 8 |
|
|
| 9 | 9 |
#submenubar {
|
| 10 | 10 |
padding: 2px 4px 2px 8px; |
| 11 | 11 |
} |
| ... | ... | |
| 14 | 14 |
#preview #preview-navigation ul li {
|
| 15 | 15 |
border-right-color: #333; |
| 16 | 16 |
} |
| 17 |
|
|
| 17 | 18 |
#navigation ul li a, |
| 18 | 19 |
#preview #preview-navigation ul li a {
|
| 19 | 20 |
color: #ddd; |
| 20 | 21 |
font-weight: normal; |
| 21 | 22 |
font-size: small; |
| 22 | 23 |
} |
| 24 |
|
|
| 23 | 25 |
#navigation ul li a:hover, |
| 24 | 26 |
#preview #preview-#navigation ul li a:hover {
|
| 25 | 27 |
color: #fff; |
| 26 | 28 |
background-color: #444; |
| 27 | 29 |
text-decoration: none; |
| 28 | 30 |
} |
| 31 |
|
|
| 29 | 32 |
#navigation ul.main-menu li:hover, |
| 30 | 33 |
#navigation ul.main-menu li a:hover {
|
| 31 | 34 |
color: #fff; |
| ... | ... | |
| 33 | 36 |
background: #444; |
| 34 | 37 |
text-decoration: none; |
| 35 | 38 |
} |
| 36 |
#navigation ul li a:hover { /* needed for IE */
|
|
| 39 |
|
|
| 40 |
#navigation ul li a:hover {
|
|
| 41 |
/* needed for IE */ |
|
| 37 | 42 |
color: #fff; |
| 38 | 43 |
background: #444; |
| 39 | 44 |
text-decoration: none; |
| ... | ... | |
| 41 | 46 |
|
| 42 | 47 |
/*--------------- superfish ----------------*/ |
| 43 | 48 |
#menubar .sf-menu li a {
|
| 44 |
background: #000 url('../images/black-menu.png') repeat center left;
|
|
| 49 |
background: black url("../images/black-menu.png") repeat center left;
|
|
| 45 | 50 |
border-right-color: #333; |
| 46 | 51 |
color: #ddd; |
| 47 | 52 |
font-weight: normal; |
| 48 | 53 |
} |
| 54 |
|
|
| 49 | 55 |
#menubar .sf-menu li ul li a {
|
| 50 | 56 |
background: #000; |
| 51 | 57 |
} |
| 58 |
|
|
| 52 | 59 |
#menubar .sf-menu li.last ul li a, |
| 53 | 60 |
#menubar .sf-menu li ul li a, |
| 54 | 61 |
#menubar .sf-menu li ul li.last a {
|
| 55 | 62 |
border-color: #333; |
| 56 | 63 |
background-color: #000; |
| 57 | 64 |
} |
| 65 |
|
|
| 58 | 66 |
#menubar .sf-menu li a:hover, |
| 59 | 67 |
#menubar .sf-menu li.last a:hover {
|
| 60 | 68 |
color: #fff; |
| 61 | 69 |
text-decoration: none; |
| 62 | 70 |
background: #444; |
| 63 | 71 |
} |
| 72 |
|
|
| 64 | 73 |
#menubar .sf-menu ul {
|
| 65 | 74 |
border-color: #333; |
| 66 | 75 |
} |
| 67 | 76 |
|
| 68 | 77 |
/*-------------- nice_menus -----------------*/ |
| 69 | 78 |
#menubar ul.nice-menu {
|
| 70 |
z-index: 99; /* makes drop down menu item for the menubar comes front of sub menubar */ |
|
| 71 |
background: url('../images/black-menu.png') repeat center left;
|
|
| 79 |
z-index: 99; |
|
| 80 |
/* makes drop down menu item for the menubar comes front of sub menubar */ |
|
| 81 |
background: url("../images/black-menu.png") repeat center left;
|
|
| 72 | 82 |
} |
| 83 |
|
|
| 73 | 84 |
#menubar .nice-menu a, |
| 74 | 85 |
#menubar .nice-menu a:active, |
| 75 | 86 |
#menubar .nice-menu a:visited, |
| 76 | 87 |
#menubar .nice-menu a:focus {
|
| 77 | 88 |
color: #ddd; |
| 78 | 89 |
} |
| 90 |
|
|
| 79 | 91 |
#menubar .nice-menu a:hover {
|
| 80 | 92 |
color: #fff; |
| 81 | 93 |
text-decoration: none; |
| 82 | 94 |
} |
| 95 |
|
|
| 83 | 96 |
#menubar ul.nice-menu li a {
|
| 84 | 97 |
/* root menu items */ |
| 85 |
background: url('../images/black-menu.png') repeat center left;
|
|
| 98 |
background: url("../images/black-menu.png") repeat center left;
|
|
| 86 | 99 |
} |
| 87 | 100 |
|
| 88 | 101 |
#menubar ul.nice-menu li ul li.menuparent a, |
| ... | ... | |
| 90 | 103 |
#menubar ul.nice-menu li ul li.menuparent:hover, |
| 91 | 104 |
#menubar ul.nice-menu li ul li.menuparent {
|
| 92 | 105 |
/* drop down menu item that has child menu */ |
| 93 |
background-image: url('../images/arrow-right-lite.png');
|
|
| 106 |
background-image: url("../images/arrow-right-lite.png");
|
|
| 94 | 107 |
background-repeat: no-repeat; |
| 95 | 108 |
background-position: 95%; |
| 96 | 109 |
} |
| 110 |
|
|
| 97 | 111 |
#menubar ul.nice-menu li ul li.menuparent li a {
|
| 98 |
background-image: none; /* do not delete! */ |
|
| 112 |
background-image: none; |
|
| 113 |
/* do not delete! */ |
|
| 99 | 114 |
} |
| 115 |
|
|
| 100 | 116 |
#menubar ul.nice-menu li.menuparent li a {
|
| 101 |
background-image: none; /* do not delete! */ |
|
| 117 |
background-image: none; |
|
| 118 |
/* do not delete! */ |
|
| 102 | 119 |
background-color: #000; |
| 103 | 120 |
} |
| 121 |
|
|
| 104 | 122 |
#menubar ul.nice-menu li.menuparent li {
|
| 105 |
background-image: none; /* do not delete! */ |
|
| 123 |
background-image: none; |
|
| 124 |
/* do not delete! */ |
|
| 106 | 125 |
background-color: #000; |
| 107 | 126 |
} |
| 127 |
|
|
| 108 | 128 |
#menubar ul.nice-menu li ul li.menuparent li a:hover {
|
| 109 |
background-image: none; /* do not delete! */ |
|
| 129 |
background-image: none; |
|
| 130 |
/* do not delete! */ |
|
| 110 | 131 |
background: #444; |
| 111 | 132 |
} |
| 112 | 133 |
|
| 113 | 134 |
#menubar ul.nice-menu li.menuparent {
|
| 114 | 135 |
/* root menu item that has drop down menu */ |
| 115 |
background: url('../images/black-menu.png') repeat center left;
|
|
| 136 |
background: url("../images/black-menu.png") repeat center left;
|
|
| 116 | 137 |
} |
| 138 |
|
|
| 117 | 139 |
#menubar ul.nice-menu li.menuparent a {
|
| 118 | 140 |
/* root menu item that has drop down menu */ |
| 119 |
background-image: url('../images/arrow-down-lite.png');
|
|
| 141 |
background-image: url("../images/arrow-down-lite.png");
|
|
| 120 | 142 |
background-repeat: no-repeat; |
| 121 | 143 |
background-position: 90%; |
| 122 | 144 |
} |
| 145 |
|
|
| 123 | 146 |
#menubar ul.nice-menu li a {
|
| 124 | 147 |
/* root menu item that has no drop down menu */ |
| 125 | 148 |
border-right-color: #333; |
| 126 | 149 |
} |
| 150 |
|
|
| 127 | 151 |
#menubar ul.nice-menu li.last ul li a, |
| 128 | 152 |
#menubar ul.nice-menu li ul li a, |
| 129 | 153 |
#menubar ul.nice-menu li ul li.last a {
|
| ... | ... | |
| 137 | 161 |
/* root menu item hover color */ |
| 138 | 162 |
background: #444; |
| 139 | 163 |
} |
| 164 |
|
|
| 140 | 165 |
#menubar ul.nice-menu li.menuparent a:hover {
|
| 141 | 166 |
/* root menu item that has drop down menu */ |
| 142 |
background-image: url('../images/arrow-down-lite.png');
|
|
| 167 |
background-image: url("../images/arrow-down-lite.png");
|
|
| 143 | 168 |
background-repeat: no-repeat; |
| 144 | 169 |
background-position: 90%; |
| 145 | 170 |
} |
| 171 |
|
|
| 146 | 172 |
#menubar ul.nice-menu li.menuparent li a:hover {
|
| 147 | 173 |
background-image: none; |
| 148 | 174 |
} |
| 175 |
|
|
| 149 | 176 |
#menubar ul.nice-menu li ul {
|
| 150 | 177 |
border: solid 1px #333; |
| 151 | 178 |
} |
| drupal7/sites/all/themes/mayo/css/colors.css | ||
|---|---|---|
| 1 |
|
|
| 2 | 1 |
/* ---------- Color Module Styles ----------- */ |
| 3 |
|
|
| 4 | 2 |
body, |
| 5 | 3 |
#page-wrapper {
|
| 6 | 4 |
background-color: #9f8365; |
| 7 | 5 |
color: #3b3b3b; |
| 8 | 6 |
} |
| 7 |
|
|
| 9 | 8 |
#main, |
| 10 | 9 |
body.overlay {
|
| 11 | 10 |
background-color: #fef8dd; |
| 12 | 11 |
color: #3b3b3b; |
| 13 | 12 |
} |
| 14 |
#page { /* bg */
|
|
| 13 |
|
|
| 14 |
#page {
|
|
| 15 |
/* bg */ |
|
| 15 | 16 |
background-color: #fef8dd; |
| 16 | 17 |
} |
| 18 |
|
|
| 17 | 19 |
#main-menu-links li a.active, |
| 18 | 20 |
#main-menu-links li.active-trail a {
|
| 19 | 21 |
background-color: #fef8dd; |
| 20 | 22 |
} |
| 23 |
|
|
| 21 | 24 |
.tabs ul.secondary li a, |
| 22 | 25 |
.tabs ul.primary li a {
|
| 23 | 26 |
border-color: #e3ddb0; |
| ... | ... | |
| 25 | 28 |
border-bottom-style: solid; |
| 26 | 29 |
background-color: #fef8dd; |
| 27 | 30 |
} |
| 31 |
|
|
| 28 | 32 |
.tabs ul.secondary li a.active:hover, |
| 29 | 33 |
.tabs ul.secondary li a:hover, |
| 30 | 34 |
.tabs ul.primary li a.active:hover, |
| 31 | 35 |
.tabs ul.primary li a:hover {
|
| 32 | 36 |
background-color: #e7e3a6; |
| 33 | 37 |
} |
| 34 |
.tabs ul.secondary li a.active, |
|
| 35 |
.tabs ul.primary li a.active {
|
|
| 36 |
} |
|
| 38 |
|
|
| 37 | 39 |
.tabs ul.secondary li.active a, |
| 38 | 40 |
.tabs ul.primary li.active a {
|
| 39 | 41 |
background-color: #fef8dd; |
| 40 | 42 |
border-color: #e3ddb0; |
| 41 | 43 |
} |
| 44 |
|
|
| 42 | 45 |
.tabs ul.secondary li {
|
| 43 | 46 |
border-color: #e3ddb0; |
| 44 | 47 |
} |
| 48 |
|
|
| 45 | 49 |
#header {
|
| 46 | 50 |
background-color: #f99301; |
| 47 |
background-image: -webkit-gradient(linear, left top, right top, from(#f99301), to(#ddff61)); |
|
| 48 |
background-image: -moz-linear-gradient(0deg, #f99301, #ddff61); |
|
| 49 |
border-color: #fdf7dc; |
|
| 50 |
/* for IE 5.5-7 */ |
|
| 51 |
filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f99301, EndColorStr=#ddff61, GradientType=1); |
|
| 52 |
/* for IE 8 */ |
|
| 53 |
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f99301, endColorstr=#ddff61, GradientType=1)"; |
|
| 51 |
background-image: -webkit-gradient(linear, to right, to left, color-stop(0%, #f99301), color-stop(100%, #ddff61)); |
|
| 52 |
background-image: -webkit-linear-gradient(to right, #f99301, #ddff61); |
|
| 53 |
background-image: -moz-linear-gradient(to right, #f99301, #ddff61); |
|
| 54 |
background-image: -o-linear-gradient(to right, #f99301, #ddff61); |
|
| 55 |
background-image: linear-gradient(to right, #f99301, #ddff61); |
|
| 54 | 56 |
} |
| 57 |
|
|
| 55 | 58 |
a.visited, |
| 56 | 59 |
a {
|
| 57 | 60 |
color: #739400; |
| 58 | 61 |
} |
| 62 |
|
|
| 59 | 63 |
a:hover, |
| 60 | 64 |
a:focus {
|
| 61 | 65 |
color: #638400; |
| 62 | 66 |
} |
| 67 |
|
|
| 63 | 68 |
a:active {
|
| 64 | 69 |
color: #638400; |
| 65 | 70 |
} |
| 71 |
|
|
| 66 | 72 |
li a.active {
|
| 67 | 73 |
/* important! */ |
| 68 | 74 |
color: #3b3b3b; |
| 69 | 75 |
} |
| 76 |
|
|
| 70 | 77 |
.column-block, |
| 71 | 78 |
.sidebar .block {
|
| 72 | 79 |
background-color: #fdefaa; |
| 73 | 80 |
border-color: #fceea9; |
| 74 | 81 |
color: #5a5a5a; |
| 75 | 82 |
} |
| 83 |
|
|
| 76 | 84 |
.column-block h2, |
| 77 | 85 |
.sidebar h2 {
|
| 78 | 86 |
border-bottom-color: #dccf93; |
| 79 | 87 |
color: #5a5a5a; |
| 80 | 88 |
} |
| 89 |
|
|
| 81 | 90 |
.column-block a, |
| 82 | 91 |
.sidebar a {
|
| 83 | 92 |
color: #cb6806; |
| 84 | 93 |
} |
| 94 |
|
|
| 85 | 95 |
.column-block table tr th, |
| 86 | 96 |
.sidebar .block table tr th {
|
| 87 | 97 |
border-color: #dccf93; |
| 88 | 98 |
border-color: #fdefaa; |
| 89 |
border-color: #dccf93;
|
|
| 99 |
border-color: #dccf93; |
|
| 90 | 100 |
} |
| 91 | 101 |
|
| 92 | 102 |
.node {
|
| 93 | 103 |
background-color: #fefefe; |
| 94 | 104 |
border-color: #ececec; |
| 95 | 105 |
} |
| 96 |
.node h2 { /* nodedividers */
|
|
| 106 |
|
|
| 107 |
.node h2 {
|
|
| 108 |
/* nodedividers */ |
|
| 97 | 109 |
border-color: #b8c195; |
| 98 | 110 |
} |
| 111 |
|
|
| 99 | 112 |
.node-sticky {
|
| 100 | 113 |
background-color: #e6fba7; |
| 101 | 114 |
} |
| 115 |
|
|
| 102 | 116 |
.node .submitted {
|
| 103 | 117 |
color: #777777; |
| 104 | 118 |
} |
| ... | ... | |
| 108 | 122 |
#navigation {
|
| 109 | 123 |
border-bottom-color: #e3ddb0; |
| 110 | 124 |
} |
| 125 |
|
|
| 111 | 126 |
#navigation ul li {
|
| 112 | 127 |
border-right-color: #e3ddb0; |
| 113 | 128 |
color: #3b3b3b; |
| 114 | 129 |
} |
| 130 |
|
|
| 115 | 131 |
#navigation ul li.last {
|
| 116 | 132 |
border-right: none; |
| 117 | 133 |
} |
| 134 |
|
|
| 118 | 135 |
.highlight {
|
| 119 | 136 |
background-color: #e7e3a6; |
| 120 | 137 |
} |
| 138 |
|
|
| 121 | 139 |
div.item-list ul.pager li a:hover, |
| 122 | 140 |
#navigation ul li a:hover {
|
| 123 | 141 |
background-color: #e7e3a6; |
| 124 | 142 |
} |
| 143 |
|
|
| 125 | 144 |
#page-title {
|
| 126 | 145 |
background-color: #94974e; |
| 127 | 146 |
color: #f1f1f1; |
| 128 | 147 |
} |
| 129 |
#content .block h2 { /* main content: block title */
|
|
| 148 |
|
|
| 149 |
#content .block h2 {
|
|
| 150 |
/* main content: block title */ |
|
| 130 | 151 |
background-color: #94974e; |
| 131 | 152 |
color: #f1f1f1; |
| 132 | 153 |
} |
| 133 |
#content .node h2 { /* main content: block title */
|
|
| 154 |
|
|
| 155 |
#content .node h2 {
|
|
| 156 |
/* main content: block title */ |
|
| 134 | 157 |
background-color: transparent; |
| 135 | 158 |
color: #3b3b3b; |
| 136 | 159 |
} |
| 137 |
#content .node-sticky h2 { /* main content: block title */
|
|
| 160 |
|
|
| 161 |
#content .node-sticky h2 {
|
|
| 162 |
/* main content: block title */ |
|
| 138 | 163 |
background-color: transparent; |
| 139 | 164 |
} |
| 165 |
|
|
| 140 | 166 |
#footer-wrapper {
|
| 141 | 167 |
background-color: #564939; |
| 142 | 168 |
color: #cccccc; |
| 143 | 169 |
} |
| 170 |
|
|
| 144 | 171 |
#footer-wrapper a {
|
| 145 | 172 |
color: #f0cb00; |
| 146 | 173 |
} |
| 174 |
|
|
| 147 | 175 |
#footer-wrapper .column-block {
|
| 148 | 176 |
background-color: #564939; |
| 149 | 177 |
color: #cccccc; |
| 150 | 178 |
} |
| 179 |
|
|
| 151 | 180 |
#footer-wrapper .column-block h2 {
|
| 152 | 181 |
border: none; |
| 153 | 182 |
color: #cccccc; |
| 154 | 183 |
} |
| 184 |
|
|
| 155 | 185 |
#footer-wrapper .column-block a {
|
| 156 | 186 |
color: #f0cb00; |
| 157 | 187 |
} |
| 188 |
|
|
| 158 | 189 |
#footer {
|
| 159 | 190 |
background-color: #564939; |
| 160 | 191 |
color: #cccccc; |
| 161 | 192 |
} |
| 193 |
|
|
| 162 | 194 |
#footer a {
|
| 163 | 195 |
color: #f0cb00; |
| 164 | 196 |
} |
| 197 |
|
|
| 165 | 198 |
.region-header, |
| 166 | 199 |
.region-header a, |
| 167 | 200 |
.region-header li a.active, |
| ... | ... | |
| 187 | 220 |
background-color: #fefefe; |
| 188 | 221 |
border-color: #ececec; |
| 189 | 222 |
} |
| 223 |
|
|
| 190 | 224 |
.comment h3 {
|
| 191 | 225 |
border-color: #b8c195; |
| 192 | 226 |
} |
| 227 |
|
|
| 193 | 228 |
.comment-unpublished {
|
| 194 | 229 |
background-color: #fefefe; |
| 195 | 230 |
} |
| 231 |
|
|
| 196 | 232 |
.comment .submitted {
|
| 197 | 233 |
color: #777777; |
| 198 | 234 |
} |
| ... | ... | |
| 209 | 245 |
background-color: #dbdeab; |
| 210 | 246 |
border-right-color: #fef8dd; |
| 211 | 247 |
} |
| 248 |
|
|
| 212 | 249 |
fieldset {
|
| 213 |
border-color: #b8c195; /* nodedivider color */ |
|
| 250 |
border-color: #b8c195; |
|
| 251 |
/* nodedivider color */ |
|
| 214 | 252 |
} |
| 253 |
|
|
| 215 | 254 |
tr.even, |
| 216 | 255 |
tr.even td {
|
| 217 | 256 |
background-color: #ebf0cc; |
| 218 | 257 |
} |
| 258 |
|
|
| 219 | 259 |
tr.odd, |
| 220 | 260 |
tr.odd td {
|
| 221 | 261 |
background-color: #fefefe; |
| 222 | 262 |
} |
| 263 |
|
|
| 223 | 264 |
tr.even td.active, |
| 224 | 265 |
tr.odd td.active {
|
| 225 |
background-image: url('../images/dark.png');
|
|
| 266 |
background-image: url("../images/dark.png");
|
|
| 226 | 267 |
} |
| 268 |
|
|
| 227 | 269 |
.profile .user-picture {
|
| 228 | 270 |
background-color: #fef8dd; |
| 229 | 271 |
} |
| 272 |
|
|
| 230 | 273 |
.column-block table tr td, |
| 231 | 274 |
.sidebar .block table tr td {
|
| 232 | 275 |
border-color: #dccf93; |
| 233 | 276 |
} |
| 277 |
|
|
| 234 | 278 |
.column-block table tr.even td, |
| 235 | 279 |
.column-block table tr.odd td, |
| 236 | 280 |
.sidebar .block table tr.even td, |
| ... | ... | |
| 239 | 283 |
background-color: #fdefaa; |
| 240 | 284 |
} |
| 241 | 285 |
|
| 242 |
/*-------------- superfish color ---------------*/ |
|
| 243 |
.sf-menu li a {
|
|
| 244 |
background-color: #fef8dd; |
|
| 245 |
border-right-color: #e3ddb0; |
|
| 246 |
} |
|
| 247 |
.sf-menu li.last ul li a, |
|
| 248 |
.sf-menu li ul li a, |
|
| 249 |
.sf-menu li ul li.last a {
|
|
| 250 |
/* all other child menu items */ |
|
| 251 |
border-width: 0px; |
|
| 252 |
} |
|
| 253 |
.sf-menu li a.sfHover, |
|
| 254 |
.sf-menu li a:hover {
|
|
| 255 |
background-color: #e7e3a6; |
|
| 256 |
} |
|
| 257 |
.sf-menu a, .sf-menu a:active, .sf-menu a:visited, .sf-menu a:focus {
|
|
| 258 |
color: #739400; |
|
| 259 |
} |
|
| 260 |
.sf-menu ul {
|
|
| 261 |
/* add border around the child menu block */ |
|
| 262 |
border-color: #e3ddb0; |
|
| 263 |
} |
|
| 264 |
|
|
| 265 | 286 |
/*-------------- nice_menus color ---------------*/ |
| 266 | 287 |
.nice-menu a, .nice-menu a:active, .nice-menu a:visited, .nice-menu a:focus {
|
| 267 | 288 |
color: #739400; |
| 268 | 289 |
} |
| 290 |
|
|
| 269 | 291 |
ul.nice-menu li.menuparent a {
|
| 270 | 292 |
/* root menu item that has drop down menu */ |
| 271 | 293 |
background-color: #fef8dd; |
| 272 | 294 |
} |
| 295 |
|
|
| 273 | 296 |
ul.nice-menu li a {
|
| 274 | 297 |
/* root menu item that has no drop down menu */ |
| 275 | 298 |
background-color: #fef8dd; |
| 276 | 299 |
border-right-color: #e3ddb0; |
| 277 | 300 |
} |
| 301 |
|
|
| 278 | 302 |
ul.nice-menu li.menuparent a:hover, |
| 279 | 303 |
ul.nice-menu li a:hover {
|
| 280 | 304 |
/* root menu item hover color */ |
| 281 | 305 |
background-color: #e7e3a6; |
| 282 | 306 |
} |
| 307 |
|
|
| 283 | 308 |
ul.nice-menu li.last ul li a, |
| 284 | 309 |
ul.nice-menu li ul li a, |
| 285 | 310 |
ul.nice-menu li ul li.last a {
|
| 286 | 311 |
/* drop down menu items */ |
| 287 | 312 |
border-color: #e3ddb0; |
| 288 | 313 |
} |
| 314 |
|
|
| 289 | 315 |
ul.nice-menu li ul li.menuparent {
|
| 290 | 316 |
/* drop down menu items that has child menu */ |
| 291 | 317 |
background-color: #fef8dd; |
| 292 | 318 |
} |
| 319 |
|
|
| 293 | 320 |
ul.nice-menu li.menuparent li {
|
| 294 | 321 |
/* drop down menu items that has no child menu */ |
| 295 | 322 |
background: none; |
| 296 | 323 |
background-color: #fef8dd; |
| 297 | 324 |
} |
| 325 |
|
|
| 298 | 326 |
ul.nice-menu li.menuparent li:hover {
|
| 299 | 327 |
background: none; |
| 300 | 328 |
background-color: #e7e3a6; |
| 301 | 329 |
} |
| 330 |
|
|
| 302 | 331 |
ul.nice-menu li ul {
|
| 303 | 332 |
border: solid 1px #e3ddb0; |
| 304 | 333 |
} |
| drupal7/sites/all/themes/mayo/css/dark.css | ||
|---|---|---|
| 1 |
|
|
| 2 |
/* |
|
| 3 |
* CSS for dark color set |
|
| 4 |
*/ |
|
| 5 |
div.status {
|
|
| 6 |
background-color: #224422; |
|
| 7 |
border: solid 1px #669966; |
|
| 8 |
color: #aaccaa; |
|
| 9 |
} |
|
| 10 |
div.warning {
|
|
| 11 |
background-color: #666633; |
|
| 12 |
border: solid 1px #aaaa44; |
|
| 13 |
color: #ccccaa; |
|
| 14 |
} |
|
| 15 |
div.error {
|
|
| 16 |
background-color: #663333; |
|
| 17 |
border: solid 1px #bb6666; |
|
| 18 |
color: #ccaaaa; |
|
| 19 |
} |
|
| drupal7/sites/all/themes/mayo/css/mayo-superfish.css | ||
|---|---|---|
| 1 |
/** |
|
| 2 |
* Superfish menu |
|
| 3 |
*/ |
|
| 4 |
.sf-menu li a {
|
|
| 5 |
/* root menu items */ |
|
| 6 |
font-size: 0.9em; |
|
| 7 |
padding: 2px 8px; |
|
| 8 |
border: none; |
|
| 9 |
border-right-style: solid; |
|
| 10 |
border-right-width: 1px; |
|
| 11 |
background-color: #fef8dd; |
|
| 12 |
border-right-color: #e3ddb0; |
|
| 13 |
font-weight: normal; |
|
| 14 |
} |
|
| 15 |
|
|
| 16 |
.sf-menu a, .sf-menu a:active, .sf-menu a:visited, .sf-menu a:focus {
|
|
| 17 |
color: #739400; |
|
| 18 |
} |
|
| 19 |
|
|
| 20 |
.sf-menu li.last a {
|
|
| 21 |
/* last item of the root menu */ |
|
| 22 |
border-right: none; |
|
| 23 |
} |
|
| 24 |
|
|
| 25 |
.sf-menu li.last ul li a, |
|
| 26 |
.sf-menu li ul li a, |
|
| 27 |
.sf-menu li ul li.last a {
|
|
| 28 |
/* all other child menu items */ |
|
| 29 |
border-style: solid; |
|
| 30 |
border-width: 1px; |
|
| 31 |
/* border-color is set by colors.css */ |
|
| 32 |
} |
|
| 33 |
|
|
| 34 |
.sf-menu li.menuparent a {
|
|
| 35 |
/* item with child menu - adding some spaces for arrows */ |
|
| 36 |
padding: 2px 19px 2px 8px; |
|
| 37 |
} |
|
| 38 |
|
|
| 39 |
.sf-menu li a.sfHover, |
|
| 40 |
.sf-menu li a:hover {
|
|
| 41 |
background-color: #e7e3a6; |
|
| 42 |
} |
|
| 43 |
|
|
| 44 |
.sf-menu li:hover ul, |
|
| 45 |
.sf-menu li.sfHover ul {
|
|
| 46 |
top: 1.8em; |
|
| 47 |
border-top: none; |
|
| 48 |
} |
|
| 49 |
|
|
| 50 |
.sf-sub-indicator {
|
|
| 51 |
background: url("../images/sf-arrows.png") no-repeat -10px -110px;
|
|
| 52 |
} |
|
| 53 |
|
|
| 54 |
a > .sf-sub-indicator {
|
|
| 55 |
top: 1em; |
|
| 56 |
/* .2em drop in arrows */ |
|
| 57 |
} |
|
| 58 |
|
|
| 59 |
.sf-menu ul {
|
|
| 60 |
-webkit-border-radius: 0px; |
|
| 61 |
-moz-border-radius: 0px; |
|
| 62 |
-ms-border-radius: 0px; |
|
| 63 |
-o-border-radius: 0px; |
|
| 64 |
border-radius: 0px; |
|
| 65 |
border-width: 1px; |
|
| 66 |
border-style: solid; |
|
| 67 |
border-color: #e3ddb0; |
|
| 68 |
/* add border around the child menu block */ |
|
| 69 |
} |
|
| drupal7/sites/all/themes/mayo/css/round-node.css | ||
|---|---|---|
| 1 |
.comment, |
|
| 2 |
.node {
|
|
| 3 |
-khtml-border-radius: 8px; /* for old Safari, KHTML */ |
|
| 4 |
-moz-border-radius: 8px; /* for Firefox */ |
|
| 5 |
-webkit-border-radius: 8px; /* for old Safari, KHTML */ |
|
| 6 |
border-radius: 8px; /* for CSS3 */ |
|
| 7 |
} |
|
| drupal7/sites/all/themes/mayo/css/round-sidebar.css | ||
|---|---|---|
| 1 |
.column-block, |
|
| 2 |
.sidebar .block {
|
|
| 3 |
-khtml-border-radius: 8px; /* for old Safari, KHTML */ |
|
| 4 |
-moz-border-radius: 8px; /* for Firefox */ |
|
| 5 |
-webkit-border-radius: 8px; /* for old Safari, KHTML */ |
|
| 6 |
border-radius: 8px; /* for CSS3 */ |
|
| 7 |
} |
|
| drupal7/sites/all/themes/mayo/css/style.css | ||
|---|---|---|
| 1 |
article, |
|
| 2 |
aside, |
|
| 3 |
details, |
|
| 4 |
figcaption, |
|
| 5 |
figure, |
|
| 6 |
footer, |
|
| 7 |
header, |
|
| 8 |
hgroup, |
|
| 9 |
nav, |
|
| 10 |
section, |
|
| 11 |
summary {
|
|
| 12 |
display: block; |
|
| 13 |
} |
|
| 14 |
|
|
| 15 |
audio, |
|
| 16 |
canvas, |
|
| 17 |
video {
|
|
| 18 |
display: inline-block; |
|
| 19 |
} |
|
| 20 |
|
|
| 21 |
audio:not([controls]) {
|
|
| 22 |
display: none; |
|
| 23 |
height: 0; |
|
| 24 |
} |
|
| 25 |
|
|
| 26 |
[hidden] {
|
|
| 27 |
display: none; |
|
| 28 |
} |
|
| 29 |
|
|
| 30 |
html {
|
|
| 31 |
-webkit-text-size-adjust: 100%; |
|
| 32 |
-ms-text-size-adjust: 100%; |
|
| 33 |
} |
|
| 34 |
|
|
| 35 |
html, |
|
| 36 |
button, |
|
| 37 |
input, |
|
| 38 |
select, |
|
| 39 |
textarea {
|
|
| 40 |
font-family: sans-serif; |
|
| 41 |
} |
|
| 42 |
|
|
| 43 |
body {
|
|
| 44 |
margin: 0; |
|
| 45 |
} |
|
| 46 |
|
|
| 47 |
h1 {
|
|
| 48 |
font-size: 2em; |
|
| 49 |
margin: 0.67em 0; |
|
| 50 |
} |
|
| 51 |
|
|
| 52 |
#header h1 {
|
|
| 53 |
margin: 0 0; |
|
| 54 |
} |
|
| 55 |
|
|
| 56 |
h2 {
|
|
| 57 |
font-size: 1.5em; |
|
| 58 |
margin: 0.83em 0; |
|
| 59 |
} |
|
| 60 |
|
|
| 61 |
h3 {
|
|
| 62 |
font-size: 1.17em; |
|
| 63 |
margin: 1em 0; |
|
| 64 |
} |
|
| 65 |
|
|
| 66 |
h4 {
|
|
| 67 |
font-size: 1em; |
|
| 68 |
margin: 1.33em 0; |
|
| 69 |
} |
|
| 70 |
|
|
| 71 |
h5 {
|
|
| 72 |
font-size: 0.83em; |
|
| 73 |
margin: 1.67em 0; |
|
| 74 |
} |
|
| 75 |
|
|
| 76 |
h6 {
|
|
| 77 |
font-size: 0.75em; |
|
| 78 |
margin: 2.33em 0; |
|
| 79 |
} |
|
| 80 |
|
|
| 81 |
abbr[title] {
|
|
| 82 |
border-bottom: 1px dotted; |
|
| 83 |
} |
|
| 84 |
|
|
| 85 |
b, |
|
| 86 |
strong {
|
|
| 87 |
font-weight: bold; |
|
| 88 |
} |
|
| 89 |
|
|
| 90 |
dfn {
|
|
| 91 |
font-style: italic; |
|
| 92 |
} |
|
| 93 |
|
|
| 94 |
mark {
|
|
| 95 |
background: #ff0; |
|
| 96 |
color: #000; |
|
| 97 |
} |
|
| 98 |
|
|
| 99 |
pre, |
|
| 100 |
code, |
|
| 101 |
kbd, |
|
| 102 |
samp {
|
|
| 103 |
font-family: monospace, serif; |
|
| 104 |
font-size: 1em; |
|
| 105 |
} |
|
| 106 |
|
|
| 107 |
pre {
|
|
| 108 |
white-space: pre; |
|
| 109 |
white-space: pre-wrap; |
|
| 110 |
word-wrap: break-word; |
|
| 111 |
} |
|
| 112 |
|
|
| 113 |
q:before, |
|
| 114 |
q:after {
|
|
| 115 |
content: ''; |
|
| 116 |
content: none; |
|
| 117 |
} |
|
| 118 |
|
|
| 119 |
small {
|
|
| 120 |
font-size: 75%; |
|
| 121 |
} |
|
| 122 |
|
|
| 123 |
sub, |
|
| 124 |
sup {
|
|
| 125 |
font-size: 75%; |
|
| 126 |
line-height: 0; |
|
| 127 |
position: relative; |
|
| 128 |
vertical-align: baseline; |
|
| 129 |
} |
|
| 130 |
|
|
| 131 |
sup {
|
|
| 132 |
top: -0.5em; |
|
| 133 |
} |
|
| 134 |
|
|
| 135 |
sub {
|
|
| 136 |
bottom: -0.25em; |
|
| 137 |
} |
|
| 138 |
|
|
| 139 |
nav ul, |
|
| 140 |
nav ol {
|
|
| 141 |
list-style: none; |
|
| 142 |
padding: 0; |
|
| 143 |
} |
|
| 144 |
|
|
| 145 |
img {
|
|
| 146 |
border: 0; |
|
| 147 |
} |
|
| 148 |
|
|
| 149 |
svg:not(:root) {
|
|
| 150 |
overflow: hidden; |
|
| 151 |
} |
|
| 152 |
|
|
| 153 |
figure {
|
|
| 154 |
margin: 0; |
|
| 155 |
} |
|
| 156 |
|
|
| 157 |
fieldset {
|
|
| 158 |
border: 1px solid #c0c0c0; |
|
| 159 |
margin: 0 2px; |
|
| 160 |
padding: 0.35em 0.625em 0.75em; |
|
| 161 |
} |
|
| 162 |
|
|
| 163 |
legend {
|
|
| 164 |
border: 0; |
|
| 165 |
padding: 0; |
|
| 166 |
white-space: normal; |
|
| 167 |
} |
|
| 168 |
|
|
| 169 |
button, |
|
| 170 |
input, |
|
| 171 |
select, |
|
| 172 |
textarea {
|
|
| 173 |
font-size: 100%; |
|
| 174 |
margin: 0; |
|
| 175 |
vertical-align: baseline; |
|
| 176 |
} |
|
| 177 |
|
|
| 178 |
button, |
|
| 179 |
input {
|
|
| 180 |
line-height: normal; |
|
| 181 |
} |
|
| 182 |
|
|
| 183 |
button, |
|
| 184 |
input[type="button"], |
|
| 185 |
input[type="reset"], |
|
| 186 |
input[type="submit"] {
|
|
| 187 |
cursor: pointer; |
|
| 188 |
-webkit-appearance: button; |
|
| 189 |
} |
|
| 1 | 190 |
|
| 191 |
button[disabled], |
|
| 192 |
input[disabled] {
|
|
| 193 |
cursor: default; |
|
| 194 |
} |
|
| 195 |
|
|
| 196 |
input[type="checkbox"], |
|
| 197 |
input[type="radio"] {
|
|
| 198 |
box-sizing: border-box; |
|
| 199 |
padding: 0; |
|
| 200 |
} |
|
| 201 |
|
|
| 202 |
input[type="search"] {
|
|
| 203 |
-webkit-appearance: textfield; |
|
| 204 |
-moz-box-sizing: content-box; |
|
| 205 |
-webkit-box-sizing: content-box; |
|
| 206 |
box-sizing: content-box; |
|
| 207 |
} |
|
| 208 |
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
|
|
| 209 |
-webkit-appearance: none; |
|
| 210 |
} |
|
| 211 |
|
|
| 212 |
button::-moz-focus-inner, input::-moz-focus-inner {
|
|
| 213 |
border: 0; |
|
| 214 |
padding: 0; |
|
| 215 |
} |
|
| 216 |
|
|
| 217 |
textarea {
|
|
| 218 |
overflow: auto; |
|
| 219 |
vertical-align: top; |
|
| 220 |
} |
|
| 221 |
|
|
| 222 |
table {
|
|
| 223 |
border-collapse: collapse; |
|
| 224 |
border-spacing: 0; |
|
| 225 |
} |
|
| 226 |
|
|
| 227 |
/*------- Begin default section --------*/ |
|
| 2 | 228 |
* {
|
| 3 | 229 |
margin: 0; |
| 4 | 230 |
padding: 0; |
| 5 | 231 |
} |
| 232 |
|
|
| 6 | 233 |
body {
|
| 7 | 234 |
font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', Baskerville, serif; |
| 8 | 235 |
line-height: 1.5em; |
| 9 |
font-size: 87.5%; /* = 14px assuming browser's regular font size is 16px */ |
|
| 236 |
font-size: 87.5%; |
|
| 237 |
/* = 14px assuming browser's regular font size is 16px */ |
|
| 10 | 238 |
} |
| 239 |
|
|
| 11 | 240 |
ul {
|
| 12 | 241 |
margin: 0; |
| 13 | 242 |
padding: 0; |
| 14 | 243 |
list-style-type: disc; |
| 15 | 244 |
margin-left: 10px; |
| 16 | 245 |
} |
| 246 |
|
|
| 17 | 247 |
ol {
|
| 18 | 248 |
margin: 0; |
| 19 | 249 |
padding: 0; |
| 20 | 250 |
margin-left: 10px; |
| 21 | 251 |
} |
| 252 |
|
|
| 22 | 253 |
a {
|
| 23 | 254 |
text-decoration: none; |
| 24 | 255 |
} |
| 256 |
|
|
| 25 | 257 |
a:hover, a:active, a:focus {
|
| 26 | 258 |
text-decoration: underline; |
| 27 | 259 |
} |
| 260 |
|
|
| 28 | 261 |
em {
|
| 29 | 262 |
font-style: italic; |
| 30 | 263 |
} |
| 264 |
|
|
| 31 | 265 |
/* p,a,strong,em,li,dl,dt { */
|
| 32 |
p,li,dl,dt {
|
|
| 266 |
p, li, dl, dt {
|
|
| 33 | 267 |
margin: 6px 0; |
| 34 | 268 |
line-height: 1.5em; |
| 35 | 269 |
} |
| 270 |
|
|
| 36 | 271 |
dd {
|
| 37 | 272 |
margin-left: 2.5em; |
| 38 | 273 |
} |
| 274 |
|
|
| 39 | 275 |
table {
|
| 40 | 276 |
width: 100%; |
| 41 | 277 |
margin: 4px 0px; |
| 42 | 278 |
} |
| 279 |
|
|
| 43 | 280 |
h1 {
|
| 44 | 281 |
font-size: 1.4em; |
| 45 | 282 |
} |
| 283 |
|
|
| 46 | 284 |
h2 {
|
| 47 | 285 |
font-size: 1.3em; |
| 48 | 286 |
} |
| 287 |
|
|
| 49 | 288 |
h3 {
|
| 50 | 289 |
font-size: 1.2em; |
| 51 | 290 |
} |
| 291 |
|
|
| 52 | 292 |
h4 {
|
| 53 | 293 |
font-size: 1.15em; |
| 54 | 294 |
} |
| 295 |
|
|
| 55 | 296 |
h5 {
|
| 56 | 297 |
font-size: 1em; |
| 57 | 298 |
} |
| 299 |
|
|
| 58 | 300 |
fieldset {
|
| 59 | 301 |
border-width: 1px; |
| 60 | 302 |
border-style: solid; |
| 61 | 303 |
} |
| 304 |
|
|
| 62 | 305 |
#site-name, #site-slogan {
|
| 63 | 306 |
font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', Baskerville, serif; |
| 64 | 307 |
} |
| 65 | 308 |
|
| 66 | 309 |
/*------- end of default section --------*/ |
| 310 |
#page-wrapper {
|
|
| 311 |
margin: 0px auto; |
|
| 312 |
padding: 0px; |
|
| 313 |
max-width: 100%; |
|
| 314 |
margin-top: 15px; |
|
| 315 |
margin-bottom: 15px; |
|
| 316 |
} |
|
| 317 |
|
|
| 318 |
#page {
|
|
| 319 |
padding: 0px; |
|
| 320 |
} |
|
| 321 |
|
|
| 322 |
#main-wrapper {
|
|
| 323 |
width: 100%; |
|
| 324 |
position: relative; |
|
| 325 |
} |
|
| 326 |
|
|
| 327 |
#content, |
|
| 328 |
#sidebar-first, |
|
| 329 |
#sidebar-second {
|
|
| 330 |
display: inline; |
|
| 331 |
float: left; |
|
| 332 |
position: relative; |
|
| 333 |
/*overflow: hidden; Removed for Superfish */ |
|
| 334 |
} |
|
| 335 |
|
|
| 336 |
#footer-columns {
|
|
| 337 |
width: 100%; |
|
| 338 |
} |
|
| 339 |
|
|
| 340 |
#footer-column-wrapper {
|
|
| 341 |
float: left; |
|
| 342 |
} |
|
| 343 |
|
|
| 344 |
#footer-column {
|
|
| 345 |
padding: 10px; |
|
| 346 |
margin: 0px 5px 5px 5px; |
|
| 347 |
text-align: left; |
|
| 348 |
} |
|
| 349 |
|
|
| 350 |
#top-columns, |
|
| 351 |
#bottom-columns {
|
|
| 352 |
width: 100%; |
|
| 353 |
overflow: hidden; |
|
| 354 |
} |
|
| 355 |
|
|
| 356 |
.column-block-wrapper {
|
|
| 357 |
float: left; |
|
| 358 |
} |
|
| 359 |
|
|
| 360 |
.column-block {
|
|
| 361 |
padding: 10px; |
|
| 362 |
margin: 0px 5px 5px 5px; |
|
| 363 |
text-align: left; |
|
| 364 |
margin: 0px; |
|
| 365 |
} |
|
| 366 |
|
|
| 367 |
.rc-1 .comment, |
|
| 368 |
.rc-1 .node, |
|
| 369 |
.rc-2 .column-block, |
|
| 370 |
.rc-2 .sidebar .block, |
|
| 371 |
.rc-3 .comment, |
|
| 372 |
.rc-3 .node, |
|
| 373 |
.rc-3 .column-block, |
|
| 374 |
.rc-3 .sidebar .block {
|
|
| 375 |
-webkit-border-radius: 8px; |
|
| 376 |
-moz-border-radius: 8px; |
|
| 377 |
-ms-border-radius: 8px; |
|
| 378 |
-o-border-radius: 8px; |
|
| 379 |
border-radius: 8px; |
|
| 380 |
} |
|
| 381 |
|
|
| 382 |
.dark-messages div.status {
|
|
| 383 |
background-color: #224422; |
|
| 384 |
border: solid 1px #669966; |
|
| 385 |
color: #aaccaa; |
|
| 386 |
} |
|
| 387 |
.dark-messages div.warning {
|
|
| 388 |
background-color: #666633; |
|
| 389 |
border: solid 1px #aaaa44; |
|
| 390 |
color: #ccccaa; |
|
| 391 |
} |
|
| 392 |
.dark-messages div.error {
|
|
| 393 |
background-color: #663333; |
|
| 394 |
border: solid 1px #bb6666; |
|
| 395 |
color: #ccaaaa; |
|
| 396 |
} |
|
| 67 | 397 |
|
| 68 | 398 |
.spacer {
|
| 69 | 399 |
display: block; |
| ... | ... | |
| 80 | 410 |
border-width: 1px; |
| 81 | 411 |
overflow: hidden; |
| 82 | 412 |
} |
| 413 |
|
|
| 83 | 414 |
#header-watermark {
|
| 84 | 415 |
margin: 0; |
| 85 | 416 |
padding: 0; |
| ... | ... | |
| 88 | 419 |
background-repeat: no-repeat; |
| 89 | 420 |
background-position: top center; |
| 90 | 421 |
} |
| 422 |
|
|
| 91 | 423 |
div#logo {
|
| 92 | 424 |
float: left; |
| 93 | 425 |
} |
| 426 |
|
|
| 94 | 427 |
#name-and-slogan {
|
| 95 | 428 |
float: left; |
| 96 | 429 |
} |
| 430 |
|
|
| 97 | 431 |
#site-name a, |
| 98 | 432 |
#header h1 a, |
| 99 | 433 |
#header h1 a:link, |
| ... | ... | |
| 101 | 435 |
font-weight: 800; |
| 102 | 436 |
text-decoration: none; |
| 103 | 437 |
line-height: 1em; |
| 104 |
font-size: 34px; /* we do not want it changed by text scaling */ |
|
| 438 |
font-size: 34px; |
|
| 439 |
/* we do not want it changed by text scaling */ |
|
| 105 | 440 |
} |
| 441 |
|
|
| 106 | 442 |
#site-slogan {
|
| 107 | 443 |
font-weight: normal; |
| 108 | 444 |
font-style: italic; |
| 109 | 445 |
margin-bottom: 5px; |
| 110 |
font-size: 15px; /* we do not want it changed by text scaling */ |
|
| 446 |
font-size: 15px; |
|
| 447 |
/* we do not want it changed by text scaling */ |
|
| 111 | 448 |
line-height: 1em; |
| 112 | 449 |
} |
| 113 | 450 |
|
| ... | ... | |
| 123 | 460 |
font-size: 0.9em; |
| 124 | 461 |
font-weight: normal; |
| 125 | 462 |
} |
| 463 |
|
|
| 126 | 464 |
#footer-wrapper .column-block {
|
| 127 | 465 |
border-style: solid; |
| 128 | 466 |
border-width: 0px; |
| 129 | 467 |
} |
| 468 |
|
|
| 130 | 469 |
#footer-wrapper .column-block h2 {
|
| 131 | 470 |
font-size: 1.5em; |
| 132 | 471 |
} |
| 472 |
|
|
| 133 | 473 |
#footer .block {
|
| 134 | 474 |
margin: 5px 0px; |
| 135 | 475 |
} |
| ... | ... | |
| 145 | 485 |
border-bottom-width: 1px; |
| 146 | 486 |
padding: 4px 0px; |
| 147 | 487 |
} |
| 488 |
|
|
| 148 | 489 |
#submenubar ul, |
| 149 | 490 |
#menubar ul {
|
| 150 | 491 |
padding: 0px; |
| ... | ... | |
| 161 | 502 |
border-bottom-width: 1px; |
| 162 | 503 |
overflow: hidden; |
| 163 | 504 |
} |
| 505 |
|
|
| 164 | 506 |
#navigation ul {
|
| 165 | 507 |
margin: 0px; |
| 166 | 508 |
padding: 0px; |
| 167 | 509 |
list-style: none; |
| 168 | 510 |
} |
| 511 |
|
|
| 169 | 512 |
#navigation ul li {
|
| 170 | 513 |
margin: 0px; |
| 171 | 514 |
padding: 0px; |
| ... | ... | |
| 174 | 517 |
border-right-style: solid; |
| 175 | 518 |
border-right-width: 1px; |
| 176 | 519 |
} |
| 177 |
#navigation ul li.active {
|
|
| 178 |
} |
|
| 520 |
|
|
| 179 | 521 |
#navigation ul li a {
|
| 180 | 522 |
padding: 2px 4px; |
| 181 | 523 |
font-weight: normal; |
| 182 | 524 |
font-size: 0.9em; |
| 183 | 525 |
} |
| 184 |
#navigation ul li a:hover {
|
|
| 185 |
} |
|
| 526 |
|
|
| 186 | 527 |
#navigation #main-menu {
|
| 187 | 528 |
margin: 0; |
| 188 | 529 |
padding: 0px; |
| 189 | 530 |
float: left; |
| 190 | 531 |
} |
| 532 |
|
|
| 191 | 533 |
#navigation #secondary-menu {
|
| 192 | 534 |
margin: 0; |
| 193 | 535 |
padding: 0px; |
| ... | ... | |
| 201 | 543 |
padding: 0px; |
| 202 | 544 |
margin: 0px; |
| 203 | 545 |
} |
| 546 |
|
|
| 204 | 547 |
#banner-top, |
| 205 | 548 |
#banner-bottom {
|
| 206 | 549 |
padding: 0px; |
| ... | ... | |
| 221 | 564 |
border-style: solid; |
| 222 | 565 |
border-width: 1px; |
| 223 | 566 |
} |
| 567 |
|
|
| 224 | 568 |
.column-block h2 {
|
| 225 | 569 |
font-size: 1.25em; |
| 226 | 570 |
line-height: 1em; |
| ... | ... | |
| 238 | 582 |
margin: 0; |
| 239 | 583 |
line-height: 1.6em; |
| 240 | 584 |
} |
| 585 |
|
|
| 241 | 586 |
.sidebar .block {
|
| 242 | 587 |
padding: 5px 10px; |
| 243 | 588 |
font-size: 0.9em; |
| ... | ... | |
| 245 | 590 |
border-style: solid; |
| 246 | 591 |
border-width: 1px; |
| 247 | 592 |
} |
| 593 |
|
|
| 248 | 594 |
.column-block h2, |
| 249 | 595 |
.sidebar h2 {
|
| 250 | 596 |
background: transparent; |
| ... | ... | |
| 255 | 601 |
padding: 2px 0px; |
| 256 | 602 |
font-size: 1.25em; |
| 257 | 603 |
} |
| 604 |
|
|
| 258 | 605 |
.column-block .content, |
| 259 | 606 |
.sidebar .block .content {
|
| 260 | 607 |
padding: 5px 2px; |
| ... | ... | |
| 269 | 616 |
background: none; |
| 270 | 617 |
border-bottom-width: 3px; |
| 271 | 618 |
} |
| 619 |
|
|
| 272 | 620 |
.column-block table tr td, |
| 273 | 621 |
.sidebar .block table tr td {
|
| 274 | 622 |
padding: 2px 4px; |
| ... | ... | |
| 282 | 630 |
margin: 0px; |
| 283 | 631 |
padding: 0px; |
| 284 | 632 |
} |
| 633 |
|
|
| 285 | 634 |
.sidebar .block ul.links {
|
| 286 | 635 |
margin-top: 10px; |
| 287 | 636 |
text-align: right; |
| 288 | 637 |
} |
| 638 |
|
|
| 289 | 639 |
.sidebar .block ul.links li {
|
| 290 | 640 |
display: inline; |
| 291 | 641 |
margin-left: 15px; |
| 292 | 642 |
} |
| 643 |
|
|
| 293 | 644 |
.sidebar .block .menu {
|
| 294 | 645 |
padding-left: 10px; |
| 295 | 646 |
padding-bottom: 5px; |
| ... | ... | |
| 314 | 665 |
font-size: 1.3em; |
| 315 | 666 |
margin-bottom: 10px; |
| 316 | 667 |
} |
| 317 |
#content .block h2 { /* main content: block title */
|
|
| 668 |
|
|
| 669 |
#content .block h2 {
|
|
| 670 |
/* main content: block title */ |
|
| 318 | 671 |
padding: 4px 8px; |
| 319 | 672 |
font-size: 1.25em; |
| 320 | 673 |
} |
| 674 |
|
|
| 321 | 675 |
.action-links {
|
| 322 | 676 |
padding-left: 10px; |
| 323 | 677 |
} |
| ... | ... | |
| 329 | 683 |
border: none; |
| 330 | 684 |
padding: 0px; |
| 331 | 685 |
} |
| 686 |
|
|
| 332 | 687 |
div.item-list ul.pager {
|
| 333 | 688 |
margin: 10px 0px; |
| 334 | 689 |
margin-top: 10px; |
| ... | ... | |
| 336 | 691 |
overflow: hidden; |
| 337 | 692 |
list-style-type: none; |
| 338 | 693 |
} |
| 694 |
|
|
| 339 | 695 |
div.item-list ul.pager li {
|
| 340 | 696 |
display: inline; |
| 341 | 697 |
margin: 0px; |
| ... | ... | |
| 343 | 699 |
line-height: 1em; |
| 344 | 700 |
padding: 2px 0px; |
| 345 | 701 |
} |
| 702 |
|
|
| 346 | 703 |
div.item-list ul.pager li.pager-current {
|
| 347 | 704 |
padding: 2px 8px; |
| 348 | 705 |
} |
| ... | ... | |
| 363 | 720 |
margin: 8px 0px 0px 0px; |
| 364 | 721 |
list-style-type: none; |
| 365 | 722 |
} |
| 723 |
|
|
| 366 | 724 |
ul.secondary li, |
| 367 | 725 |
ul.primary li {
|
| 368 | 726 |
padding: 2px 0px; |
| 369 | 727 |
margin: 0px; |
| 370 | 728 |
line-height: 1em; |
| 371 | 729 |
} |
| 730 |
|
|
| 372 | 731 |
ul.secondary li a, |
| 373 | 732 |
ul.primary li a {
|
| 374 | 733 |
margin: 0px; |
| ... | ... | |
| 388 | 747 |
|
| 389 | 748 |
div.tabs .secondary li a.active, |
| 390 | 749 |
div.tabs .primary li a.active {
|
| 391 |
background: url('../images/dark.png') repeat top left;
|
|
| 750 |
background: url("../images/dark.png") repeat top left;
|
|
| 392 | 751 |
} |
| 393 | 752 |
|
| 394 | 753 |
div.tabs ul.secondary li a {
|
| 395 | 754 |
font-size: 0.85em; |
| 396 | 755 |
margin: 0px; |
| 397 | 756 |
} |
| 757 |
|
|
| 398 | 758 |
div.tabs ul.secondary li {
|
| 399 | 759 |
border-style: solid; |
| 400 | 760 |
border-width: 1px; |
| ... | ... | |
| 409 | 769 |
margin: 0; |
| 410 | 770 |
padding: 15px 12px 10px 14px; |
| 411 | 771 |
margin-bottom: 10px; |
| 412 |
|
|
| 413 | 772 |
border-style: solid; |
| 414 | 773 |
border-width: 1px; |
| 415 | 774 |
} |
| 775 |
|
|
| 416 | 776 |
.node-sticky {
|
| 417 | 777 |
border-width: 0px; |
| 418 | 778 |
} |
| 419 | 779 |
|
| 420 |
#content .node h2 { /* main content: node title */
|
|
| 780 |
#content .node h2 {
|
|
| 781 |
/* main content: node title */ |
|
| 421 | 782 |
padding: 0px; |
| 422 | 783 |
background: transparent; |
| 423 | 784 |
border-bottom-style: solid; |
| ... | ... | |
| 433 | 794 |
.node ol {
|
| 434 | 795 |
padding-left: 15px; |
| 435 | 796 |
} |
| 797 |
|
|
| 436 | 798 |
.node ul.links {
|
| 437 | 799 |
padding: 0px; |
| 438 | 800 |
font-size: 0.75em; |
| 439 | 801 |
float: right; |
| 440 | 802 |
clear: both; |
| 441 | 803 |
} |
| 804 |
|
|
| 442 | 805 |
.node .user-picture {
|
| 443 | 806 |
float: right; |
| 444 | 807 |
padding: 0px 0px 10px 10px; |
| ... | ... | |
| 454 | 817 |
border-style: solid; |
| 455 | 818 |
border-width: 1px; |
| 456 | 819 |
} |
| 820 |
|
|
| 457 | 821 |
.comment-unpublished {
|
| 458 | 822 |
background: url(../images/unpublished.png) repeat top right; |
| 459 | 823 |
} |
| 824 |
|
|
| 460 | 825 |
.comment-spam {
|
| 461 | 826 |
background: url(../images/spam.png) repeat top right; |
| 462 | 827 |
} |
| 828 |
|
|
| 463 | 829 |
.comment h3 {
|
| 464 | 830 |
border-bottom-style: solid; |
| 465 | 831 |
border-bottom-width: 1px; |
| 466 | 832 |
} |
| 833 |
|
|
| 467 | 834 |
#comments h2.title {
|
Formats disponibles : Unified diff
Switch MAYO on version 7.x-2.0 to be adaptative.