-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscreen.css
executable file
·99 lines (61 loc) · 5.21 KB
/
screen.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0px;padding:0px;border:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{margin:0px; padding:0px; border:0px; }
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
html,body,#pages{height:100%; width:100%;margin-left:auto;margin-right:auto; }
.fade {position: absolute; height:100%;width:100%;opacity:1;z-index:-105; background-image:url('Images/bannerbg.jpg'); background-repeat:no-repeat;background-position:center;background-size:70% 100%;margin-left:auto;margin-right:auto;}
.fade2 {position: absolute; height:100%;width:100%;background-color:#FFFFDD;opacity:1;z-index:-150; background-repeat:repeat; background-image:url('Images/coffee9.jpg'); }
.overlay {height:100%; width:100%; position:relative; margin-left:auto; margin-right:auto;}
/*body{font-family:'Gentium Basic',serif; font-family:'Dawning of a New Day', cursive;font-family:'Kaushan Script', cursive;font-weight:500;color:#663a2a;-webkit-font-smoothing:antialiased;overflow-x:scroll;overflow-y:scroll;}*/
body{-webkit-font-smoothing:antialiased;overflow-x:scroll;overflow-y:scroll;}
h1{font-size:4em; color:#700000; line-height:100%; height:100%; font-weight:500;font-family:'Devonshire',cursive; position:relative;text-align:left; text-shadow: 1px 1px 2px #663333;}
.topbar{ width:70%; height:10%; max-height:10%; background-color:#FFFFDD; margin:0px; padding:5px; vertical-align:middle; margin-left:auto; margin-right:auto; opacity: 0.8;}
.topbar img{float: left; vertical-align: middle; background-color:#FFFFDD; max-height:90%; margin-right:10px; }
.topbar h1{vertical-align:middle; }
.main{z-index:10;position:relative;width:70%; margin-left: auto; margin-right:auto; height: 85%; padding:0; border:0;}
.main .buffer {height:3%; width:100%; max-height:3%; max-width:100%;}
.main .banners {float:left; height:95%; width: 78%; position:relative;}
.main .banners .innercolor {position:absolute; top:0; opacity:0.9; height:98%; background-color:#F0F0F0; display:none; width:98%; border-radius:10px; z-index:200; padding: 1% 1%;}
.main .banners .inner {position:absolute; top:0; opacity:1; height:98%; display:none; border-radius: 10px; font-family:'Gentium Basic',serif; font-style:italic;font-weight:400; width:98%; padding:1% 1%; line-height:125%; overflow:auto; color:#700000; font-weight:500; font-size:1.5em; z-index:200; }
.main .banners .inner b{font-weight:900; font-size:1.1em; text-decoration:underline; top:10px;}
.main .links{float:left; width:18%; height:60%; padding:1%;}
.main .links .link {position: relative; cursor:pointer; margin-top:10%; text-align:center; padding: 10px 0px;}
.main .links .linkclicked {position: relative; background-size:100% 100%; margin-top:10%; cursor:pointer; padding:10px 0px; background-color:#700000; }
.ltext {margin: 0; font-family:'Gentium Basic',serif; font-style:italic; font-size: 2em; font-weight:bold; color:#FFFFBB; text-align:center;}
.main .links .link:hover{color: #700000; cursor:pointer; background-color: #98421D; }
.main .links .linkclicked:hover{color: #700000; cursor:pointer; background-color: #98421D; }
.rightclass{ width:68%; float:left; border:0; padding:1% 1%; margin:0;}
.leftclass{ width:28%; float:left; border:0; padding:1% 1%; margin:0; margin-top:auto; margin-bottom:auto; vertical-align:middle;}
@media all and (orientation:portrait) {
.main {width:100%; height:85%}
.fade {height:70%; max-height:70%; width:100%; background-size:100% 100%;}
.overlay {height:70%; max-height:70%; width:100%;}
.topbar img{ height:90%; }
.topbar {width:100%;}
#hotimg {max-width:80%; margin-left:auto; margin-right:auto;}
#coldimg {max-width:80%;margin-left:auto; margin-right:auto;}
#cart {max-width:80%; margin-left:auto; margin-right:auto;}
#phone {max-width:80%;margin-left:auto; margin-right:auto;}
.rightclass{ width:98%; border:0; padding:0; margin:0; margin-left:auto; margin-right:auto; float:none; }
.leftclass{ width:80%; border:0; padding:0; margin:0; margin-left:center; margin-right:center; float:none; }
}
@media only screen and (orientation:landscape) {
.main {width:70%; height:85%}
.fade {height:100%; max-height:100%; width:100%; background-size:70% 100%;}
.overlay {height:100%; max-height:100%; width:100%;}
.topbar img{ max-height:90%; }
.topbar {width:70%;}
#hotimg {max-width:100%; margin-left:auto; margin-right:auto;}
#coldimg {max-width:100%;margin-left:auto; margin-right:auto;}
#cart {max-width:100%; margin-left:auto; margin-right:auto;}
#phone {max-width:100%;margin-left:auto; margin-right:auto;}
.rightclass{ width:68%; float:left; border:0; padding:1% 1%; margin:0;}
.leftclass{ width:28%; float:left; border:0; padding:1% 1%; margin:0;}
}
@media only screen and (max-device-width: 480px) {
.ltext{font-size: 1em;}
.main .banners .inner {font-size:1em;}
.main .banners .inner b {font-size:1em;}
h1{font-size:2em;}
}