/*********************************************************************************
* Copyright (c) 2009, Darrell F Dieringer
* www.electricdarrell.com
*
* This file is part of dfdZazzleStore.
*
* dfdZazzleStore is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* dfdZazzleStore is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with dfdZazzleStore. If not, see .
*
* dfdZazzleStore is based on code released in
* Zazzle Store Builder 1.0.2 - a Zazzle.com product publishing tool
*/
/* **dfd**
* custom styles
*/
.zazzlegrid {
margin: 30px 0px 60px 0px;
line-height: 100%;
}
/* the heading is wrapped in tags
* empty style so you can modify it */
.zazzlegrid h2 {
}
.zazzlegrid p {
margin-bottom: 12px;
}
/* Heading above store description has this class
* empty style so you can modify it */
.zazzlegrid .gridheading {
/*the font color for grid heading */
color: #631312;
}
/* the following setting is honored only if fDisableElementStyles===true
*
* The width of the description ABOVE the store grid
* can be overridden by setting "nGridDescriptionWidth=nnn"
* in ZSTORE_GRID sections (for wordpress INLINE or TEMPLATE methods)
*/
.zazzlegrid .griddescription {
width: 700px;
}
/* the following setting is honored only if fDisableElementStyles===true
*
* The with of the Zazzle Store Grid
* can be overridden by setting "nGridWidth=nnn"
* in ZSTORE_GRID sections (for wordpress INLINE or TEMPLATE methods)
*/
.centerGrids {
width: 800px;
}
/* the following setting is honored only if fDisableElementStyles===true
*
* Spacing between the images in your Zazzle Store Grid
* can be overridden by setting "nGridCellSpacing=nnn"
* in ZSTORE_GRID sections (for wordpress INLINE or TEMPLATE methods)
*/
.gridCell {
margin-bottom: 10px;
margin-right: 10px;
}
/* the following setting is honored only if fDisableElementStyles===true
*
* Padding to the left of Zazzle Store Grid section
* can be overridden by setting "nGridLeftPadding=nnn"
* in ZSTORE_GRID sections (for wordpress INLINE or TEMPLATE methods)
*/
.allGrids {
padding-left: 50px;
}
/* div containing the description above the store items */
.zazzlegrid .griddescription {
line-height: 150%;
font-size: 95%;
/*the font color for grid description text */
/*color: #222221;*/
margin: 10px 0px 0px 30px;
}
.zstorewarning {
color: #ff0000;
background-color: #444444;
line-height: 130%;
border: 2px solid #ff0000;
padding: 20px;
width: 600px;
text-align: center;
margin: 40px auto;
}
/*
.zazzlegrid a.realviewLink img,
.zazzlegrid a.realviewLink:active img,
.zazzlegrid a.realviewLink:visited img,
.zazzlegrid a.realviewLink:hover img {
background: none;
}
*/
/*
.zazzlegrid a.realviewLink,
.zazzlegrid a.realviewLink:active,
.zazzlegrid a.realviewLink:visited,
.zazzlegrid a.realviewLink:hover {
outline-width: 0;
}
*/
.zazzlegrid img.pbimgImage,
.zazzlegrid img.realviewImage {
padding: 0px;
margin: 0px;
}
/* Powered by Zazzle logo container*/
.pbimg {
float: left;
margin-top: 5px;
margin-left: -10px;
}
.sortLinks,
.showingXofY,
.paginationLinks {
white-space: nowrap;
padding-left: 20px;
display: inline;
}
.productTitle {
white-space: nowrap;
}
/* PROBABLY NOT NECESSARY TO EDIT BELOW THIS LINE
* BUT YOU ARE WELCOME TO EDIT IF YOU WANT TO
*
* css provided by zazzle.com in "Zazzle Store Builder v1.0.2"
*/
/* This is the H1 title used in the sample PHP files */
.sampleTitle {
text-align:center;
}
/* This is one product grid cell (the box that contains each product image and text) */
.gridCell {
float: left;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 10px;
margin-right: 10px;
}
/* This is the style given to the product image link by default */
.gridCell .realviewLink {
background: none;
border: 2px solid #AFD0F8;
display: block;
padding: 0px;
line-height: 0px;
}
/* This is the style given to the product image itself by default */
.gridCell .realviewImage {
background: none;
border: none;
}
/* This is the style given to the inside of the image link when hovering over the image */
.gridCell .realviewLink:hover .realviewImage {
background: none;
border: 1px solid #AFD0F8!important;
}
/* This is the style given to the outside of the image link when hovering over the image */
.gridCell .realviewLink:hover {
background: none;
border: 1px solid #88a2c1!important;
}
/* This is the style given to the text underneath the image (title, description, price...) */
.gridCellInfo {
text-align: center;
font-size: .75em;
}
/* Centers text under the product */
.gridCellInfo a, .gridCellInfo a span {
text-align: center;
}
/* This is the main container for the grid of products */
.allGrids {
text-align: center;
}
/* Centers the grid of products inside allGrids */
.centerGrids {
margin-left: 0px;
margin-right: auto;
margin-top: 20px;
}
.allGrids .error {
border:1px solid;
padding:18px;
margin-bottom:23px;
}
/* The currently selected sort method */
.selectedSort, .selectedSort a {
text-decoration:none;
}
/* The pagination links */
.count {
font-size: 90%;
float: right;
margin-left: -2px;
margin-top: 7px;
margin-bottom: 17px;
text-align: right;
position: relative;
}
/* Powered by Zazzle logo */
.pbimg img.pbimgImage {
background: none;
border: none;
}
.pbimg a.pbimgLink {
display: block;
line-height: 0px;
padding: 0px;
background: none;
border: 2px solid #ffffff;
}
.pbimg .pbimgLink:hover img.pbimgImage {
background: none;
border: 1px solid #AFD0F8!important;
}
.pbimg .pbimgLink:hover {
background: none;
border: 1px solid #88a2c1!important;
}
/* Empty classes in case you want to change the look of the pagination and sort */
.count a, .sortLinks a {
}
.sortLinks {
}
/* Used to stop product grids from floating to the left (at the end of the grid) */
.clearMe {
clear: both;
margin: 0px;
padding: 0px;
}
/* Height of short DIV */
.short {
height: 10px;
}
/* Fix for Mozilla browsers for floating elements...best not touch this! */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* Empty class in case you want to style the currently selected page number */
.current {
}
/* The product description text. To show more than one line of the description, increase the height. */
.productDescription {
cursor: default;
text-decoration: none;
position: relative;
overflow: hidden;
height: 45px;
}
/* The product title text */
.productTitle {
display: block;
line-height: 200%;
overflow: hidden;
font-weight: bold;
}
/* Product price text */
.productPrice {
cursor: default;
text-decoration: none;
font-size: 8pt;
}
/* The pagination arrows (previous/next)*/
.paginationArrows {
text-decoration: none;
}