white template
This commit is contained in:
parent
4c987aed06
commit
723fd76d84
|
@ -478,6 +478,16 @@ class template_style:
|
||||||
class pixmaps:
|
class pixmaps:
|
||||||
"use the deluge-images. located in data/pixmaps"
|
"use the deluge-images. located in data/pixmaps"
|
||||||
def GET(self, name):
|
def GET(self, name):
|
||||||
|
if not name.endswith('.png'):
|
||||||
|
if name == 'paused':
|
||||||
|
name = 'inactive'
|
||||||
|
if name == 'error':
|
||||||
|
name = 'alert'
|
||||||
|
name = name + '16.png'
|
||||||
|
|
||||||
|
if not os.path.exists(get_pixmap(name)):
|
||||||
|
name = 'dht16.png'
|
||||||
|
|
||||||
web.header("Content-Type", "image/png")
|
web.header("Content-Type", "image/png")
|
||||||
f = open(get_pixmap(name) ,'rb')
|
f = open(get_pixmap(name) ,'rb')
|
||||||
print f.read()
|
print f.read()
|
||||||
|
|
|
@ -4,12 +4,9 @@ $def with (title, active_tab=None)
|
||||||
<title>Deluge:$title</title>
|
<title>Deluge:$title</title>
|
||||||
<link rel="icon" href="/static/images/deluge_icon.gif" type="image/gif" />
|
<link rel="icon" href="/static/images/deluge_icon.gif" type="image/gif" />
|
||||||
<link rel="shortcut icon" href="/static/images/deluge_icon.gif" type="image/gif" />
|
<link rel="shortcut icon" href="/static/images/deluge_icon.gif" type="image/gif" />
|
||||||
<link rel="stylesheet" type="text/css" href="/template/static/advanced.css" />
|
<link rel="stylesheet" type="text/css" href="/template_style.css" />
|
||||||
<script language="javascript" src="/static/deluge.js"></script>
|
<script language="javascript" src="/static/deluge.js"></script>
|
||||||
|
|
||||||
<!--<link rel="stylesheet" type="text/css" href="/template/static/scrolling_table.css" />
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
/*
-----------------------------------------------------------
Theme Name: Simple
Theme URI: http://deluge-torrent.org
Description: Deluge Theme
Version: 1.0
-----------------------------------------------------------
*/
BODY {
background: #304663 url(../../static/images/simple_bg.jpg) repeat-x;
font-family: Bitstream Vera,Verdana;
font-size: 10pt;
margin: 0;
|
$def with (style)
|
||||||
|
/*
dirty css.
|
||||||
|
*/
BODY {
background: #304663 url(../../static/images/simple_bg.jpg) repeat-x;
font-family: Bitstream Vera,Verdana;
font-size: 10pt;
margin: 0;
|
||||||
padding:0;
|
padding:0;
|
||||||
border:0;
}
/* GENERIC STYLES */
a img {border: 0px}
hr {color: #627082; margin: 15px 0 15px 0;}
|
border:0;
}
/* GENERIC STYLES */
a img {border: 0px}
hr {color: #627082; margin: 15px 0 15px 0;}
|
||||||
td {font-family: Bitstream Vera,Verdana;}
|
td {font-family: Bitstream Vera,Verdana;}
|
|
@ -3,7 +3,7 @@ $def with (torrent, active_tab)
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Deluge:$torrent.name</title>
|
<title>Deluge:$torrent.name</title>
|
||||||
<link rel="stylesheet" type="text/css" href="/template/static/advanced.css" />
|
<link rel="stylesheet" type="text/css" href="/template_style.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="inner">
|
<body class="inner">
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -41,6 +41,6 @@ $for id, title, url in admin_pages:
|
||||||
|
|
||||||
</td><td align="right" width="320px">
|
</td><td align="right" width="320px">
|
||||||
$:part_stats()
|
$:part_stats()
|
||||||
</td></tr><table>
|
</td></tr></table>
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
|
@ -27,31 +27,33 @@ $def with (torrent_list, organize_filters)
|
||||||
|
|
||||||
</td><td align="right" width="320px">
|
</td><td align="right" width="320px">
|
||||||
$:part_stats()
|
$:part_stats()
|
||||||
</td></tr><table>
|
</td></tr></table>
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="organize_block">
|
|
||||||
$if organize_filters:
|
$if organize_filters:
|
||||||
$:render.part_organize(organize_filters)
|
$:render.part_organize(organize_filters)
|
||||||
</div>
|
|
||||||
<table id="torrent_list_block">
|
|
||||||
|
<table id="torrent_list_block" width="70%">
|
||||||
<tr><td>
|
<tr><td>
|
||||||
<div id="toolbar">
|
<div id="toolbar">
|
||||||
$:render.part_toolbar()
|
$:render.part_toolbar()
|
||||||
</div>
|
</div>
|
||||||
</td></tr><tr><td>
|
</td></tr><tr><td>
|
||||||
$:render.part_torrent_list(torrent_list, organize_filters)
|
$:render.part_torrent_list(torrent_list, organize_filters)
|
||||||
|
|
||||||
|
</td></tr><tr><td height=100%>
|
||||||
|
|
||||||
|
<!-- torrent info here?-->
|
||||||
|
|
||||||
</td></tr>
|
</td></tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="panel" id="info_panel_div" style="width:740px;">
|
<div class="panel" id="info_panel_div" style="width:740px;">
|
||||||
<iframe
|
<iframe
|
||||||
style="border-style:hidden;width:740px;height:200px;"
|
style="border-style:hidden;width:740px;height:200px;"
|
||||||
|
@ -61,7 +63,7 @@ $if organize_filters:
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<img src="/pixmaps/deluge.png">
|
|
||||||
|
|
||||||
<script language='javascript'>
|
<script language='javascript'>
|
||||||
/*on_click_action = open_details;*/
|
/*on_click_action = open_details;*/
|
||||||
|
|
|
@ -0,0 +1,52 @@
|
||||||
|
$def with (filters)
|
||||||
|
<form method="GET" id="category_form">
|
||||||
|
<input type="hidden" name="sort" value="$get('sort')">
|
||||||
|
<input type="hidden" name="order" value="$get('order')">
|
||||||
|
|
||||||
|
<div id="organize_block">
|
||||||
|
<div id="organize_state">
|
||||||
|
<div class="title">$_('State')</div>
|
||||||
|
<ul>
|
||||||
|
$for state, num in filters.state:
|
||||||
|
<li
|
||||||
|
$if state == get('state'):
|
||||||
|
class="selected"
|
||||||
|
>
|
||||||
|
<img src="/pixmaps/$state.lower() ">
|
||||||
|
<a href="$self_url(state=state)">$_(state) ($num)</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="title">$_('Trackers')</div>
|
||||||
|
<ul>
|
||||||
|
<li
|
||||||
|
$if not get('tracker'):
|
||||||
|
class="selected"
|
||||||
|
>
|
||||||
|
<a href="$self_url(tracker='')">All</a>
|
||||||
|
</li>
|
||||||
|
$for tracker, num in filters.tracker:
|
||||||
|
<li
|
||||||
|
$if tracker == get('tracker'):
|
||||||
|
class="selected"
|
||||||
|
>
|
||||||
|
<a href="$self_url(tracker=tracker)">$tracker ($num)</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="title">$_('Keyword')</div>
|
||||||
|
<input type="text" name="keyword" value="$get('keyword')" style="width:100px"
|
||||||
|
title="$_('Filter on a keyword')"
|
||||||
|
/>
|
||||||
|
$if get('keyword'):
|
||||||
|
selected
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<!--
|
||||||
|
<img src="/pixmaps/deluge.png">
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -5,6 +5,7 @@ avoid copy and paste of colours.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*global:*/
|
/*global:*/
|
||||||
body, th, td,tr , div,table , div{
|
body, th, td,tr , div,table , div{
|
||||||
font-family: Bitstream Vera Sans, verdana, arial, sans-serif;
|
font-family: Bitstream Vera Sans, verdana, arial, sans-serif;
|
||||||
|
@ -40,10 +41,8 @@ div.deluge_button{
|
||||||
display:inline;
|
display:inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*page from top to bottom:*/
|
/*page from top to bottom:*/
|
||||||
|
|
||||||
|
|
||||||
/*top part :*/
|
/*top part :*/
|
||||||
#admin_toolbar {
|
#admin_toolbar {
|
||||||
text-align:right;
|
text-align:right;
|
||||||
|
@ -60,15 +59,63 @@ div.deluge_button{
|
||||||
background-color:#E0ECFF;
|
background-color:#E0ECFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#organize_block {
|
||||||
|
width:170px;
|
||||||
|
height:300px;
|
||||||
|
/*border-style:solid;
|
||||||
|
border-width:2px;
|
||||||
|
border-color:#B5EDBC;
|
||||||
|
-moz-border-radius:8px;*/
|
||||||
|
float: left;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-top:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#organize_state div.title {
|
||||||
|
background-color:#E0ECFF;
|
||||||
|
margin-right:2px;
|
||||||
|
text-indent: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#organize_state ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
margin-top:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#organize_state li {
|
||||||
|
margin-top: 2px;
|
||||||
|
text-indent: 10px;
|
||||||
|
height:20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
#organize_state li:hover {
|
||||||
|
/*background-color:#68a;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#organize_state li.selected {
|
||||||
|
background-color:#C3D9FF;
|
||||||
|
-moz-border-radius:5 0 0 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*torrent table*/
|
||||||
|
|
||||||
#torrent_list_block{
|
#torrent_list_block{
|
||||||
border-style:solid;
|
border-style:solid;
|
||||||
border-width:12px;
|
border-width:2 2 2 12;
|
||||||
border-color:#C3D9FF;
|
border-color:#C3D9FF;
|
||||||
-moz-border-radius:8px;
|
-moz-border-radius:5px;
|
||||||
|
height:400px;
|
||||||
/*float: right;*/
|
/*float: right;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
/*torrent table*/
|
|
||||||
XX#torrent_table td {
|
XX#torrent_table td {
|
||||||
border-bottom-style:solid;
|
border-bottom-style:solid;
|
||||||
border-bottom-width:1px;
|
border-bottom-width:1px;
|
||||||
|
@ -83,7 +130,6 @@ tr.altrow1 {
|
||||||
background-color:#FAFAFA; /*offf-topic-hint:allo allo*/
|
background-color:#FAFAFA; /*offf-topic-hint:allo allo*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
tr.torrent_table_selected {
|
tr.torrent_table_selected {
|
||||||
background-color:#FFFFCC;
|
background-color:#FFFFCC;
|
||||||
}
|
}
|
||||||
|
@ -92,32 +138,26 @@ div.progress_bar{
|
||||||
background-color:#E0ECFF;
|
background-color:#E0ECFF;
|
||||||
/*color:blue;*/
|
/*color:blue;*/
|
||||||
/*-moz-border-radius:5px;*/ /*ff only setting*/
|
/*-moz-border-radius:5px;*/ /*ff only setting*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*info panel:*/
|
/*info panel:*/
|
||||||
#info_panel_div {
|
#info_panel_div {
|
||||||
|
width:100%;
|
||||||
|
margin-top:20px;
|
||||||
border-style:solid;
|
border-style:solid;
|
||||||
border-width:12px;
|
/*border-width:2 2 0 0;*/
|
||||||
border-color:#B5EDBC;
|
border-width:2 2 2 12;
|
||||||
-moz-border-radius:8px;
|
border-color:#74DD82;
|
||||||
|
-moz-border-radius:5px;
|
||||||
/*float: right;*/
|
/*float: right;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
#torrent_info_tabs {
|
#torrent_info_tabs{
|
||||||
/*background-color#B5EDBC;*/
|
background-color:#B5EDBC;
|
||||||
background-color#F00;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#organize_block {
|
|
||||||
border-style:solid;
|
|
||||||
border-width:12px;
|
|
||||||
border-color:#B5EDBC;
|
|
||||||
-moz-border-radius:8px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*config:*/
|
/*config:*/
|
||||||
|
|
|
@ -1,20 +0,0 @@
|
||||||
$def with (torrent, active_tab)
|
|
||||||
<!--for iframe in javascript mode.-->
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Deluge:$torrent.name</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="/template_style.css" />
|
|
||||||
</head>
|
|
||||||
<body class="inner">
|
|
||||||
|
|
||||||
<div id="torrent_info_tabs">
|
|
||||||
$for id, title, tab in detail_tabs:
|
|
||||||
$:render.part_tab_button(id, title, active_tab)
|
|
||||||
</div>
|
|
||||||
|
|
||||||
$for id, title, tab in detail_tabs:
|
|
||||||
$if active_tab == id:
|
|
||||||
$:render[tab](torrent)
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Loading…
Reference in New Issue