-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
110 lines (102 loc) · 2.76 KB
/
index.php
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
100
101
102
103
104
105
106
107
108
109
110
<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style>
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
#header {
background-color:#222;
color:#fff;
font-family: Century Gothic, sans-serif;
height: 33px;
line-height: 33px;
}
html { height: 100%; }
body { height: 100%; background-color:#FFF;font-family: Century Gothic, sans-serif; }
#wrap { min-height: 100%;}
#main {
overflow: auto;
padding-bottom: 33px; /* must be same height as the footer */
}
#footer {
position: relative;
margin-top: -33px; /* negative value of footer height */
height: 33px;
line-height: 33px;
text-align: center;
background-color:#222;
color:#fff;
}
#content{
height: 100%;
margin:0 auto;
min-height: 100%;
height: 100%;
width:70%;
padding-top:15px;
text-align:center;
}
#footer a {
color:inherit;
font-size:80%;
}
#footer a:hover {
color:#CFF;
}
#button {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #AAA;
display:inline-block;
color:#222;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:14px 48px;
text-decoration:none;
}
#button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
color:#000;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<p><span style="margin-left:10px;color:#FFC600;letter-spacing:0.1em">Bruno's</span><span style="color:#FFEF00;"> Playground</span>
</div>
<div id="main">
<div id="content">
<a id="button" href="analyze">Analyze SRT Files</a>
<a id="button" href="compare">Compare SRT Files</a>
</div>
</div>
</div>
<div id="footer">
<a href="http://forum.linguisticteam.org">Linguistic Team International</a>
</div>
<!--
<div id="strify_header">
<div id="home_banner"><p><span style="color:#FFC600;letter-spacing:0.1em">Bruno's</span><span style="color:#FFEF00;"> Playground</span></p>
</div>
</div>
<div id="content">
</div>
</body>
-->
</html>