diff --git a/README.txt b/README.txt index c031f63..a17de5f 100755 --- a/README.txt +++ b/README.txt @@ -1,81 +1,77 @@ - -## Setting up the Slideshow - -1. Download and install the http://drupal.org/project/nodesinblock module. - -2. Add an image style to suit the size of images you want in the slideshow: - admin/config/media/image-styles. - - You image style must work so that all images will be the same size, and - you know what that size is. For example set it to crop all images to 940x300px. - The default settings for the theme are setup to use an image 940px wide, but - you can choose whatever you want, just make a note of it because we need that - width later on in step 8. - -3. Add a content type called "Slideshow" (the machine name must be "slideshow"). - You can leave the body field or remove it if you want. If you leave it you - should set it to "hidden" in the field display settings. - - Set up the content type with these setting: - - Publishing option: Published - - Display settings: dont display author and date info. - - Comment settings: closed - -4. Add an image field called "slide" to the new Slideshow content type. - - Configure it to allow unlimited values and enable the alt and title - fields. The title field we will use for captions and the alt field is - good for accessibility. - - Under field display settings configure the field to use the image style - you set up in step 2. - -5. Now we should configure the Nodes in Block module: admin/structure/nodesinblock - - 1. General settings - - Total number of blocks: 1 (you can try with more, I have only ever tested with 1) - - Content types: Slideshow - - 2. Settings per block - - User friendly name for block 1: My Slideshow (or whatever you want to use) - - Visibility settings for block 1: Show on only the listed pages - - 3. Settings per content type - - check the setting for "My Slideshow" (or whatever user friendly name you used in step 2) - - uncheck "Collapsed fieldset" and "Collapsible fieldset" - - set the Render Mode to: Full Content without links - -6. Now create a Slideshow node. - - add some images, use the title field if you want a caption on each field - - find the Nodes in block vertical tab and set "Select region" to "My Slideshow (Pos)", and - add the visibility setting you require for this node block. This is the key difference to - normal blocks - you set the visiblity here on the node form, not in the normal block settings. - -7. Go to the block settings, find the "My Slideshows" block and place it in a region, such as the - "Featured" region. - -8. Finally go to the theme settings page for AT Commerce. Find the vertical tab for "Slideshow". - Make sure: - - Enable slideshow javascript setting is checked - - Enter the width of the image, what you setup in step 2 for the image style, e.g 940 - - Check or uncheck captions and controls as desired - - Save the theme settings. Celebrate a little, you did it! - - Now go and view your slideshow, it should be working. If not then review each step, a likely - thing is to forget the setting on the node form. If you are really jammed and suspect there - is a bug please post an issue: http://drupal.org/project/issues/at-commerce - - -## Theming the Slideshow - - AT Commerce comes with a CSS file called styles.slideshow.css - in here are most of the styles for - the default styling. There is a small amount in at_commerce.responsive.style.css to re-position - the directional navigation arrows when in small screens. - - You can modify these CSS files directly, or subtheme AT Commerce using Footheme: - http://drupal.org/project/footheme - - - - + +## Setting up the Slideshow + +1. Download and install the http://drupal.org/project/nodesinblock module. + +2. Add an image style to suit the size of images you want in the slideshow: + admin/config/media/image-styles. + + You image style must work so that all images will be the same size, and + you know what that size is. For example set it to crop all images to 940x300px. + The default settings for the theme are setup to use an image 940px wide, but + you can choose whatever you want, just make a note of it because we need that + width later on in step 8. + +3. Add a content type called "Slideshow" (the machine name must be "slideshow"). + You can leave the body field or remove it if you want. If you leave it you + should set it to "hidden" in the field display settings. + + Set up the content type with these setting: + - Publishing option: Published + - Display settings: dont display author and date info. + - Comment settings: closed + +4. Add an image field called "slide" to the new Slideshow content type. + + Configure it to allow unlimited values and enable the alt and title + fields. The title field we will use for captions and the alt field is + good for accessibility. + + Under field display settings configure the field to use the image style + you set up in step 2. + +5. Now we should configure the Nodes in Block module: admin/structure/nodesinblock + + 1. General settings + - Total number of blocks: 1 (you can try with more, I have only ever tested with 1) + - Content types: Slideshow + + 2. Settings per block + - User friendly name for block 1: My Slideshow (or whatever you want to use) + - Visibility settings for block 1: Show on only the listed pages + + 3. Settings per content type + - check the setting for "My Slideshow" (or whatever user friendly name you used in step 2) + - uncheck "Collapsed fieldset" and "Collapsible fieldset" + - set the Render Mode to: Full Content without links + +6. Now create a Slideshow node. + - add some images, use the title field if you want a caption on each field + - find the Nodes in block vertical tab and set "Select region" to "My Slideshow (Pos)", and + add the visibility setting you require for this node block. This is the key difference to + normal blocks - you set the visiblity here on the node form, not in the normal block settings. + +7. Go to the block settings, find the "My Slideshows" block and place it in a region, such as the + "Featured" region. + +8. Finally go to the theme settings page for AT Commerce. Find the vertical tab for "Slideshow". + Make sure: + - Enable slideshow javascript setting is checked + - Enter the width of the image, what you setup in step 2 for the image style, e.g 940 + - Check or uncheck captions and controls as desired + + Save the theme settings. Celebrate a little, you did it! + + Now go and view your slideshow, it should be working. If not then review each step, a likely + thing is to forget the setting on the node form. If you are really jammed and suspect there + is a bug please post an issue: http://drupal.org/project/issues/at-commerce + + +## Theming the Slideshow + + AT Commerce comes with a CSS file called styles.slideshow.css - in here are most of the styles for + the default styling. There is a small amount in at_commerce.responsive.style.css to re-position + the directional navigation arrows when in small screens. + + You can modify these CSS files directly, or subtheme AT Commerce using Footheme: + http://drupal.org/project/footheme diff --git a/css/commerce/commerce_checkout.theme.css b/css/commerce/commerce_checkout.theme.css index 2411e2e..5fe3af8 100644 --- a/css/commerce/commerce_checkout.theme.css +++ b/css/commerce/commerce_checkout.theme.css @@ -7,7 +7,7 @@ position: relative; -webkit-box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.1); } .page-checkout fieldset legend { position: absolute; @@ -33,7 +33,7 @@ html.js .page-checkout fieldset.collapsed .fieldset-legend { position: relative; -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); - box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); } .page-checkout fieldset#edit-buttons input { margin: 0 10px; diff --git a/css/commerce/commerce_line_item.admin.css b/css/commerce/commerce_line_item.admin.css index 287575c..52fc800 100644 --- a/css/commerce/commerce_line_item.admin.css +++ b/css/commerce/commerce_line_item.admin.css @@ -23,4 +23,3 @@ #line-item-manager .ajax-progress .message { display:none; } - \ No newline at end of file diff --git a/css/ie-htc.css b/css/ie-htc.css index a80b364..2b3aa67 100755 --- a/css/ie-htc.css +++ b/css/ie-htc.css @@ -1,63 +1,63 @@ -/* IE htc */ -.rc-4 .node, -.rc-4 .comment, -.rc-4 .block-inner, -.rc-4 .breadcrumb, -.rc-4 .block-title-wrapper, -.rc-4 .block-title, -div.admin-panel, -.rc-8 .node, -.rc-8 .comment, -.rc-8 .block-inner, -.rc-8 .breadcrumb, -.rc-8 .block-title-wrapper, -.rc-8 .block-title, -.rc-12 .node, -.rc-12 .comment, -.rc-12 .block-inner, -.rc-12 .breadcrumb, -.rc-12 .block-title-wrapper, -.rc-12 .block-title, -.rc-4 #secondary-content-wrapper .block-title-wrapper, -.rc-4 #secondary-content-wrapper .block-title, -.rc-4 .node-teaser .node-inner, -.rc-8 #secondary-content-wrapper .block-title-wrapper, -.rc-8 #secondary-content-wrapper .block-title, -.rc-8 .node-teaser .node-inner, -.rc-12 #secondary-content-wrapper .block-title-wrapper, -.rc-12 #secondary-content-wrapper .block-title, -.rc-12 .node-teaser .node-inner, -.rc-4 .node-footer, -.rc-4 .node-footer .node-inner, -.rc-8 .node-footer, -.rc-8 .node-footer .node-inner, -.rc-12 .node-footer, -.rc-12 .node-footer .node-inner, -.rc-4 .block .block-content.no-title, -.rc-4 .region-secondary-content .block, -.rc-4 .region-tertiary-content .block, -.rc-8 .block .block-content.no-title, -.rc-8 .region-secondary-content .block, -.rc-8 .region-tertiary-content .block, -.rc-12 .block .block-content.no-title, -.rc-12 .region-secondary-content .block, -.rc-12 .region-tertiary-content .block, -.view-content .calendar-calendar ul.inline li { - /* Uncomment the following line and add make the path to PIE.htc absolute. */ - /* behavior: url("<-- add your path here -->/sites/all/libraries/PIE/PIE.htc"); */ - zooom: 1; -} - -/* Kill other things PIE might enable that we really don't want */ -.bs-l #page, -.bs-d #page, -section.breadcrumb, -#secondary-content-wrapper .block > .block-inner, -#breadcrumb-wrapper .block > .block-inner, -#content-wrapper .block > .block-inner, -#quadpanel-wrapper .block > .block-inner, -#tertiary-content-wrapper .block > .block-inner { - -webkit-box-shadow:0 0 0 transparent; - -moz-box-shadow:0 0 0 transparent; - box-shadow:0 0 0 transparent; -} +/* IE htc */ +.rc-4 .node, +.rc-4 .comment, +.rc-4 .block-inner, +.rc-4 .breadcrumb, +.rc-4 .block-title-wrapper, +.rc-4 .block-title, +div.admin-panel, +.rc-8 .node, +.rc-8 .comment, +.rc-8 .block-inner, +.rc-8 .breadcrumb, +.rc-8 .block-title-wrapper, +.rc-8 .block-title, +.rc-12 .node, +.rc-12 .comment, +.rc-12 .block-inner, +.rc-12 .breadcrumb, +.rc-12 .block-title-wrapper, +.rc-12 .block-title, +.rc-4 #secondary-content-wrapper .block-title-wrapper, +.rc-4 #secondary-content-wrapper .block-title, +.rc-4 .node-teaser .node-inner, +.rc-8 #secondary-content-wrapper .block-title-wrapper, +.rc-8 #secondary-content-wrapper .block-title, +.rc-8 .node-teaser .node-inner, +.rc-12 #secondary-content-wrapper .block-title-wrapper, +.rc-12 #secondary-content-wrapper .block-title, +.rc-12 .node-teaser .node-inner, +.rc-4 .node-footer, +.rc-4 .node-footer .node-inner, +.rc-8 .node-footer, +.rc-8 .node-footer .node-inner, +.rc-12 .node-footer, +.rc-12 .node-footer .node-inner, +.rc-4 .block .block-content.no-title, +.rc-4 .region-secondary-content .block, +.rc-4 .region-tertiary-content .block, +.rc-8 .block .block-content.no-title, +.rc-8 .region-secondary-content .block, +.rc-8 .region-tertiary-content .block, +.rc-12 .block .block-content.no-title, +.rc-12 .region-secondary-content .block, +.rc-12 .region-tertiary-content .block, +.view-content .calendar-calendar ul.inline li { + /* Uncomment the following line and add make the path to PIE.htc absolute. */ + /* behavior: url("<-- add your path here -->/sites/all/libraries/PIE/PIE.htc"); */ + zooom: 1; +} + +/* Kill other things PIE might enable that we really don't want */ +.bs-l #page, +.bs-d #page, +section.breadcrumb, +#secondary-content-wrapper .block > .block-inner, +#breadcrumb-wrapper .block > .block-inner, +#content-wrapper .block > .block-inner, +#quadpanel-wrapper .block > .block-inner, +#tertiary-content-wrapper .block > .block-inner { + -webkit-box-shadow:0 0 0 transparent; + -moz-box-shadow:0 0 0 transparent; + box-shadow:0 0 0 transparent; +} diff --git a/css/responsive.custom.css b/css/responsive.custom.css index 593944a..7cc1ed6 100755 --- a/css/responsive.custom.css +++ b/css/responsive.custom.css @@ -15,19 +15,19 @@ /* Some basic examples of cascading media queries. */ -/* Really small screens and up +/* Really small screens and up @media only screen and (min-width: 220px) { } */ -/* Smartphone sizes and up +/* Smartphone sizes and up @media only screen and (min-width: 320px) { } */ /* Smartphone sizes and down */ @media only screen and (max-width: 480px) { - + /* Float Region blocks example: In smaller screen sizes we can remove the float and widths so all blocks @@ -35,7 +35,7 @@ "attribute selector" which will match on any float block class. Use your inspector or Firebug to get the classes from the page output if you need more granular control over block alignment and stacking. - + "Float Region blocks" is an extension for floating blocks in regions, see your themes appearance settings, under the Extensions tab. */ @@ -46,12 +46,12 @@ } -/* Tablet sizes and up +/* Tablet sizes and up @media only screen and (min-width: 768px) { } */ -/* Desktops/laptops and up +/* Desktops/laptops and up @media only screen and (min-width: 1025px) { } -*/ \ No newline at end of file +*/ diff --git a/css/responsive.desktop.css b/css/responsive.desktop.css index 0519ecb..8b13789 100755 --- a/css/responsive.desktop.css +++ b/css/responsive.desktop.css @@ -1 +1 @@ - \ No newline at end of file + diff --git a/css/responsive.smartphone.landscape.css b/css/responsive.smartphone.landscape.css index dba8352..ab4cbdc 100755 --- a/css/responsive.smartphone.landscape.css +++ b/css/responsive.smartphone.landscape.css @@ -1,7 +1,7 @@ header#header div#branding { float: none; margin: auto; - text-align: center; + text-align: center; } header#header div.region-header { display: table; diff --git a/css/responsive.tablet.portrait.css b/css/responsive.tablet.portrait.css index ce6bbdf..e6acf97 100755 --- a/css/responsive.tablet.portrait.css +++ b/css/responsive.tablet.portrait.css @@ -1,7 +1,7 @@ header#header div#branding { float: none; margin: auto; - text-align: center; + text-align: center; } header#header div.region-header { display: table; @@ -72,4 +72,4 @@ table.views-view-grid thead tr { .views-view-grid .field-type-image img { padding-left: 0; padding-right: 0; -} \ No newline at end of file +} diff --git a/css/styles.custom.css b/css/styles.custom.css index 9012943..6d1d0ea 100755 --- a/css/styles.custom.css +++ b/css/styles.custom.css @@ -1,2 +1,2 @@ - -/* Clean file for your awesome overrides, enable in the info file to use. */ + +/* Clean file for your awesome overrides, enable in the info file to use. */ diff --git a/css/styles.modules.css b/css/styles.modules.css index 1d79181..bb12fb4 100755 --- a/css/styles.modules.css +++ b/css/styles.modules.css @@ -1,113 +1,113 @@ -/* Contrib Module */ - -/* Ubercart */ -.cart-block-summary-links ul.links li { - border-right: 0; -} - -/* Views */ -.views-view-grid h1 { - font-size: 1.25em; -} - -/* Views slideshow */ -.view-content .skin-default img {} -.views-slideshow-controls-top, -.views-slideshow-controls-bottom {} -.views-slideshow-controls-top {} -.views-slideshow-controls-bottom {} -.views-slideshow-controls-top {} -.views-slideshow-controls-bottom {} - - - -/* Superfish - sf-horizontal - classic drop menu style */ -.nav .block-superfish, -.sf-horizontal { - padding: 0; - margin: 0; -} - - -/* Quicktabs */ -.block-quicktabs .block-inner .block-inner, -.sidebar .block-quicktabs .block-inner .block-inner { -} -.block-quicktabs .block-content, -.sidebar .block-quicktabs .block-content { -} -.block-quicktabs .block-content-inner, -.sidebar .block-quicktabs .block-content-inner { -} -.block-quicktabs ul.quicktabs-tabs {; -} -.block-quicktabs ul.quicktabs-tabs li{ -} -.quicktabs-style-nostyle ul.quicktabs_tabs { -} -.quicktabs-style-nostyle ul.quicktabs_tabs li { -} -.quicktabs-style-nostyle ul.quicktabs_tabs li a { -} - -/* Date/Calendar */ -.calendar-calendar div.date-nav { - border: 0; - padding: 1px; -} -.calendar-calendar td { - text-align: center; -} -.calendar-calendar th.days { - border: 0; -} -.calendar-calendar td.calendar-agenda-hour { - border-style: solid none none; -} -.calendar-calendar td.calendar-agenda-items { - border-style: solid; -} -.calendar-calendar td.calendar-agenda-hour { - border-style: none none solid solid; - border-width: 1px; -} -.calendar-calendar td.calendar-agenda-hour .calendar-hour { - padding: 0 5px; - white-space: nowrap; -} -.calendar-calendar div.calendar { - font-size: 1em; -} -.calendar-calendar td .inner div.calendar div { - border: 0; - padding: 0 5px; -} -.calendar-calendar td .inner div.calendar div a { - padding: 0; - font-weight: 700; - text-decoration: underline; -} -.week-view .calendar-calendar td .inner div, -.week-view .calendar-calendar td .inner div a { - border-bottom: 1px solid #fff; -} -.calendar-calendar td.empty { - background: none; -} -.view-content .calendar-calendar ul.inline { - padding: 0 0 10px; - display: block; -} -.view-content .calendar-calendar ul.inline li { - margin-right: 2px; -} -.block .calendar-calendar .month-view table { - border: 2px solid #fff; - clear: both; - margin: 0; - padding: 3px; -} -.calendar-calendar .inner { - padding: 1px; -} +/* Contrib Module */ + +/* Ubercart */ +.cart-block-summary-links ul.links li { + border-right: 0; +} + +/* Views */ +.views-view-grid h1 { + font-size: 1.25em; +} + +/* Views slideshow */ +.view-content .skin-default img {} +.views-slideshow-controls-top, +.views-slideshow-controls-bottom {} +.views-slideshow-controls-top {} +.views-slideshow-controls-bottom {} +.views-slideshow-controls-top {} +.views-slideshow-controls-bottom {} + + + +/* Superfish + sf-horizontal - classic drop menu style */ +.nav .block-superfish, +.sf-horizontal { + padding: 0; + margin: 0; +} + + +/* Quicktabs */ +.block-quicktabs .block-inner .block-inner, +.sidebar .block-quicktabs .block-inner .block-inner { +} +.block-quicktabs .block-content, +.sidebar .block-quicktabs .block-content { +} +.block-quicktabs .block-content-inner, +.sidebar .block-quicktabs .block-content-inner { +} +.block-quicktabs ul.quicktabs-tabs {; +} +.block-quicktabs ul.quicktabs-tabs li{ +} +.quicktabs-style-nostyle ul.quicktabs_tabs { +} +.quicktabs-style-nostyle ul.quicktabs_tabs li { +} +.quicktabs-style-nostyle ul.quicktabs_tabs li a { +} + +/* Date/Calendar */ +.calendar-calendar div.date-nav { + border: 0; + padding: 1px; +} +.calendar-calendar td { + text-align: center; +} +.calendar-calendar th.days { + border: 0; +} +.calendar-calendar td.calendar-agenda-hour { + border-style: solid none none; +} +.calendar-calendar td.calendar-agenda-items { + border-style: solid; +} +.calendar-calendar td.calendar-agenda-hour { + border-style: none none solid solid; + border-width: 1px; +} +.calendar-calendar td.calendar-agenda-hour .calendar-hour { + padding: 0 5px; + white-space: nowrap; +} +.calendar-calendar div.calendar { + font-size: 1em; +} +.calendar-calendar td .inner div.calendar div { + border: 0; + padding: 0 5px; +} +.calendar-calendar td .inner div.calendar div a { + padding: 0; + font-weight: 700; + text-decoration: underline; +} +.week-view .calendar-calendar td .inner div, +.week-view .calendar-calendar td .inner div a { + border-bottom: 1px solid #fff; +} +.calendar-calendar td.empty { + background: none; +} +.view-content .calendar-calendar ul.inline { + padding: 0 0 10px; + display: block; +} +.view-content .calendar-calendar ul.inline li { + margin-right: 2px; +} +.block .calendar-calendar .month-view table { + border: 2px solid #fff; + clear: both; + margin: 0; + padding: 3px; +} +.calendar-calendar .inner { + padding: 1px; +} diff --git a/css/styles.settings.css b/css/styles.settings.css index bea0253..e9bbeec 100755 --- a/css/styles.settings.css +++ b/css/styles.settings.css @@ -1,366 +1,366 @@ -/* AT Commerce Settings Styles */ - -/* Frontpage and Taxonomy Grids */ -#main-content.content-display-grid article.node { - float: left; - margin: 0 0 10px; - min-width: 150px; /* this ensures 2cols at 320px and 4 cols at 480px (smartphone displays) and allows for the maximum setting of 8 cols at widths like 1280px or more */ -} -.content-display-grid article .node-inner { - padding: 5px; -} -.content-display-grid article .node-inner:hover {} -.content-display-grid article.node h1{ - font-size: 1.077em; -} -.content-display-grid article .node-content { - padding: 0 0 10px; -} -.content-display-grid article .node-inner img { - padding: 0; - height: auto; -} -.content-display-grid article .field { - margin-bottom: 0; -} -.content-display-grid article input.form-submit { - margin-left: 0; - margin-right: 0; -} -body.front.fpcc-2 #main-content article.node, -body.page-taxonomy.tpcc-2 #main-content article.node { - width: 50%; -} -body.front.fpcc-3 #main-content article.node, -body.page-taxonomy.tpcc-3 #main-content article.node { - width: 33.33333333333333%; -} -body.front.fpcc-4 #block-system-main article.node, -body.page-taxonomy.tpcc-4 #main-content article.node { - width: 25%; -} -body.front.fpcc-5 #main-content article.node, -body.page-taxonomy.tpcc-5 #main-content article.node { - width: 20%; -} -body.front.fpcc-6 #main-content article.node, -body.page-taxonomy.tpcc-6 #main-content article.node { - width: 16.66666666666667%; -} -body.front.fpcc-7 #main-content article.node, -body.page-taxonomy.tpcc-7 #main-content article.node { - width: 14.28571428571429%; -} -body.front.fpcc-8 #main-content article.node, -body.page-taxonomy.tpcc-8 #main-content article.node { - width: 12.5%; -} - -/* Draw */ -.hl-l #toggle { - float: right; - margin-right: 20px; -} -.hl-r #toggle { - float: left; - margin-left: 20px; -} -.hl-c #toggle { - float: none; - margin: auto; - text-align: center; -} - -/* HL - Left */ -.hl-l #branding { - float: left; -} -.hl-l .region-header { - float: right; - margin: 17px 0 0 20px; -} -.hl-l .region-header .block { - display: inline-block; - clear: none; - margin-bottom: 0; -} -.hl-l #logo, -.hl-l .h-group { - padding-right: 18px; - float: left; -} - -/* HL - Right */ -.hl-r #branding { - float: right; -} -.hl-r .region-header { - float: left; - margin: 17px 20px 0 0; -} -.hl-r .region-header .block { - display: inline; - clear: none; - margin-bottom: 0; -} -.hl-r #logo { - float: right; - padding-right: 0; - padding-left: 18px; -} -.hl-r #site-name, -.hl-r #site-slogan { - text-align: right; -} - -/* HL - Centered */ -.hl-c #branding { - float: none; - margin: auto; - text-align: center; -} -.hl-c .region-header { - display: table; - float: none; - margin: 15px auto 0; - text-align: center; -} -.hl-c .region-header .block { - clear: none; - display: inline; - margin: auto; - padding: 0 0 20px !important; - text-align: left; -} -.hl-c .region-header .block-inner { - margin: 0 20px; -} -.hl-c #logo, -.hl-c #site-name, -.hl-c #site-slogan { - float: none; - margin: 0; - padding: 0 0 6px; - text-align: center; -} - -/* Main menu alignment */ -.mma-r #menu-bar .block { - float: right; -} -.mma-c #menu-bar .block { - display: table; - text-align: center; - margin: auto; - float: none; - clear: both; -} -.mma-c #menu-bar .block li a { - text-align: left; -} - -/* Image Alignment */ -.ia-l .field-type-image figure, -.iat-l .field-type-image figure { - margin: 4px 15px 4px 0; -} -.ia-l .field-type-image figcaption, -.iat-l .field-type-image figcaption { - margin: 4px 0; -} - -.ia-r .field-type-image figure, -.iat-r .field-type-image figure { - margin: 4px 0 4px 15px; -} -.ia-r .field-type-image figcaption, -.iat-r .field-type-image figcaption { - margin: 4px 0; -} - -.ia-c .field-type-image figure, -.ia-n .field-type-image figure, -.iat-c .field-type-image figure, -.iat-n .field-type-image figure { - border: none; - padding: 10px 0; -} - -.field-type-image.field-label-above { - margin-top: 0; -} - -.field-type-image .field-label { - margin-bottom: 0.5em; -} - -.field-type-image.field-label-inline .field-label { - margin-bottom: 0; - line-height: 1; -} - -/* Bullets */ -.mb-n ul.menu { - padding: 0; - margin: 0; -} -.mb-n ul li.leaf, -.mb-n ul li.collapsed, -.mb-n ul li.expanded { - list-style: none; - list-style-image: none; - margin: 0; - padding: 0; -} -.mb-ah ul.menu { - padding: 0 0 0 1.1em; - margin: 0; -} -.mb-ah ul li.leaf, -.mb-ah ul li.collapsed, -.mb-ah ul li.expanded { - list-style-image: url(images/arrow-head.png); -} -.mb-ad ul.menu { - padding: 0 0 0 1.2em; - margin: 0; -} -.mb-ad ul li.leaf, -.mb-ad ul li.collapsed, -.mb-ad ul li.expanded { - list-style-image: url(images/arrow-double.png); -} -.mb-ca ul.menu { - padding: 0 0 0 1.6em; - margin: 0; -} -.mb-ca ul li.leaf, -.mb-ca ul li.collapsed, -.mb-ca ul li.expanded { - list-style-image: url(images/arrow-circle.png); -} -.mb-fa ul.menu { - padding: 0 0 0 1.6em; - margin: 0; -} -.mb-fa ul li.leaf, -.mb-fa ul li.collapsed, -.mb-fa ul li.expanded { - list-style-image: url(images/arrow-fat.png); -} -.mb-sa ul.menu { - padding: 0 0 0 1.6em; - margin: 0; -} -.mb-sa ul li.leaf, -.mb-sa ul li.collapsed, -.mb-sa ul li.expanded { - list-style-image: url(images/arrow-skinny.png); -} - -/* Rounded corners */ -.itrc-2 input.form-text, -.isrc-2 input.form-submit { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -khtml-border-radius: 2px; - border-radius: 2px; -} -.itrc-3 input.form-text, -.isrc-3 input.form-submit { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - -khtml-border-radius: 3px; - border-radius: 3px; -} -.itrc-4 input.form-text, -.isrc-4 input.form-submit { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; -} -.itrc-6 input.form-text, -.isrc-6 input.form-submit { - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - -khtml-border-radius: 6px; - border-radius: 6px; -} -.itrc-8 input.form-text, -.isrc-8 input.form-submit { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - -khtml-border-radius: 8px; - border-radius: 8px; -} -.itrc-10 input.form-text, -.isrc-10 input.form-submit { - -moz-border-radius: 10px; - -webkit-border-radius: 10px; - -khtml-border-radius: 10px; - border-radius: 10px; -} -.itrc-12 input.form-text, -.isrc-12 input.form-submit { - -moz-border-radius: 12px; - -webkit-border-radius: 12px; - -khtml-border-radius: 12px; - border-radius: 12px; -} - -/* Featured backgrounds */ -#secondary-content-wrapper, -#secondary-content-wrapper .texture-overlay { - min-height: 25px; -} -.opera #secondary-content-wrapper { - margin-bottom: 15px; -} -body.bb-n #secondary-content-wrapper .texture-overlay, -body.bb-n #quint-panels-wrapper .texture-overlay { - background-image: none; -} -body.bb-b #secondary-content-wrapper .texture-overlay, -body.bb-b #quint-panels-wrapper .texture-overlay { - background-image: url(images/bubbles.png); - background-position: 0 0; - background-repeat: repeat; -} -body.bb-hs #secondary-content-wrapper .texture-overlay, -body.bb-hs #quint-panels-wrapper .texture-overlay { - background-image: url(images/hoz-stripe.png); - background-position: 0 0; - background-repeat: repeat; -} -body.bb-dp #secondary-content-wrapper .texture-overlay, -body.bb-dp #quint-panels-wrapper .texture-overlay { - background-image: url(images/diagonal-pattern.png); - background-position: 0 0; - background-repeat: repeat; -} -body.bb-dlt #secondary-content-wrapper .texture-overlay, -body.bb-dlt #quint-panels-wrapper .texture-overlay { - background-image: url(images/diagonal-tight.png); - background-position: 0 0; - background-repeat: repeat; -} -body.bb-dll #secondary-content-wrapper .texture-overlay, -body.bb-dll #quint-panels-wrapper .texture-overlay { - background-image: url(images/diagonal-loose.png); - background-position: 0 0; - background-repeat: repeat; -} -body.bb-sd #secondary-content-wrapper .texture-overlay, -body.bb-sd #quint-panels-wrapper .texture-overlay { - background-image: url(images/dots-small.png); - background-position: 0 0; - background-repeat: repeat; -} -body.bb-bd #secondary-content-wrapper .texture-overlay, -body.bb-bd #quint-panels-wrapper .texture-overlay { - background-image: url(images/dots-big.png); - background-position: 0 0; - background-repeat: repeat; - min-height: 40px; -} +/* AT Commerce Settings Styles */ + +/* Frontpage and Taxonomy Grids */ +#main-content.content-display-grid article.node { + float: left; + margin: 0 0 10px; + min-width: 150px; /* this ensures 2cols at 320px and 4 cols at 480px (smartphone displays) and allows for the maximum setting of 8 cols at widths like 1280px or more */ +} +.content-display-grid article .node-inner { + padding: 5px; +} +.content-display-grid article .node-inner:hover {} +.content-display-grid article.node h1{ + font-size: 1.077em; +} +.content-display-grid article .node-content { + padding: 0 0 10px; +} +.content-display-grid article .node-inner img { + padding: 0; + height: auto; +} +.content-display-grid article .field { + margin-bottom: 0; +} +.content-display-grid article input.form-submit { + margin-left: 0; + margin-right: 0; +} +body.front.fpcc-2 #main-content article.node, +body.page-taxonomy.tpcc-2 #main-content article.node { + width: 50%; +} +body.front.fpcc-3 #main-content article.node, +body.page-taxonomy.tpcc-3 #main-content article.node { + width: 33.33333333333333%; +} +body.front.fpcc-4 #block-system-main article.node, +body.page-taxonomy.tpcc-4 #main-content article.node { + width: 25%; +} +body.front.fpcc-5 #main-content article.node, +body.page-taxonomy.tpcc-5 #main-content article.node { + width: 20%; +} +body.front.fpcc-6 #main-content article.node, +body.page-taxonomy.tpcc-6 #main-content article.node { + width: 16.66666666666667%; +} +body.front.fpcc-7 #main-content article.node, +body.page-taxonomy.tpcc-7 #main-content article.node { + width: 14.28571428571429%; +} +body.front.fpcc-8 #main-content article.node, +body.page-taxonomy.tpcc-8 #main-content article.node { + width: 12.5%; +} + +/* Draw */ +.hl-l #toggle { + float: right; + margin-right: 20px; +} +.hl-r #toggle { + float: left; + margin-left: 20px; +} +.hl-c #toggle { + float: none; + margin: auto; + text-align: center; +} + +/* HL - Left */ +.hl-l #branding { + float: left; +} +.hl-l .region-header { + float: right; + margin: 17px 0 0 20px; +} +.hl-l .region-header .block { + display: inline-block; + clear: none; + margin-bottom: 0; +} +.hl-l #logo, +.hl-l .h-group { + padding-right: 18px; + float: left; +} + +/* HL - Right */ +.hl-r #branding { + float: right; +} +.hl-r .region-header { + float: left; + margin: 17px 20px 0 0; +} +.hl-r .region-header .block { + display: inline; + clear: none; + margin-bottom: 0; +} +.hl-r #logo { + float: right; + padding-right: 0; + padding-left: 18px; +} +.hl-r #site-name, +.hl-r #site-slogan { + text-align: right; +} + +/* HL - Centered */ +.hl-c #branding { + float: none; + margin: auto; + text-align: center; +} +.hl-c .region-header { + display: table; + float: none; + margin: 15px auto 0; + text-align: center; +} +.hl-c .region-header .block { + clear: none; + display: inline; + margin: auto; + padding: 0 0 20px !important; + text-align: left; +} +.hl-c .region-header .block-inner { + margin: 0 20px; +} +.hl-c #logo, +.hl-c #site-name, +.hl-c #site-slogan { + float: none; + margin: 0; + padding: 0 0 6px; + text-align: center; +} + +/* Main menu alignment */ +.mma-r #menu-bar .block { + float: right; +} +.mma-c #menu-bar .block { + display: table; + text-align: center; + margin: auto; + float: none; + clear: both; +} +.mma-c #menu-bar .block li a { + text-align: left; +} + +/* Image Alignment */ +.ia-l .field-type-image figure, +.iat-l .field-type-image figure { + margin: 4px 15px 4px 0; +} +.ia-l .field-type-image figcaption, +.iat-l .field-type-image figcaption { + margin: 4px 0; +} + +.ia-r .field-type-image figure, +.iat-r .field-type-image figure { + margin: 4px 0 4px 15px; +} +.ia-r .field-type-image figcaption, +.iat-r .field-type-image figcaption { + margin: 4px 0; +} + +.ia-c .field-type-image figure, +.ia-n .field-type-image figure, +.iat-c .field-type-image figure, +.iat-n .field-type-image figure { + border: none; + padding: 10px 0; +} + +.field-type-image.field-label-above { + margin-top: 0; +} + +.field-type-image .field-label { + margin-bottom: 0.5em; +} + +.field-type-image.field-label-inline .field-label { + margin-bottom: 0; + line-height: 1; +} + +/* Bullets */ +.mb-n ul.menu { + padding: 0; + margin: 0; +} +.mb-n ul li.leaf, +.mb-n ul li.collapsed, +.mb-n ul li.expanded { + list-style: none; + list-style-image: none; + margin: 0; + padding: 0; +} +.mb-ah ul.menu { + padding: 0 0 0 1.1em; + margin: 0; +} +.mb-ah ul li.leaf, +.mb-ah ul li.collapsed, +.mb-ah ul li.expanded { + list-style-image: url(images/arrow-head.png); +} +.mb-ad ul.menu { + padding: 0 0 0 1.2em; + margin: 0; +} +.mb-ad ul li.leaf, +.mb-ad ul li.collapsed, +.mb-ad ul li.expanded { + list-style-image: url(images/arrow-double.png); +} +.mb-ca ul.menu { + padding: 0 0 0 1.6em; + margin: 0; +} +.mb-ca ul li.leaf, +.mb-ca ul li.collapsed, +.mb-ca ul li.expanded { + list-style-image: url(images/arrow-circle.png); +} +.mb-fa ul.menu { + padding: 0 0 0 1.6em; + margin: 0; +} +.mb-fa ul li.leaf, +.mb-fa ul li.collapsed, +.mb-fa ul li.expanded { + list-style-image: url(images/arrow-fat.png); +} +.mb-sa ul.menu { + padding: 0 0 0 1.6em; + margin: 0; +} +.mb-sa ul li.leaf, +.mb-sa ul li.collapsed, +.mb-sa ul li.expanded { + list-style-image: url(images/arrow-skinny.png); +} + +/* Rounded corners */ +.itrc-2 input.form-text, +.isrc-2 input.form-submit { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + border-radius: 2px; +} +.itrc-3 input.form-text, +.isrc-3 input.form-submit { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; + border-radius: 3px; +} +.itrc-4 input.form-text, +.isrc-4 input.form-submit { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; +} +.itrc-6 input.form-text, +.isrc-6 input.form-submit { + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + -khtml-border-radius: 6px; + border-radius: 6px; +} +.itrc-8 input.form-text, +.isrc-8 input.form-submit { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + -khtml-border-radius: 8px; + border-radius: 8px; +} +.itrc-10 input.form-text, +.isrc-10 input.form-submit { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -khtml-border-radius: 10px; + border-radius: 10px; +} +.itrc-12 input.form-text, +.isrc-12 input.form-submit { + -moz-border-radius: 12px; + -webkit-border-radius: 12px; + -khtml-border-radius: 12px; + border-radius: 12px; +} + +/* Featured backgrounds */ +#secondary-content-wrapper, +#secondary-content-wrapper .texture-overlay { + min-height: 25px; +} +.opera #secondary-content-wrapper { + margin-bottom: 15px; +} +body.bb-n #secondary-content-wrapper .texture-overlay, +body.bb-n #quint-panels-wrapper .texture-overlay { + background-image: none; +} +body.bb-b #secondary-content-wrapper .texture-overlay, +body.bb-b #quint-panels-wrapper .texture-overlay { + background-image: url(images/bubbles.png); + background-position: 0 0; + background-repeat: repeat; +} +body.bb-hs #secondary-content-wrapper .texture-overlay, +body.bb-hs #quint-panels-wrapper .texture-overlay { + background-image: url(images/hoz-stripe.png); + background-position: 0 0; + background-repeat: repeat; +} +body.bb-dp #secondary-content-wrapper .texture-overlay, +body.bb-dp #quint-panels-wrapper .texture-overlay { + background-image: url(images/diagonal-pattern.png); + background-position: 0 0; + background-repeat: repeat; +} +body.bb-dlt #secondary-content-wrapper .texture-overlay, +body.bb-dlt #quint-panels-wrapper .texture-overlay { + background-image: url(images/diagonal-tight.png); + background-position: 0 0; + background-repeat: repeat; +} +body.bb-dll #secondary-content-wrapper .texture-overlay, +body.bb-dll #quint-panels-wrapper .texture-overlay { + background-image: url(images/diagonal-loose.png); + background-position: 0 0; + background-repeat: repeat; +} +body.bb-sd #secondary-content-wrapper .texture-overlay, +body.bb-sd #quint-panels-wrapper .texture-overlay { + background-image: url(images/dots-small.png); + background-position: 0 0; + background-repeat: repeat; +} +body.bb-bd #secondary-content-wrapper .texture-overlay, +body.bb-bd #quint-panels-wrapper .texture-overlay { + background-image: url(images/dots-big.png); + background-position: 0 0; + background-repeat: repeat; + min-height: 40px; +} diff --git a/css/styles.slideshow.css b/css/styles.slideshow.css index 5d56097..b7184e7 100755 --- a/css/styles.slideshow.css +++ b/css/styles.slideshow.css @@ -1,123 +1,123 @@ -/* Slideshow CSS */ - -/* Center and remove padding */ -article.flexible-slideshow, -article.flexible-slideshow .node-inner, -.flexible-slideshow .node-content, -.flexslider { - margin: 0 auto; - padding: 0; -} - -/* Captions */ -.slideshow-caption { - position: absolute; - bottom: 15px; - background: rgba(0,0,0,0.85); - text-align: left; - overflow: hidden; - padding: 1.5% 3%; -} -.slideshow-caption p { - font-size: 1em; - font-weight: 700; - margin: 0; - color: #fff; -} - -/* Nav controls */ -.flexslider ol.flex-control-nav, -.flexslider ol.flex-control-nav li, -.flexslider ul.flex-direction-nav, -.flexslider ul.flex-direction-nav li { - margin: 0; - padding: 0; - list-style: none; -} - -/* Control nav (the dots along the bottom) */ -.flexslider { - padding-bottom: 20px; -} -body.hide-ss-nav .flexslider { - padding-bottom: 0; -} -.flexslider ol.flex-control-nav { - position: absolute; - bottom: 1px; - right: 7px; - z-index: 20; -} -.flexslider ol.flex-control-nav li { - display: inline; -} -.flexslider ol.flex-control-nav li a { - display: inline-block; - background: url(images/slideshow-control.png) no-repeat center center; - height: 10px; - width: 10px; - text-indent: -99999em; - overflow: hidden; - outline: 0; - margin: 0 3px; - cursor: pointer; -} -.flexslider ol.flex-control-nav li a.active { - background: url(images/slideshow-control-active.png) no-repeat center center; -} - -/* Direction nav (the arrows) */ -.flexslider ul.flex-direction-nav { - position: absolute; - top: 35%; - z-index: 9; - width: 100%; - height: 30px; -} -.flexslider ul.flex-direction-nav li {} -.flexslider ul.flex-direction-nav li a { - cursor: pointer; - display: block; - width: 30px; - height: 30px; - background: url(images/slideshow-directional-arrows.png) no-repeat; - text-indent: -99999em; - border: 0; - overflow: hidden; - outline: 0; - position: absolute; -} -.flexslider ul.flex-direction-nav li a.prev { - left: 12px; - background-position: 0 0; -} -.flexslider ul.flex-direction-nav li a.next { - right: 12px; - background-position: -30px 0; -} - -/* Be careful going below here, it could blow up... */ -.flexible-slideshow .node-content { - position: relative; -} -.flexslider ul, -.flexslider li { - position: relative; - list-style: none; - margin: 0; - padding: 0; -} - -/* Center the whole shebang */ -article.flexible-slideshow .node-inner { - margin: auto; - text-align: center; -} - -/* Do evil and hide stuff with CSS, FTW! */ -body.hide-ss-nav .flexslider ol.flex-control-nav { - display: none !important; -} -body.hide-ss-dir .flexslider ul.flex-direction-nav { - display: none !important; -} +/* Slideshow CSS */ + +/* Center and remove padding */ +article.flexible-slideshow, +article.flexible-slideshow .node-inner, +.flexible-slideshow .node-content, +.flexslider { + margin: 0 auto; + padding: 0; +} + +/* Captions */ +.slideshow-caption { + position: absolute; + bottom: 15px; + background: rgba(0,0,0,0.85); + text-align: left; + overflow: hidden; + padding: 1.5% 3%; +} +.slideshow-caption p { + font-size: 1em; + font-weight: 700; + margin: 0; + color: #fff; +} + +/* Nav controls */ +.flexslider ol.flex-control-nav, +.flexslider ol.flex-control-nav li, +.flexslider ul.flex-direction-nav, +.flexslider ul.flex-direction-nav li { + margin: 0; + padding: 0; + list-style: none; +} + +/* Control nav (the dots along the bottom) */ +.flexslider { + padding-bottom: 20px; +} +body.hide-ss-nav .flexslider { + padding-bottom: 0; +} +.flexslider ol.flex-control-nav { + position: absolute; + bottom: 1px; + right: 7px; + z-index: 20; +} +.flexslider ol.flex-control-nav li { + display: inline; +} +.flexslider ol.flex-control-nav li a { + display: inline-block; + background: url(images/slideshow-control.png) no-repeat center center; + height: 10px; + width: 10px; + text-indent: -99999em; + overflow: hidden; + outline: 0; + margin: 0 3px; + cursor: pointer; +} +.flexslider ol.flex-control-nav li a.active { + background: url(images/slideshow-control-active.png) no-repeat center center; +} + +/* Direction nav (the arrows) */ +.flexslider ul.flex-direction-nav { + position: absolute; + top: 35%; + z-index: 9; + width: 100%; + height: 30px; +} +.flexslider ul.flex-direction-nav li {} +.flexslider ul.flex-direction-nav li a { + cursor: pointer; + display: block; + width: 30px; + height: 30px; + background: url(images/slideshow-directional-arrows.png) no-repeat; + text-indent: -99999em; + border: 0; + overflow: hidden; + outline: 0; + position: absolute; +} +.flexslider ul.flex-direction-nav li a.prev { + left: 12px; + background-position: 0 0; +} +.flexslider ul.flex-direction-nav li a.next { + right: 12px; + background-position: -30px 0; +} + +/* Be careful going below here, it could blow up... */ +.flexible-slideshow .node-content { + position: relative; +} +.flexslider ul, +.flexslider li { + position: relative; + list-style: none; + margin: 0; + padding: 0; +} + +/* Center the whole shebang */ +article.flexible-slideshow .node-inner { + margin: auto; + text-align: center; +} + +/* Do evil and hide stuff with CSS, FTW! */ +body.hide-ss-nav .flexslider ol.flex-control-nav { + display: none !important; +} +body.hide-ss-dir .flexslider ul.flex-direction-nav { + display: none !important; +} diff --git a/scripts/draw.js b/scripts/draw.js index 512e2dd..315a334 100755 --- a/scripts/draw.js +++ b/scripts/draw.js @@ -1,10 +1,10 @@ -(function ($) { - Drupal.behaviors.ContentDisplayToggleDraw = { - attach: function(context) { - $('#toggle-wrapper a').bind('click', function() { - $('#draw').slideToggle('400'); - event.preventDefault(); - }); - } - } -})(jQuery); +(function ($) { + Drupal.behaviors.ContentDisplayToggleDraw = { + attach: function(context) { + $('#toggle-wrapper a').bind('click', function() { + $('#draw').slideToggle('400'); + event.preventDefault(); + }); + } + } +})(jQuery); diff --git a/scripts/eq.fp.grid.js b/scripts/eq.fp.grid.js index ec68b8e..b18c84f 100755 --- a/scripts/eq.fp.grid.js +++ b/scripts/eq.fp.grid.js @@ -1,8 +1,8 @@ -(function ($) { - Drupal.behaviors.ContentDisplayFrontPageGrid = { - attach: function(context) { - $("body.front #main-content").addClass("front-page-grid content-display-grid"); - $("body.front #main-content .article").equalHeight(); - } - } -})(jQuery); +(function ($) { + Drupal.behaviors.ContentDisplayFrontPageGrid = { + attach: function(context) { + $("body.front #main-content").addClass("front-page-grid content-display-grid"); + $("body.front #main-content .article").equalHeight(); + } + } +})(jQuery); diff --git a/scripts/eq.tp.grid.js b/scripts/eq.tp.grid.js index 41efd67..347d61b 100755 --- a/scripts/eq.tp.grid.js +++ b/scripts/eq.tp.grid.js @@ -1,8 +1,8 @@ -(function ($) { - Drupal.behaviors.ContentDisplayTaxoPageGrid = { - attach: function(context) { - $("body.page-taxonomy #main-content").addClass("page-taxonomy-grid content-display-grid"); - $("body.page-taxonomy #main-content .article").equalHeight(); - } - } -})(jQuery); +(function ($) { + Drupal.behaviors.ContentDisplayTaxoPageGrid = { + attach: function(context) { + $("body.page-taxonomy #main-content").addClass("page-taxonomy-grid content-display-grid"); + $("body.page-taxonomy #main-content .article").equalHeight(); + } + } +})(jQuery); diff --git a/scripts/equalheights.js b/scripts/equalheights.js index 71d6f54..5f3ed28 100755 --- a/scripts/equalheights.js +++ b/scripts/equalheights.js @@ -3,7 +3,7 @@ * In most instances this will be called using the built in theme settings. * However, if you want to use this manually you can call this file * in the info file and user the ready function e.g.: - * + * * This will set sidebars and the main content column all to equal height: * (function ($) { * Drupal.behaviors.adaptivetheme = { @@ -33,4 +33,4 @@ }); }; -})(jQuery); \ No newline at end of file +})(jQuery); diff --git a/templates/comment.tpl.php b/templates/comment.tpl.php index 0f3165f..a715bb6 100755 --- a/templates/comment.tpl.php +++ b/templates/comment.tpl.php @@ -2,7 +2,7 @@
- +