/
example.css
78 lines (75 loc) · 3.91 KB
/
example.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
body {margin:0;padding:0;background:#CF6;border-top:5px solid #000;font-family:Helvetica,Arial,sans-serif;font-size:14px;}
label {color:#666;}
label:hover {color:#333;}
a:link,
a:visited {color:#460;text-decoration:none;}
a:hover,
a:active {text-decoration:underline;}
.attribute {float:right;padding:10px 0;}
.menu {margin:0;padding:0;list-style:none;}
.menu a {display:inline-block;margin:0;padding:5px 0 10px;margin:0 25px 0 0;border-top:5px solid transparent;}
.menu a:hover,
.menu a:active {border-top:5px solid #eeffcc;color:#000;text-decoration:none;}
.text {color:#333;}
.wrapper {width:1000px;height:100%;margin:0 auto;}
#canvas {width:698px;height:100%;background:#AAA;border-left:1px solid #999;border-right:1px solid #999;}
#canvas,
#controls {float:left;}
#controls {width:290px;height:100%;padding:0 0 0 10px;text-align:justify;background:transparent;position:relative;top:-80px;}
#controls .text {margin:90px 0 0;}
#form {margin:10px 0 0;font-size:14px;color:#666;font-family:CabinItalic,sans-serif;}
#form #wkt {width:100%;height:150px;border:1px solid #999;padding:3px;resize:none;}
#form #urlify {vertical-align:baseline;margin:10px 5px 0 0;}
#form #reset {margin:10px 10px 0 0;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc')";
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: -webkit-gradient(linear, center top, center bottom, from(#eeeeee), to(#cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#form #reset,
#form #submit {float:right;height:30px;margin-top:10px;padding:0 5px 2px 5px;font-family:CabinItalic,sans-serif;font-size:16px;color:#666;
border: 1px solid #999999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#form #submit {background-color: #EF9;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#eeffcc', endColorstr = '#ddff99');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#eeffcc', endColorstr = '#ddff99')";
background-image: -moz-linear-gradient(top, #eeffcc, #ddff99);
background-image: -ms-linear-gradient(top, #eeffcc, #ddff99);
background-image: -o-linear-gradient(top, #eeffcc, #ddff99);
background-image: -webkit-gradient(linear, center top, center bottom, from(#eeffcc), to(#ddff99));
background-image: -webkit-linear-gradient(top, #eeffcc, #ddff99);
background-image: linear-gradient(top, #eeffcc, #ddff99);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#form #reset:hover,
#form #submit:hover {color:#333;border-color:#666;text-shadow:1px 1px 0px #FFF;
-moz-box-shadow: 0px 0px 2px #999999;
-webkit-box-shadow: 0px 0px 2px #999999;
box-shadow: 0px 0px 2px #999999;
}
#form #reset:active,
#form #submit:active {
-moz-box-shadow:inset 0px 0px 2px #999999;
-webkit-box-shadow:inset 0px 0px 2px #999999;
box-shadow:inset 0px 0px 2px #999999;
}
#foot {background:transparent url(white_spacer.gif) repeat-x top left;}
#foot,
#head {width:100%;height:20%;color:#333;}
#head {background:transparent url(white_spacer.gif) repeat-x bottom left;}
#ribbon {width:100%;height:60%;background:#EEE;}
#ribbon .wrapper {}
#ribbon .wrapper .title {float:right;width:300px;height:80px;font-family:CabinRegular,sans-serif;font-size:16px;color:#333;}
#ribbon .wrapper .title .brand {font-family:CabinMediumItalic,sans-serif;font-size:36px;color:#000;text-shadow:1px 1px 1px #FFF;}