/*This is for use with the basic-template.html
See the specific divs, classes and elements for notes regarding
their intended use*/
#all-page {
/*This div covers the entire page between the
tags, but it is not likely to be needed since most values will be
controlled by other selectors The cursor attribute is used only as a
place holder*/
/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt;
color: Black;
}
.default-style {
/*This affects everything
on the page unless over ridden by
specific sections. */
border-collapse: collapse;
padding: 5px;
width: 80%;
background-color: White;
color: #3E4A94;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt;
margin-top: 60px;
}
body {
/*Unless there is some overriding
reason, this is set to be the
inverse of the default-style class*/
background-color: White;
color: Navy;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt;
background-image: url(../);
background-repeat: repeat-y;
background-image: url('http://shrimp-magic.com/image-files/chk-bg1.jpg');
}
.note-1 {
border: 1px solid Black;
background-color: #E2C6E7;
padding: 8px;
font-weight: bold;
color: #512559;
font-size: 70%;
margin: 30px;
}
#page-head {
/*Where the logo goes,
usually controlled by the .head-style
class which is contained in it.*/
voice-family: female;
}
.head-style {
/*This is the table cell
where the logo and other head elements
reside. Use this to control any elements
which need to be different from the logo itself
which is a DIV inside this cell*/
width: 750px;
padding: 0;
margin: 0;
}
.head-style p {
background-color: White;
border: 0px solid Silver;
width: 800px;
font-variant: small-caps;
height: 12px;
display: block;
font-size: 80%;
text-align: center;
padding: 0 2px;
line-height: 12px;
margin: 0 0 0 0;
}
.head-style a:link, .head-style a:visited{
background-color: White;
border: 1px solid #5395D1;
color: #313A75;
font-variant: small-caps;
font-weight: bold;
text-decoration: none;
height: 12px;
display: inline;
font-size: 80%;
text-align: center;
padding: 0 1em 1em;
}
.head-style a:hover{
background: #00CC02 none;
color: Yellow;
border-bottom-color: #275985;
border-left-color: #275985;
border-right-color: #A1C6E6;
border-top-color: #A1C6E6;
}
.home-link{
font-size: 80%;
text-align: center;
}
#logo {
/*This div is used to control the logo
image and associated text, possibly links.*/
text-align: center;
background-repeat: no-repeat;
background-color: White;
display: block;
height: 160px;
margin-left: 20;
margin-right: 0;
margin-top: 5px;
margin-bottom: 0;
background-image: url('http://www.shrimp-magic.com/image-files/top-shrimp-magic.gif');
}
.spacer-style {
width: 135px; /*vertical-align: top;*/
background-image: none;
background-repeat: no-repeat;
background-color: White;
margin: 0px;
padding: 0px; /*display: block; */
height: 5px;
}
#main-text {
/*This is the DIV, contained in the table
cell which has the .body-style class. Normally
allow the cell class to control the appearance of items here*/
voice-family: female;
}
p.text-top{
display: block;
height: 20px;
margin-left: -9px;
padding: 0 0 0 -10px;
}
.body-style {
vertical-align: top;
background-repeat: repeat-y;
background-position: 1px;
padding: 0 5% 0 25px;
color: Black;
}
p.body-style, li.body-style {
line-height: 130%;
}
.pic-style{
color: #000000;
text-size: 90%;
font-size:90%;
font-family:BankGothic Md BT;
font-weight:bold;
text-align:center;
border-left-width:0; border-right-width:0;
border-top-width:0;
border-bottom-style:solid; border-bottom-width:1;
margin-right:1em;
}
.hidden-help {
background-color: #FFFFCC;
color: Black;
}
.hidden-help-box {
background-color: #FFFFCC;
color: Black;
border: thin inset Black;
}
.cHl, a:link.cHlk, a:visited.cHl {
text-decoration: none;
color: #3E4A94;
background-color: white;
}
a:hover.cHl {
text-decoration: none;
color: #3E4A94;
background-color: white;
}
h1, h2, h3, h4, h5, h6 {
color: #BF0000;
}
h1{
border-bottom: 3px outset #60A0DD;
border-top: 1px solid Silver;
margin: 20px 0 0 0;
}
#social-bm {
/*This is a DIV, contained in the table
cell which has the .body-style class. Normally
allow the cell class to control the appearance of items here*/
voice-family: female;
}
.right-col {
width: 121px;
vertical-align: top;
padding: 35px 2px 2px 5px;
}
#right-column {
/*This is the DIV, contained in the table
cell which has the .right-col class. Normally
allow the cell class to control the appearance of items here
the voice-family property is a place holder*/
voice-family: female;
}
.left-col {
vertical-align: top;
width: 135px;
background-image: none;
background-repeat: repeat-y;
background-color: White;
margin: 0px;
font-size: 90%;
padding-left: 5px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 0px;
}
#left-column {
/*This is the DIV, contained in the table
cell which has the .left-col class. Normally
allow the cell class to control the appearance of items here
the voice-family property is a place holder*/
voice-family: female;
}
#left-nav a:link, #left-nav a:visited {
text-decoration: none;
font-variant: small-caps;
font-size: 80%;
font-weight: bold;
background-color: Lime;
border: 1px solid;
border-bottom-color: Black;
border-right-color: Black;
border-left-color: White;
border-top-color: White;
display: block;
width: 130px;
height: 20px;
color: Yellow;
padding: 3px 3px 3px 3px;
margin: 3px 0 0 0;
overflow: visible;
background-image: none;
background-repeat: repeat;
}
#left-nav a:hover {
border-bottom-color: White;
border-right-color: White;
border-left-color: Black;
border-top-color: Black;
color: #FFD700;
background-color: #00CC02;
}
#left-nav p, #left-nav h1, #left-nav h2, #left-nav h3{
color: black;
width: 110;
text-align: center;
}
#footer-promo {
margin-top: 25px;
}
.bot-cell {
/*This is the table cell which contains the footer.*/
background-image: none;
background-color: White;
background-repeat: no-repeat;
}
#bottom-nav p{
/*This DIV is in the cell with the bot-cell class
which should normall control it.
the voice-family property is a place holder*/
voice-family: female;
text-align: center;
margin: 13px;
}
#bottom-nav a:link, #bottom-nav a:visited {
text-decoration: none;
font-variant: small-caps;
font-size: 50%;
font-weight: bold;
background-color: #33FF35;
border: 1px solid;
border-bottom-color: Black;
border-right-color: Black;
border-left-color: Lime;
border-top-color: Lime;
display: inline;
height: 20px;
color: #424242;
padding: 3px 3px 3px 3px;
margin: 0 0 0 3;
overflow: visible;
}
#bottom-nav a:hover {
border-bottom-color: White;
border-right-color: White;
border-left-color: Black;
border-top-color: Black;
color: #FFFFAA;
background-color: #33FF35;
}
#copyright-footer p{
text-align: center;
font-size: 60%;
}
.standout-yellow{
background-color: Yellow;
border: 7px double Navy;
padding: 0 10 0 10;
margin: auto 2em auto 2em;
color: Black;
}
.ingreds{
color: Black;
margin: 1em 2em 0em 2em;
padding: 0;
}
.ingreds p{
color: Black;
margin: 1em 2em 1em 1em;
padding: 0 0 0;
border-bottom: 1px solid Black;
}
.ingreds table{
}
.ingreds li {
margin-top: 2em;
line-height: 120%;
}
.preparation {
background-color: #FFE4B5;
color: Black;
margin-left: 30px;
margin-right: 10px;
}
.preparation li{
margin-top: 2em;
}
p {
text-align: left;
padding: 5px 5px 5px 7px;
color: Black;
}
dt{
font-variant: small-caps;
}
dd{
font-variant: normal;
font-size: 90%;
margin-left: 2em;
}
a:hover {
background-color: #3E4A94;
color: Yellow;
}
table {
/*Do not use this or other table element selectors since in
the Basic template, all table elements are assigned to certain
classes which are used to control their appearance.
The entire table carries the dlass "default-style",
The cell which contains the logo is "head-style",
The spacer is "spacer-style", the main center cell where
most of the copy lies is called "body-style", there is
a "right-col" and a left-col" for the two side columns,
finally at the bottom where the copyright info, etc. lies is "bot-cell"*/
voice-family: female;
}
span.booktit { font-size: 120%; font-weight: bold; }
#addSiteTo {
width: 90%;
font-size: 85%;
text-align: center;
padding: 2px 0 0 0;
border: 1px solid #000;
margin: 10px auto;
background-color: Lime;
line-height: normal;
font-weight: bold;
font-variant: small-caps;
border-left-color: Yellow;
border-top-color: Yellow;
border-bottom-color: Black;
border-right-color: Black;
}
#addSiteTo a:link, #addSiteTo a:visited {
background-color: Lime;
border-left-color: Lime;
border-top-color: Lime;
display: inherit;
color: inherit;
padding: 0 0 0 0;
margin: -1px 0 0 0;
overflow: visible;
background-image: none;
background-repeat: repeat;
border-bottom-color: Lime;
border-right-color: Lime;
}
#addSiteTo a:hover {
border-bottom-color: White;
border-right-color: White;
border-left-color: Black;
border-top-color: Black;
background-color: #00DF02;
}
#addSiteTo p {
padding: 5px 2px 5px ;
margin: 0;
line-height: 12px;
}
#addSiteTo img {
width:91px;
border:0;
padding:1px 0;
}