Moved style to a css file

diff --git a/css/squasher.css b/css/squasher.css
new file mode 100644 (file)
index 0000000..16bd679
--- /dev/null
+++ b/css/squasher.css
@@ -0,0 +1,384 @@
+body {
+       background-color:#E2EBD8;
+       min-width:1000px;
+       font-family:Arial Narrow;
+       font-size:16px;
+}
+
+.wrapper {
+       width: 1000px;
+       margin: 10px auto;
+}
+
+.container {
+       border:5px solid;
+       border-color:#FFFFFF;
+       color:#003300;
+       left:50%;
+       background: #FFFFFF;
+}
+
+.control {
+       float:right;
+       text-align:right;
+}
+
+.menucontainer {
+       background-color:#FFFFFF;
+}
+
+.menu {
+       text-align:center;
+}
+
+.menuhead {
+       float:left;
+       background-color:#66CC00;
+       color:#003300;
+       margin:1px;
+       border:1px solid;
+       border-color:#66CC00;
+}
+
+.menuitem {
+       float:left;
+       background-color:#C7F09E;
+       color:#003300;
+       margin:1px;
+       border:1px solid;
+       border-color:#E2EBD8;
+}
+
+.menuitem:hover {
+       background-color:#339900;
+       color:#FFFFFF;
+}
+
+.menuitem_selected {
+       float:left;
+       background-color:#339900;
+       color:#FFFFFF;
+       margin:1px;
+       border:1px solid;
+       border-color:#E2EBD8;
+}
+
+.content {
+       float:left;
+       padding-right:5px;
+       width:600px;
+}
+
+/* These are used by logs : */
+
+tr.logentry_download {
+       background-color:#C7F09E;
+       color:#003300;
+       margin:1px;
+       border:1px solid;
+       border-color:#C7F09E;
+}
+
+tr.logentry_download:hover {
+       background-color:#339900;
+       color:#FFFFFF;
+}
+
+tr.logentry_delete {
+       background-color:#C7F09E;
+       color:#003300;
+       margin:1px;
+       border:1px solid;
+       border-color:#C7F09E;
+}
+
+tr.logentry_delete:hover {
+       background-color:#339900;
+       color:#FFFFFF;
+}
+
+tr.logentry_login {
+       background-color:#C7F09E;
+       color:#003300;
+       margin:1px;
+       border:1px solid;
+       border-color:#C7F09E;
+}
+
+tr.logentry_login:hover {
+       background-color:#339900;
+       color:#FFFFFF;
+}
+
+tr.logentry_header {
+       background-color:#339900;
+       color:#FFFFFF;
+       border:1px solid;
+       border-color:#C7F09E;
+}
+
+/* there are used on index, for each file block : */
+.item, .status1, .status2, .status3 {
+       position:relative;
+       color:#003300;
+       width:600px;
+       border:2px solid;
+       border-color:#FFFFFF;
+       font-size:12px;
+}
+
+.item {
+       background-color:#E2EBD8;
+}
+.status1 {
+       background-color:#FFCCCC;
+}
+.status2 {
+       background-color:#FFFFCC;
+}
+.status3 {
+       background-color:#CCFFCC;
+}
+
+/* name of the file: */
+.name {
+       float:left;
+       left:1px;
+       top:1px;
+       padding-left:1px;
+       z-index:50;
+}
+
+/* size of the file */
+.size {
+       float:right;
+       padding-left:2px;
+       padding-right:3px;
+}
+
+/* date the file was added */
+.added {
+       float:left;
+       padding-left:2px;
+       padding-right:3px;
+}
+
+/* date the file was lasy updated */
+.updated {
+       float:left;
+       padding-left:2px;
+       padding-right:3px;
+}
+
+/* file status (Completed, ...) */
+.status {
+       float:right;
+       top:1px;
+       padding-right:2px;
+       text-align:right;
+       z-index:10;
+}
+
+/* download (partial) link */
+.stream {
+       float:right;
+       padding-left:1px;
+       padding-right:2px;
+}
+
+/* download link */
+.download {
+       float:right;
+       padding-left:1px;
+       padding-right:2px;
+}
+
+/* general stuff : */
+.clear {
+       clear:both;
+       height:1px;
+}
+
+.spacer {
+       clear:both;
+       height:10px;
+}
+
+.banner {
+       background-color:#66CC00;
+       text-align:center;
+       width:100%;
+       height:45px;
+       background:#66CC00 url(../img/squash.gif) no-repeat 30px 50%;
+}
+
+.footer {
+       background-color:#66CC00;
+       text-align:center;
+       background:#66CC00 url(../img/gplogobottomright.gif) no-repeat 100%;
+}
+
+.bottomimage {
+       background: #FFFFFF url(../img/gp1.gif) no-repeat 95% 95%;
+       float:right;
+       width:300px;
+       height:146px;
+}
+
+/* index mass delete */
+.massdelete {
+       /*position:absolute;*/
+       /*bottom:0;*/
+       float:right;
+       width:300px;
+       /*height:146px;*/
+}
+
+.deletebox {
+       /*visibility: hidden;*/
+}
+
+/* index mass delete wrapper for right column */
+.filler {
+       position:relative;
+       float:right;
+       width:300px;
+       #height:500px;
+}
+
+
+/* general stuff : */
+a {
+       color:#003300;
+}
+
+a:hover {
+       color:#FF6600;
+}
+
+/* users: user list/form wrapper */
+.white_border {
+       float:left;
+       border-top:0px solid #FFFFFF;
+       border-bottom:0px solid #FFFFFF;
+}
+
+/* access tool */
+.check_all, .check_allow, .check_deny {
+       float:right;
+       height:20px;
+}
+
+.sample_all, .sample_allow, .sample_deny {
+       float:left;
+       height:20px;
+}
+
+.check_all, .sample_all {
+       background-color:#AAEEAA;
+}
+
+.check_allow, .sample_allow {
+       background-color:#EEEEAA;
+}
+
+.check_deny, .sample_deny {
+       background-color:#EEAAAA;
+}
+
+/* login page */
+.loginbody .wrapper {
+       width: 240px;
+       height: 160px;
+       margin: 10% auto;
+}
+
+.loginbody .container {
+       position:relative;
+       width: 240px;
+       height: 160px;
+       border:5px solid;
+       border-color:#FFFFFF;
+       color:#FFFFFF;
+       background: #C7F09E;
+       left:auto;
+}
+
+.loginbody .login {
+       left:0px;
+       top:20px;
+       width:100%;
+}
+
+.loginbody .username {
+       position:absolute;
+       left:0px;
+       top:24px;
+       height:22px;
+       width:100%;
+       text-align:center;
+}
+
+.loginbody .password {
+       position:absolute;
+       left:0px;
+       top:64px;
+       height:22px;
+       width:100%;
+       text-align:center;
+}
+
+.loginbody .fsubmit {
+       position:absolute;
+       right:25px;
+       bottom:27px;
+       text-align:center;
+}
+
+.loginbody .loginheader {
+       position:absolute;
+       top:0px;
+       left:0px;
+       width:100%;
+       background-color:#66CC00;
+       border-bottom:5px solid;
+       border-color:#FFFFFF;
+}
+
+.loginbody .loginfooter {
+       position:absolute;
+       bottom:0px;
+       left:0px;
+       width:100%;
+       background-color:#66CC00;
+       border-top:5px solid;
+       border-color:#FFFFFF;
+}
+
+.loginbody input {
+       border:1px solid #FFFFFF;
+       width:160px;
+       height:20px;
+       background-color:#FFFFFF;
+       color:#003300;
+       text-align:center;
+}
+
+.loginbody input:hover {
+       border:1px solid #003300;
+       color:#003300;
+}
+
+.loginbody button {
+       border:1px solid #C7F09E;
+       background:#C7F09E;
+}
+
+.loginbody .submit {
+       border:1px solid #C7F09E;
+       background:#C7F09E;
+}
+
+.loginbody .submit:hover {
+       border:1px solid #003300;
+}

diff --git a/templates/admin.tpl b/templates/admin.tpl
index 5a1fd179ef8c369d0be6d0ef4a147dc4ab18fd4f..0366e8e516094dc525bf251e840ed5758ce60532 100644 (file)
--- a/templates/admin.tpl
+++ b/templates/admin.tpl
@@ -1,234 +1,10 @@
-{literal}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<link rel=stylesheet href="css/squasher.css">
 <title>Squasher</title>
 <style>
-body{
-background-color:#E2EBD8;
-text-align:center;
-min-width:1000px;
-}
-
-.wrapper{
-width: 1000px;
-margin: 10px auto;
-}
-
-.container{
-border:5px solid;
-border-color:#FFFFFF;
-color:#003300;
-left:50%;
-background: #FFFFFF;
-}
-
-.control{
-float:right;
-text-align:right;
-}
-
-.menucontainer{
-background-color:#FFFFFF;
-}
-
-.menu{
-text-align:center;
-}
-
-.menuhead{
-float:left;
-background-color:#66CC00;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#66CC00;
-}
-
-.menuitem{
-float:left;
-background-color:#C7F09E;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#E2EBD8;
-}
-
-.menuitem_selected{
-float:left;
-background-color:#339900;
-color:#FFFFFF;
-margin:1px;
-border:1px solid;
-border-color:#E2EBD8;
-}
-
-.menuitem:hover{
-background-color:#339900;
-color:#FFFFFF;
-}
-
-.content{
-float:left;
-padding-right:5px;
-width:600px;
-}
-
-.item, .status1, .status2, .status3{
-position:relative;
-color:#003300;
-width:400px;
-height:36px;
-border:2px solid;
-border-color:#FFFFFF;
-font-size:12px;
-}
-
-.item{
-background-color:#E2EBD8;
-}
-
-.status1{
-background-color:#FFCCCC;
-}
-
-.status2{
-background-color:#FFFFCC;
-}
-
-.status3{
-background-color:#CCFFCC;
-}
-
-.name{
-position:absolute;
-left:1px;
-top:1px;
-padding-left:1px;
-}
-
-.center{
-float:left;
-height:inherit;
-padding-left:1px;
-}
-
-.chunks{
-position:absolute;
-left:1px;
-bottom:1px;
-padding-left:1px;
-}
-
-.size{
-position:absolute;
-left:100px;
-bottom:1px;
-padding-left:1px;
-}
-
-.status{
-position:absolute;
-right:2px;
-top:1px;
-padding-left:1px;
-}
-
-.stream{
-position:absolute;
-float:right;
-bottom:1px;
-padding-left:1px;
-}
-
-.download{
-position:absolute;
-right:2px;
-bottom:1px;
-padding-left:1px;
-}
-
-.clear{
-clear:both;
-height:1px;
-}
-
-.spacer{
-clear:both;
-height:10px;
-}
-
-.videoframe{
-float:left;
-width:500px;
-height:400px;
-padding-left:25px;
-}
-
-.banner{
-background-color:#66CC00;
-text-align:center;
-width:100%;
-height:45px;
-background:#66CC00 url(img/squash.gif) no-repeat 30px 50%;
-}
-
-.titel{
-background-color:#66CC00;
-text-align:center;
-}
-
-.footer{
-background-color:#66CC00;
-text-align:center;
-background:#66CC00 url(img/gplogobottomright.gif) no-repeat 100%;
-}
-
-.bottomimage{
-background: #FFFFFF url(img/gp1.gif) no-repeat 95% 95%;
-float:right;
-width:300px;
-height:146px;
-}
-
-a{
-color:#003300;
-}
-
-a:hover{
-color:#FF6600;
-}
-
-.white_border{
-float:left;
-border-top:0px solid #FFFFFF;
-border-bottom:0px solid #FFFFFF;
-}
-
-.check_all, .check_allow, .check_deny{
-float:right;
-height:20px;
-}
-
-.sample_all, .sample_allow, .sample_deny{
-float:left;
-height:20px;
-}
-
-.check_all, .sample_all{
-background-color:#AAEEAA;
-}
-
-.check_allow, .sample_allow{
-background-color:#EEEEAA;
-}
-
-.check_deny, .sample_deny{
-background-color:#EEAAAA;
-}
-
-
-{/literal}
 {foreach item=style_row from=$style}{$style_row}{/foreach}
 </style>
 </head>

diff --git a/templates/index.tpl b/templates/index.tpl
index e6afd8ad8394fe1890744363e3b0ebc8f73b2c16..223b17a711c89ae4ce60b102dd2e1c7606cbb2f1 100644 (file)
--- a/templates/index.tpl
+++ b/templates/index.tpl
@@ -1,224 +1,10 @@
-{literal}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<link rel=stylesheet href="css/squasher.css">
 <title>Squasher</title>
-<style>
-
-body{
-background-color:#E2EBD8;
-min-width:1000px;
-font-family:Arial Narrow;
-font-size:16px;
-}
-
-.wrapper{
-width: 1000px;
-margin: 10px auto;
-}
-
-.container{
-border:5px solid;
-border-color:#FFFFFF;
-color:#FFFFFF;
-left:50%;
-background: #FFFFFF;
-}
-
-.control{
-float:right;
-text-align:right;
-}
-
-.menucontainer{
-background-color:#FFFFFF;
-}
-
-.menu{
-text-align:center;
-}
-
-.menuhead{
-float:left;
-background-color:#66CC00;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#66CC00;
-}
-
-.menuitem{
-float:left;
-background-color:#C7F09E;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#E2EBD8;
-}
-
-.menuitem:hover{
-background-color:#339900;
-color:#FFFFFF;
-}
-
-.content{
-float:left;
-padding-right:5px;
-}
-
-.item, .status1, .status2, .status3{
-position:relative;
-color:#003300;
-width:600px;
-border:2px solid;
-border-color:#FFFFFF;
-font-size:12px;
-}
-
-.item{
-background-color:#E2EBD8;
-}
-.status1{
-background-color:#FFCCCC;
-}
-.status2{
-background-color:#FFFFCC;
-}
-.status3{
-background-color:#CCFFCC;
-}
-
-.name{
-float:left;
-left:1px;
-top:1px;
-padding-left:1px;
-z-index:50;
-}
-
-.center{
-float:left;
-height:inherit;
-padding-left:1px;
-}
-
-.chunks{
-float:right;
-padding-left:2px;
-padding-right:3px;
-}
-
-.size{
-float:right;
-padding-left:2px;
-padding-right:3px;
-}
-
-.added{
-float:left;
-padding-left:2px;
-padding-right:3px;
-}
-
-.updated{
-float:left;
-padding-left:2px;
-padding-right:3px;
-}
-
-.status{
-float:right;
-top:1px;
-padding-right:2px;
-text-align:right;
-z-index:10;
-}
-
-.stream{
-float:right;
-padding-left:1px;
-padding-right:2px;
-}
-
-.download{
-float:right;
-padding-left:1px;
-padding-right:2px;
-}
-
-.clear{
-clear:both;
-height:1px;
-font-size: 0;
-}
-
-.spacer{
-clear:both;
-height:10px;
-}
-
-.videoframe{
-float:left;
-width:500px;
-height:400px;
-padding-left:25px;
-}
-
-.banner{
-background-color:#66CC00;
-text-align:center;
-width:100%;
-height:45px;
-background:#66CC00 url(img/squash.gif) no-repeat 30px 50%;
-}
-
-.titel{
-background-color:#66CC00;
-text-align:center;
-}
-
-.footer{
-background-color:#66CC00;
-text-align:center;
-background:#66CC00 url(img/gplogobottomright.gif) no-repeat 100%;
-}
-
-.bottomimage{
-background: #FFFFFF url(img/gp1.gif) no-repeat 95% 95%;
-float:right;
-width:300px;
-height:146px;
-}
-
-.massdelete{
-#position:absolute;
-#bottom:0;
-float:right;
-width:300px;
-#height:146px;
-}
-
-.deletebox{
-#visibility: hidden;
-}
-
-.filler{
-position:relative;
-float:right;
-width:300px;
-#height:500px;
-}
-
-a{
-color:#003300;
-}
-
-a:hover{
-color:#FF6600;
-}
-
-</style>
-  <script type="text/javascript" language="JavaScript">
+<script type="text/javascript" language="JavaScript">{literal}
    function toggle_id(hideshow){
     if(document.getElementById(hideshow).style.visibility == 'visible') {
      document.getElementById(hideshow).style.visibility = 'hidden';
@@ -233,8 +19,8 @@ color:#FF6600;
      aSelect.options[i].selected = true;
     }
    }
-  </script></head>
-{/literal}
+{/literal}</script>
+</head>
 <body style="min-width:1000px;">
 <div class="wrapper">
 <div class="container">
@@ -295,7 +81,6 @@ color:#FF6600;
 
                <div class="added">added: {$item.date}</div>
                
-                               <!--div class="chunks"></div-->
                                <div class="size">size:&nbsp;{if $item.size>(1024*1024)}{math equation="((x / 1024) / 1024) * (y / z)" x=$item.size y=$item.chunks_finished z=$item.chunks format="%.2f"}&nbsp;/&nbsp;{math equation="(x / 1024) / 1024" x=$item.size format="%.2f"}mb{elseif $item.size>(1024)}{math equation="(x / 1024) * (y / z)" x=$item.size y=$item.chunks_finished z=$item.chunks format="%.2f"}&nbsp;/&nbsp;{math equation="(x / 1024)" x=$item.size format="%.2f"}kb{else}{math equation="x * (y / z)" x=$item.size y=$item.chunks_finished z=$item.chunks format="%.0f"}&nbsp;/&nbsp;{$item.size}b{/if}({math equation="(y / x) * 100" x=$item.chunks y=$item.chunks_finished format="%.0f"}%)</div>
 
                <div class="clear"></div>

diff --git a/templates/login.tpl b/templates/login.tpl
index cfdc828aaa410d02a29ac6d5e72561aab6f8d5cc..574e212711293d24f6811da9b5669342c0db5e2b 100644 (file)
--- a/templates/login.tpl
+++ b/templates/login.tpl
@@ -1,134 +1,9 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<link rel=stylesheet href="css/squasher.css">
 <title>Squasher</title>
-<style>
-{literal}
-body{
-background-color:#E2EBD8;
-text-align:center;
-min-width:400px;
-min-height:300px;
-}
-
-.wrapper{
-width: 240px;
-height: 160px;
-margin: 10% auto;
-}
-
-.container{
-position:relative;
-width: 240px;
-height: 160px;
-border:5px solid;
-border-color:#FFFFFF;
-color:#FFFFFF;
-background: #C7F09E;
-}
-
-.login{
-left:0px;
-top:20px;
-width:100%;
-}
-
-.username{
-position:absolute;
-left:0px;
-top:24px;
-height:22px;
-width:100%;
-text-align:center;
-}
-
-.password{
-position:absolute;
-left:0px;
-top:64px;
-height:22px;
-width:100%;
-text-align:center;
-}
-
-.fsubmit{
-position:absolute;
-right:25px;
-bottom:27px;
-text-align:center;
-}
-
-.header{
-position:absolute;
-top:0px;
-left:0px;
-width:100%;
-background-color:#66CC00;
-border-bottom:5px solid;
-border-color:#FFFFFF;
-}
-
-.footer{
-position:absolute;
-bottom:0px;
-left:0px;
-width:100%;
-background-color:#66CC00;
-border-top:5px solid;
-border-color:#FFFFFF;
-}
-
-.bottomimage{
-background: #FFFFFF url(img/gp1.gif) no-repeat 95% 95%;
-float:right;
-width:200px;
-height:146px;
-}
-
-a{
-color:#003300;
-}
-
-a:hover{
-color:#FF6600;
-}
-
-input{
-border:1px solid #FFFFFF;
-width:160px;
-height:20px;
-background-color:#FFFFFF;
-color:#003300;
-text-align:center;
-}
-
-input:hover{
-border:1px solid #003300;
-color:#003300;
-}
-
-button{
-border:1px solid #C7F09E;
-background:#C7F09E;
-}
-
-.submit{
-border:1px solid #C7F09E;
-background:#C7F09E;
-}
-
-.submit:hover{
-border:1px solid #003300;
-}
-
-.debug{
-float:none;
-bottom:0px;
-text-align:left;
-color:#E2EBD8;
-}
-{/literal}
-</style>
 <script type="text/javascript" src="js/md5.js"></script>
 <script language="javascript">
 function hasher(){ldelim}
@@ -136,11 +11,11 @@ function hasher(){ldelim}
        document.loginform.pass.value=hex_md5(hex_md5(document.loginform.pass.value)+salt);
 {rdelim}
 </script>
-<body align="center" style="min-width:400px;min-height:300px;">
+<body align="center" style="min-width:400px;min-height:300px;" class=loginbody>
 <div class="wrapper">
 <div class="container">
 
-       <div class="header">&nbsp;</div>
+       <div class="loginheader">&nbsp;</div>
 
        <div class="login">
        <form name="loginform" onSubmit="hasher();" method="post">
@@ -150,7 +25,7 @@ function hasher(){ldelim}
        </form>
        </div>
 
-       <div class="footer">&nbsp;</div>
+       <div class="loginfooter">&nbsp;</div>
 
 </div>
 </div>

diff --git a/templates/logs.tpl b/templates/logs.tpl
index ff3154bbff362acc452e72688270bb81056a0e8d..632483f72b0ce4f01a405e5802a742a10dc238e5 100644 (file)
--- a/templates/logs.tpl
+++ b/templates/logs.tpl
@@ -1,280 +1,9 @@
-{literal}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<link rel=stylesheet href="css/squasher.css">
 <title>Squasher</title>
-<style>
-
-body{
-background-color:#E2EBD8;
-text-align:center;
-min-width:1000px;
-}
-
-.wrapper{
-width: 1000px;
-margin: 10px auto;
-}
-
-.container{
-border:5px solid;
-border-color:#FFFFFF;
-color:#003300;
-left:50%;
-background: #FFFFFF;
-}
-
-.control{
-float:right;
-text-align:right;
-}
-
-.menucontainer{
-background-color:#FFFFFF;
-}
-
-.menu{
-text-align:center;
-}
-
-.menuhead{
-float:left;
-background-color:#66CC00;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#66CC00;
-}
-
-.menuitem{
-float:left;
-background-color:#C7F09E;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#E2EBD8;
-}
-
-.menuitem_selected{
-float:left;
-background-color:#339900;
-color:#FFFFFF;
-margin:1px;
-border:1px solid;
-border-color:#E2EBD8;
-}
-
-.menuitem:hover{
-background-color:#339900;
-color:#FFFFFF;
-}
-
-tr.logentry_download{
-background-color:#C7F09E;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#C7F09E;
-}
-
-tr.logentry_download:hover{
-background-color:#339900;
-color:#FFFFFF;
-}
-
-tr.logentry_delete{
-background-color:#C7F09E;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#C7F09E;
-}
-
-tr.logentry_delete:hover{
-background-color:#339900;
-color:#FFFFFF;
-}
-
-tr.logentry_login{
-background-color:#C7F09E;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#C7F09E;
-}
-
-tr.logentry_login:hover{
-background-color:#339900;
-color:#FFFFFF;
-}
-
-tr.logentry_header{
-background-color:#339900;
-color:#FFFFFF;
-border:1px solid;
-border-color:#C7F09E;
-}
-
-.content{
-float:left;
-padding-right:5px;
-width:600px;
-}
-
-.item, .status1, .status2, .status3{
-position:relative;
-color:#003300;
-width:400px;
-height:36px;
-border:2px solid;
-border-color:#FFFFFF;
-font-size:12px;
-}
-
-.item{
-background-color:#E2EBD8;
-}
-
-.status1{
-background-color:#FFCCCC;
-}
-
-.status2{
-background-color:#FFFFCC;
-}
-
-.status3{
-background-color:#CCFFCC;
-}
-
-.name{
-position:absolute;
-left:1px;
-top:1px;
-padding-left:1px;
-}
-
-.center{
-float:left;
-height:inherit;
-padding-left:1px;
-}
-
-.chunks{
-position:absolute;
-left:1px;
-bottom:1px;
-padding-left:1px;
-}
-
-.size{
-position:absolute;
-left:100px;
-bottom:1px;
-padding-left:1px;
-}
-
-.status{
-position:absolute;
-right:2px;
-top:1px;
-padding-left:1px;
-}
-
-.stream{
-position:absolute;
-float:right;
-bottom:1px;
-padding-left:1px;
-}
-
-.download{
-position:absolute;
-right:2px;
-bottom:1px;
-padding-left:1px;
-}
-
-.clear{
-clear:both;
-height:1px;
-}
-
-.spacer{
-clear:both;
-height:10px;
-}
-
-.videoframe{
-float:left;
-width:500px;
-height:400px;
-padding-left:25px;
-}
-
-.banner{
-background-color:#66CC00;
-text-align:center;
-width:100%;
-height:45px;
-background:#66CC00 url(img/squash.gif) no-repeat 30px 50%;
-}
-
-.titel{
-background-color:#66CC00;
-text-align:center;
-}
-
-.footer{
-background-color:#66CC00;
-text-align:center;
-background:#66CC00 url(img/gplogobottomright.gif) no-repeat 100%;
-}
-
-.bottomimage{
-background: #FFFFFF url(img/gp1.gif) no-repeat 95% 95%;
-float:right;
-width:300px;
-height:146px;
-}
-
-a{
-color:#003300;
-}
-
-a:hover{
-color:#FF6600;
-}
-
-.white_border{
-float:left;
-border-top:0px solid #FFFFFF;
-border-bottom:0px solid #FFFFFF;
-}
-
-.check_all, .check_allow, .check_deny{
-float:right;
-height:20px;
-}
-
-.sample_all, .sample_allow, .sample_deny{
-float:left;
-height:20px;
-}
-
-.check_all, .sample_all{
-background-color:#AAEEAA;
-}
-
-.check_allow, .sample_allow{
-background-color:#EEEEAA;
-}
-
-.check_deny, .sample_deny{
-background-color:#EEAAAA;
-}
-{/literal}
-</style>
 </head>
 <body align="center" style="min-width:1000px;">
 <div class="wrapper">

diff --git a/templates/udmin.tpl b/templates/udmin.tpl
index 8a6935781b13dc96664154b8a3efcde61ddb9869..d2534a2a3527dee3d3c1a3fc58235962062f2347 100644 (file)
--- a/templates/udmin.tpl
+++ b/templates/udmin.tpl
@@ -1,226 +1,16 @@
-{literal}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+<link rel=stylesheet href="css/squasher.css">
 <title>Squasher</title>
-<style>
-
-body{
-background-color:#E2EBD8;
-text-align:center;
-min-width:1000px;
-}
-
-.wrapper{
-width: 1000px;
-margin: 10px auto;
-}
-
-.container{
-border:5px solid;
-border-color:#FFFFFF;
-color:#003300;
-left:50%;
-background: #FFFFFF;
-}
-
-.control{
-float:right;
-text-align:right;
-}
-
-.menucontainer{
-background-color:#FFFFFF;
-}
-
-.menu{
-text-align:center;
-}
-
-.menuhead{
-float:left;
-background-color:#66CC00;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#66CC00;
-}
-
-.menuitem{
-float:left;
-background-color:#C7F09E;
-color:#003300;
-margin:1px;
-border:1px solid;
-border-color:#E2EBD8;
-}
-
-.menuitem:hover{
-background-color:#339900;
-color:#FFFFFF;
-}
-
-.content{
-float:left;
-padding-right:5px;
-width:600px;
-}
-
-.item, .status1, .status2, .status3{
-position:relative;
-color:#003300;
-width:400px;
-height:36px;
-border:2px solid;
-border-color:#FFFFFF;
-font-size:12px;
-}
-
-.item{
-background-color:#E2EBD8;
-}
-.status1{
-background-color:#FFCCCC;
-}
-.status2{
-background-color:#FFFFCC;
-}
-.status3{
-background-color:#CCFFCC;
-}
-
-.name{
-position:absolute;
-left:1px;
-top:1px;
-padding-left:1px;
-}
-
-.center{
-float:left;
-height:inherit;
-padding-left:1px;
-}
-
-.chunks{
-position:absolute;
-left:1px;
-bottom:1px;
-padding-left:1px;
-}
-
-.size{
-position:absolute;
-left:100px;
-bottom:1px;
-padding-left:1px;
-}
-
-.status{
-position:absolute;
-right:2px;
-top:1px;
-padding-left:1px;
-}
-
-.stream{
-position:absolute;
-float:right;
-bottom:1px;
-padding-left:1px;
-}
-
-.download{
-position:absolute;
-right:2px;
-bottom:1px;
-padding-left:1px;
-}
-
-.clear{
-clear:both;
-height:1px;
-}
-
-.spacer{
-clear:both;
-height:10px;
-}
-
-.videoframe{
-float:left;
-width:500px;
-height:400px;
-padding-left:25px;
-}
-
-.banner{
-background-color:#66CC00;
-text-align:center;
-width:100%;
-height:45px;
-background:#66CC00 url(img/squash.gif) no-repeat 30px 50%;
-}
-
-.titel{
-background-color:#66CC00;
-text-align:center;
-}
-
-.footer{
-background-color:#66CC00;
-text-align:center;
-background:#66CC00 url(img/gplogobottomright.gif) no-repeat 100%;
-}
-
-.bottomimage{
-background: #FFFFFF url(img/gp1.gif) no-repeat 95% 95%;
-float:right;
-width:300px;
-height:146px;
-}
-
-a{
-color:#003300;
-}
-
-a:hover{
-color:#FF6600;
-}
-
-.white_border{
-float:left;
-border-top:0px solid #FFFFFF;
-border-bottom:0px solid #FFFFFF;
-}
-
-.check_all, .check_allow, .check_deny{
-float:right;
-height:20px;
-}
-.sample_all, .sample_allow, .sample_deny{
-float:left;
-height:20px;
-}
-.check_all, .sample_all{
-background-color:#AAEEAA;
-}
-.check_allow, .sample_allow{
-background-color:#EEEEAA;
-}
-.check_deny, .sample_deny{
-background-color:#EEAAAA;
-}
-{/literal}
-
-</style>
-<script>
-function confirm_delete(formID) {ldelim}
-       if (confirm("Are you sure you want to delete this user?")) {ldelim}
-       document.getElementById(formID).submit();
-       {rdelim}
-{rdelim}
-</script>
+<script>{literal}
+   function confirm_delete(formID) {
+    if (confirm("Are you sure you want to delete this user?")) {
+     document.getElementById(formID).submit();
+    }
+   }
+   {/literal}</script>
 </head>
 <body align="center" style="min-width:1000px;">
 <div class="wrapper">