--- pettastic/html/css/print.css 2013/03/13 04:25:40 1.1
+++ pettastic/html/css/print.css 2013/03/15 13:08:06 1.3
@@ -6,69 +6,290 @@ html {
body {
margin: 0px;
padding: 0px;
- background-color: white;
- color: black;
+ color: #404040;
font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
- font-size: 9pt;
+ font-size: medium;
+ font-size: 80%;
+ /* fallback */
+ background-color: #C7B7D5;
+ background-image: url(images/radial-bg.jpg);
+ background-position: center center;
+ background-repeat: no-repeat;
+
+ /* Safari 4-5, Chrome 1-9 */
+ /* Can't specify a percentage size? Laaaaaame. */
+ background: -webkit-gradient(radial, center center, 0, center center, 460, from(#f0e5fc), to(#C7B7D5));
+
+ /* Safari 5.1+, Chrome 10+ */
+ background: -webkit-radial-gradient(circle, #f0e5fc, #C7B7D5);
+
+ /* Firefox 3.6+ */
+ background: -moz-radial-gradient(circle, #f0e5fc, #C7B7D5);
+
+ /* IE 10 */
+ background: -ms-radial-gradient(circle, #f0e5fc, #C7B7D5);
+
+ /* Opera cannot do radial gradients yet */
+}
+
+p {
+ font-family: Tahoma, Geneva, sans-serif;
+}
+
+
+#location {
+ display: none;
}
a {
- text-decoration: underline;
+ color: #502060;
}
-#breadcrums {
- margin-top: 30px;
- margin-left: 0px;
- margin-bottom: 30px;
- padding-top: 5px;
- padding-bottom: 5px;
- padding-left: 140px;
- background-color: white;
- color: #404040;
- border-top: 1px solid #e0e0e0;
- border-bottom: 1px solid #e0e0e0;
- clear: both;
+#menubar {
+ margin-top : 10px;
+ margin-left : 0px;
+ margin-bottom : 10px;
+ padding-top : 4px;
+ padding-bottom : 5px;
+ background-color : transparent;
+ background : url(/images/transpurple.png);
+ color : #f0f0f0;
+ border-top : 1px solid black;
+ border-bottom : 1px solid black;
+ font-size : medium;
+ clear : both;
+ height : 100%;
+ width : 800px;
+ font-family : Tahoma, Geneva, sans-serif;
+ font-size : 16px;
+ font-weight : bold;
+ text-align : center;
+ float : center;
+ margin-left : auto;
+ margin-right : auto;
+}
+
+
+#title_header {
+ margin-top: 0px;
+ margin-bottom: 0px;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ background-color: transparent;
+ width: 800px;
+ clear: both;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
}
#footer {
- margin-top: 30px;
- margin-bottom: 10px;
- padding-top: 5px;
- padding-bottom: 5px;
- background-color: white;
- color: #404040;
- border-top: 1px solid #e0e0e0;
- border-bottom: 1px solid #e0e0e0;
- font-size: 8pt;
- width: 100%;
- clear: both;
+ margin-top : 30px;
+ margin-bottom : 10px;
+ padding-top : 5px;
+ padding-bottom : 5px;
+ background-color : transparent;
+ background : url(/images/transpurple.png);
+ color : #f0f0f0;
+ border-top : 1px solid black;
+ border-bottom : 1px solid black;
+ font-size : x-small;
+ width : 100%;
+ clear : both;
+ text-align : center;
+ margin-left : auto;
+ margin-right : auto;
+ width : 800px;
+}
+
+#mainbody {
+ float : center;
+ height : 100%;
+ width : 750px;
+ margin-left : auto;
+ margin-right : auto;
+ margin : 0;
+ padding : 0;
+ clear : both;
+ border : 2px solid red;
+ clear : both;
+}
+
+#content {
+ float : center;
+ width : 770px;
+ margin-left : auto;
+ margin-right : auto;
+ background : url(/images/transwhite.png);
+ border : 1px solid #e0e0e0;
+ margin-bottom : 30px;
+ padding : 5px;
+ clear : both;
+}
+
+#coupons {
+ text-align : center;
+ font-size : 120%;
+ margin-left : 150px;
+ margin-top : 30px;
+ margin-bottom : 30px;
+ border : 5px dotted #000000;
+ width : 450px;
+}
+
+#coupons img.head {
+ float : center;
+ margin-top : 5px;
+ margin-bottom : 0px;
+}
+
+#coupons p.title {
+ text-align : center;
+ font-size : 200%;
+ color : #E21717;
+ font-weight : bold;
+ margin-top : 10px;
+ margin-bottom : 10PX;
+}
+
+#coupons p.fineprint {
+ font-size : 80%;
+ color : #000000;
+ margin-bottom : 10px;
+ margin-top : 10px;
+}
+
+#coupons p.expiration {
+ text-align : right;
+ font-size : 60%;
+ color : #000000;
+ margin-bottom : 10px;
+ margin-top : 15px;
+}
+
+#pring-button {
+ display : none;
+}
+
+#hours {
+ float : center;
+ text-align : center;
+ font-size : 130%;
+ font-weight : bold;
+ margin-left : 50px;
+ margin-bottom : 30px;
+ border : 1px solid #763E7A;
+ width : 300px;
+}
+
+#hours.p {
+ text-align : center;
+}
+
+img.floatLeft {
+ float : left;
+ margin : 10px;
+}
+
+img.floatRight {
+ float : right;
+ margin : 10px;
+}
+
+
+
+#debug {
+ float: left;
+ padding: 10px;
+ border: 2px dotted red;
+ background-color: #EBEAC0;
+ font-family: courier;
+ width:700px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+}
+
+
+
+#debug_top {
+ float: left;
+ padding: 0px;
+ border: 2px dotted red;
+ background-color: #EEEEEE;
+ font-family: courier;
+ width:720px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ font-size:150%
+ font-weight: bold;
+}
+
+#menu {
+ height: 100%;
+ float: left;
+ margin-left: 0px;
+ margin-bottom: 30px;
+ width: 170px;
+ border: 1px solid #a0a0a0;
+ padding: 0px;
+/* background: url(transwhite.png);*/
+ background-color: #f0f0f0;
+ font-size: 90%;
+ overflow: hidden;
+}
+
+#menu div.nav {
+ font-family: georgia, garamond, agaramond, times new roman, times, serif;
+ background-color: #d0d0d0;
+ color: #400010;
+ font-size: 150%;
text-align: center;
+ padding: 2px;
+ border-bottom: 1px solid #a0a0a0;
}
-#breadcrums a {
- color: #404040;
+#menu a {
text-decoration: none;
}
-#menu {
- display: none;
- width: 0px;
- height: 0px;
+#menu ul {
+ margin-top: 3px;
+ /*padding-left: 18px;*/
}
-#content {
- background-color: white;
- border: 1px solid #e0e0e0;
- margin-left: 30px;
- margin-right: 30px;
- padding: 5px;
+#menu li {
+ list-style: none;
+}
+
+#menu div {
+ text-align: center;
+}
+
+#menu p {
+ padding: 0px;
+ margin: 4px;
+ text-align: center;
+ color: black;
+ font-size: 90%;
+}
+
+#menu img {
+ border: 0px;
+}
+
+#messages {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ background-color: #ffdddd;
}
h1 {
padding-left: 30px;
padding-right: 30px;
font-size: 180%;
- color: black;
+ color: #400010;
font-family: georgia, garamond, agaramond, times new roman, times, serif;
}
@@ -77,24 +298,40 @@ p {
padding-right: 40px;
margin-top: 0px;
text-align: justify;
- line-height: 130%;
+ line-height: 140%;
+}
+
+#list {
+ padding-left: 50px;
+ font-size: 100%
+ margin-bottom:10px;
}
h2 {
+font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 0px;
- font-size: 100%;
+ font-size: 130%;
color: black;
}
+h3 {
+ padding-left: 30px;
+ padding-right: 30px;
+ margin-bottom: 0px;
+ font-size: 100%;
+}
+
h1:first-child {
font-weight: bold;
}
-div#lastmodified {
- clear: both;
+#lastmodified {
+ position: relative;
+ margin-top: 120px;
font-size: x-small;
+ text-align:center;
}
.image {
@@ -104,6 +341,8 @@ div#lastmodified {
margin-bottom: 3px;
padding: 10px;
padding-bottom: 0px;
+/* border: 1px solid #a0a0a0;*/
+ text-align: center;
}
.image p {
@@ -129,3 +368,67 @@ pre {
padding-left: 30px;
padding-right: 40px;
}
+
+.gotobar {
+ color: #191970;
+ font-size:10px;
+}
+
+.edit bar {
+ color: #949ce5;
+}
+
+.header {
+float: right;
+margin-top: 15px;
+margin-right: 50px;
+padding: 5px;
+padding-top: 10px,10px,10px,10px;
+
+}
+
+#header_title {
+ float: left;
+ margin-top: 3px;
+ margin-right: 5px;
+ margin-bottom: 4px;
+ padding: 5px;
+ color: #fcfcfc;
+ font-size: 12px;
+}
+
+#header_title a {
+ color: white;
+ text-decoration: none;
+}
+
+
+.copyright {
+ padding-top: 10px;
+ padding-left: 50px;
+ padding-right: 50px;
+ color: #8f8f8f;
+ font-size: 8px;
+}
+
+#contactInfo {
+ float: left;
+ margin-left: 30px;
+ font-size: 12px;
+}
+
+
+a:link {color:#082e58; text-decoration: none; font-weight:normal;}
+a:visited {color:#082e58; font-weight:normal; text-decoration:none;}
+a:hover {color:#349ce5;}
+
+
+a.definition:before { content:"[::"; }
+a.definition:after { content:"]"; }
+a.alias { text-decoration:none; border-bottom: thin dashed; }
+a.near:link { color:#093; }
+a.near:visited { color:#550; }
+a.upload:before { content:"<"; }
+a.upload:after { content:">"; }
+a.outside:before { content:"["; }
+a.outside:after { content:"]"; }