Moved style to a css file
[squasher.git] / templates / index.tpl
index e6afd8ad8394fe1890744363e3b0ebc8f73b2c16..223b17a711c89ae4ce60b102dd2e1c7606cbb2f1 100644 (file)
-{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>