mirrors/deluge
0
0
Fork 0
mirror of https://git.deluge-torrent.org/deluge synced 2025-08-07 00:48:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

huge update to mooui

Browse source 
continuting change to camelcase
This commit is contained in:
Damien Churchill 2008-09-29 23:09:44 +00:00
commit a7f1704c28
10 changed files with 515 additions and 517 deletions
Download patch file Download diff file Expand all files Collapse all files

20
deluge/ui/webui/templates/ajax/render/html/preferences_bandwidth.html
View file

@ -2,27 +2,27 @@
<fieldset> <fieldset>
<legend>$_('Global Bandwidth Usage')</legend> <legend>$_('Global Bandwidth Usage')</legend>
<label>$_('Max Connections'):</label> <label>$_('Max Connections'):</label>
<input type="text" name="max_connections_global" class="mooui-spinner" /> <input type="text" name="max_connections_global" class="moouiSpinner" />
<br/> <br/>
<label>$_('Max Upload Slots'):</label> <label>$_('Max Upload Slots'):</label>
<input type="text" name="max_upload_slots_global" class="mooui-spinner" /> <input type="text" name="max_upload_slots_global" class="moouiSpinner" />
<br/> <br/>
<label>$_('Max Download Speed') (KiB/s):</label> <label>$_('Max Download Speed') (KiB/s):</label>
<input type="text" name="max_download_speed" class="mooui-spinner" /> <input type="text" name="max_download_speed" class="moouiSpinner" />
<br/> <br/>
<label>$_('Max Upload Speed') (KiB/s):</label> <label>$_('Max Upload Speed') (KiB/s):</label>
<input type="text" name="max_upload_speed" class="mooui-spinner" /> <input type="text" name="max_upload_speed" class="moouiSpinner" />
<br/> <br/>
<label>$_('Max Half-Open Connections'):</label> <label>$_('Max Half-Open Connections'):</label>
<input type="text" name="max_half_open_connections" class="mooui-spinner" /> <input type="text" name="max_half_open_connections" class="moouiSpinner" />
<br/> <br/>
<label>$_('Max Conection Attempts per Second'):</label> <label>$_('Max Conection Attempts per Second'):</label>
<input type="text" name="max_connections_per_second" class="mooui-spinner" /> <input type="text" name="max_connections_per_second" class="moouiSpinner" />
<br/> <br/>
<label class="fluid"> <label class="fluid">
@ -33,19 +33,19 @@
<fieldset> <fieldset>
<legend>$_('Per Torrent Bandwidth Usage')</legend> <legend>$_('Per Torrent Bandwidth Usage')</legend>
<label>$_('Max Connections'):</label> <label>$_('Max Connections'):</label>
<input type="text" name="max_connections_per_torrent" class="mooui-spinner" /> <input type="text" name="max_connections_per_torrent" class="moouiSpinner" />
<br/> <br/>
<label>$_('Max Upload Slots'):</label> <label>$_('Max Upload Slots'):</label>
<input type="text" name="max_upload_slots_per_torrent" class="mooui-spinner" /> <input type="text" name="max_upload_slots_per_torrent" class="moouiSpinner" />
<br/> <br/>
<label>$_('Max Download Speed') (KiB/s):</label> <label>$_('Max Download Speed') (KiB/s):</label>
<input type="text" name="max_download_speed_per_torrent" class="mooui-spinner" /> <input type="text" name="max_download_speed_per_torrent" class="moouiSpinner" />
<br/> <br/>
<label>$_('Max Upload Speed') (KiB/s):</label> <label>$_('Max Upload Speed') (KiB/s):</label>
<input type="text" name="max_upload_speed_per_torrent" class="mooui-spinner" /> <input type="text" name="max_upload_speed_per_torrent" class="moouiSpinner" />
<br/> <br/>
</fieldset> </fieldset>
</form> </form>

2
deluge/ui/webui/templates/ajax/render/html/preferences_daemon.html
View file

@ -1,7 +1,7 @@
<form> <form>
<fieldset> <fieldset>
<legend>$_('Port')</legend> <legend>$_('Port')</legend>
<label>$_('Daemon Port'):</label><input type="text" name="daemon_port" class="mooui-spinner" /><br/> <label>$_('Daemon Port'):</label><input type="text" name="daemon_port" class="moouiSpinner" /><br/>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>$_('Connections')</legend> <legend>$_('Connections')</legend>

8
deluge/ui/webui/templates/ajax/render/html/preferences_network.html
View file

@ -9,11 +9,11 @@
<label class="fluid"> <label class="fluid">
$_('From'): $_('From'):
</label> </label>
<input type="text" name="start_listen_port" class="mooui-spinner" /> <input type="text" name="start_listen_port" class="moouiSpinner" />
<label class="fluid"> <label class="fluid">
$_('To'): $_('To'):
</label> </label>
<input type="text" name="end_listen_port" class="mooui-spinner" /><br/> <input type="text" name="end_listen_port" class="moouiSpinner" /><br/>
</fieldset> </fieldset>
<fieldset> <fieldset>
@ -26,11 +26,11 @@
<label class="fluid"> <label class="fluid">
$_('From'): $_('From'):
</label> </label>
<input type="text" name="start_outgoing_port" class="mooui-spinner" /> <input type="text" name="start_outgoing_port" class="moouiSpinner" />
<label class="fluid"> <label class="fluid">
$_('To'): $_('To'):
</label> </label>
<input type="text" name="end_outgoing_port" class="mooui-spinner" /><br/> <input type="text" name="end_outgoing_port" class="moouiSpinner" /><br/>
</fieldset> </fieldset>
<fieldset> <fieldset>

14
deluge/ui/webui/templates/ajax/render/html/preferences_queue.html
View file

@ -5,17 +5,17 @@
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>$_('Active Torrents')</legend> <legend>$_('Active Torrents')</legend>
<label>$_('Total active'):</label><input type="text" name="max_active_limit" class="mooui-spinner" /><br/> <label>$_('Total active'):</label><input type="text" name="max_active_limit" class="moouiSpinner" /><br/>
<label>$_('Total active downloading'):</label><input type="text" name="max_active_downloading" class="mooui-spinner" /><br/> <label>$_('Total active downloading'):</label><input type="text" name="max_active_downloading" class="moouiSpinner" /><br/>
<label>$_('Total active seeding'):</label><input type="text" name="max_active_seeding" class="mooui-spinner" /><br/> <label>$_('Total active seeding'):</label><input type="text" name="max_active_seeding" class="moouiSpinner" /><br/>
<label class="fluid"><input type="checkbox" name="dont_count_slow_torrents" />$_('Do not count slow torrents')</label> <label class="fluid"><input type="checkbox" name="dont_count_slow_torrents" />$_('Do not count slow torrents')</label>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>$_('Seeding')</legend> <legend>$_('Seeding')</legend>
<label>$_('Share Ratio Limit'):</label><input type="text" name="share_ratio_limit" class="mooui-spinner" /><br/> <label>$_('Share Ratio Limit'):</label><input type="text" name="share_ratio_limit" class="moouiSpinner" /><br/>
<label>$_('Seed Time Ratio'):</label><input type="text" name="stop_seed_ratio" class="mooui-spinner" /><br/> <label>$_('Seed Time Ratio'):</label><input type="text" name="stop_seed_ratio" class="moouiSpinner" /><br/>
<label>$_('Seed Time') (m):</label><input type="text" name="seed_time_limit" class="mooui-spinner" /><br/> <label>$_('Seed Time') (m):</label><input type="text" name="seed_time_limit" class="moouiSpinner" /><br/>
<label class="fluid"><input type="checkbox" name="stop_seed_at_ratio" />$_('Stop seeding when share ratio reaches'):</label><input type="text" name="stop_seed_ratio" class="mooui-spinner" /> <label class="fluid"><input type="checkbox" name="stop_seed_at_ratio" />$_('Stop seeding when share ratio reaches'):</label><input type="text" name="stop_seed_ratio" class="moouiSpinner" />
<label class="fluid"><input type="checkbox" name="remote_seed_at_ratio" />$_('Remove torrent when share ratio reached')</label> <label class="fluid"><input type="checkbox" name="remote_seed_at_ratio" />$_('Remove torrent when share ratio reached')</label>
</fieldset> </fieldset>
</form> </form>

54
deluge/ui/webui/templates/ajax/static/css/mooui.css
View file

@ -4,13 +4,13 @@
* Depends: [] * Depends: []
*/ */
ul.mooui-menu { ul.moouiMenu {
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
padding: 0; padding: 0;
} }
ul.mooui-menu li { ul.moouiMenu li {
position: relative; position: relative;
list-style: none; list-style: none;
margin: 1px; margin: 1px;
@ -21,40 +21,40 @@ ul.mooui-menu li {
background: no-repeat 2px; background: no-repeat 2px;
} }
ul.mooui-menu li.mooui-menu-icon { ul.moouiMenu li.moouiMenuIcon {
padding-left: 20px; padding-left: 20px;
} }
ul.mooui-menu li.mooui-menu-sep { ul.moouiMenu li.moouiMenuSep {
height: 1px; height: 1px;
line-height: 1px; line-height: 1px;
} }
ul.mooui-menu li.mooui-menu-toggle input { ul.moouiMenu li.moouiMenuToggle input {
cursor: pointer; cursor: pointer;
} }
ul.mooui-menu li.mooui-menu-toggle span span { ul.moouiMenu li.moouiMenuToggle span span {
position: relative; position: relative;
top: -3px; top: -3px;
} }
ul.mooui-menu li > ul { ul.moouiMenu li > ul {
display: none; display: none;
position: relative; position: relative;
top: -20px; top: -20px;
width: 400px; width: 400px;
} }
ul.mooui-menu li:hover { ul.moouiMenu li:hover {
cursor: pointer; cursor: pointer;
} }
ul.mooui-menu li:hover > ul { ul.moouiMenu li:hover > ul {
display: block; display: block;
} }
ul.mooui-menu li.mooui-menu-sep:hover { ul.moouiMenu li.moouiMenuSep:hover {
cursor: default; cursor: default;
} }
@ -64,7 +64,7 @@ ul.mooui-menu li.mooui-menu-sep:hover {
* Depends: [] * Depends: []
*/ */
.mooui-progressbar span { .moouiProgressBar span {
text-align: center; text-align: center;
float: left; float: left;
} }
@ -75,20 +75,22 @@ ul.mooui-menu li.mooui-menu-sep:hover {
* Depends: [] * Depends: []
*/ */
.mooui-pane { .moouiPane {
position: absolute; float: left;
position: relative;
} }
.mooui-splitter { .moouiSplitter {
position: absolute; position: relative;
float: left;
background: Gray; background: Gray;
} }
.mooui-splitter-vertical { .moouiSplitterVertical {
cursor: e-resize; cursor: e-resize;
} }
.mooui-splitter-horizontal { .moouiSplitterHorizontal {
cursor: n-resize; cursor: n-resize;
} }
@ -98,13 +100,13 @@ ul.mooui-menu li.mooui-menu-sep:hover {
* Depends: [] * Depends: []
*/ */
.mooui-tabs ul { .moouiTabs ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.mooui-tabs li { .moouiTabs li {
float: left; float: left;
padding: 4px; padding: 4px;
cursor: pointer; cursor: pointer;
@ -113,15 +115,15 @@ ul.mooui-menu li.mooui-menu-sep:hover {
-webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
} }
.mooui-tabs div { .moouiTabs div {
clear: left; clear: left;
} }
.mooui-tabpage { .moouiTabPage {
display: none; display: none;
} }
.mooui-tabpage-active { .moouiTabPageActive {
display: block; display: block;
} }
@ -131,20 +133,20 @@ ul.mooui-menu li.mooui-menu-sep:hover {
* Depends: [] * Depends: []
*/ */
.mooui-window { .moouiWindow {
position: fixed; position: fixed;
top: 0px; top: 0px;
left: 200px; left: 200px;
z-index: 100; z-index: 100;
} }
.mooui-window-title { .moouiWindowTitle {
margin: 10px; margin: 10px;
cursor: pointer; cursor: pointer;
float: left; float: left;
} }
.mooui-window-close { .moouiWindowClose {
float: right; float: right;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -152,7 +154,7 @@ ul.mooui-menu li.mooui-menu-sep:hover {
cursor: pointer; cursor: pointer;
} }
.mooui-window-content { .moouiWindowContent {
clear: both; clear: both;
padding: 5px; padding: 5px;
} }

4
deluge/ui/webui/templates/ajax/static/js/deluge-ui.js
View file

@ -79,7 +79,7 @@ Deluge.UI = {
this.torrentAction(e.action, e.value) this.torrentAction(e.action, e.value)
}.bind(this)) }.bind(this))
this.grid.addEvent('row_menu', function(e) { this.grid.addEvent('rowMenu', function(e) {
e.stop() e.stop()
var value = this.grid.selectedRow.torrent.is_auto_managed; var value = this.grid.selectedRow.torrent.is_auto_managed;
menu.items[3].items[4].set(value) menu.items[3].items[4].set(value)
@ -87,7 +87,7 @@ Deluge.UI = {
menu.show(e) menu.show(e)
}.bindWithEvent(this)) }.bindWithEvent(this))
this.grid.addEvent('selectedchanged', function(e) { this.grid.addEvent('selectedChanged', function(e) {
if ($chk(this.grid.selectedRow)) { if ($chk(this.grid.selectedRow)) {
this.details.update(this.grid.selectedRow.id); this.details.update(this.grid.selectedRow.id);
} else { } else {

817
deluge/ui/webui/templates/ajax/static/js/mooui.js
View file

File diff suppressed because it is too large Load diff

40
deluge/ui/webui/templates/ajax/static/themes/classic/style.css
View file

@ -74,15 +74,15 @@ body {
text-align: right; text-align: right;
} }
.mooui-splitter { .moouiSplitter {
background: none; background: none;
} }
.mooui-splitter-vertical { .moouiSplitterVertical {
background: url(split_vertical.png) repeat-y; background: url(split_vertical.png) repeat-y;
} }
.mooui-splitter-horizontal { .moouiSplitterHorizontal {
background: url(split_horizontal.png) repeat-x; background: url(split_horizontal.png) repeat-x;
} }
@ -138,39 +138,39 @@ body {
text-decoration: none; text-decoration: none;
} }
.mooui-datagrid { .moouiDataGrid {
overflow: auto; overflow: auto;
margin: 5px; margin: 5px;
border: 1px solid #2a425c; border: 1px solid #2a425c;
} }
.mooui-datagrid table { .moouiDataGrid table {
/*background: #304663;*/ /*background: #304663;*/
border-spacing: 0px; border-spacing: 0px;
} }
.mooui-datagrid table th { .moouiDataGrid table th {
font-weight: normal; font-weight: normal;
border: 1px outset #1c2431; border: 1px outset #1c2431;
margin-bottom: 2px; margin-bottom: 2px;
cursor: pointer; cursor: pointer;
} }
.mooui-datagrid table td { .moouiDataGrid table td {
padding: 2px; padding: 2px;
border-bottom: 1px solid #1c2431; border-bottom: 1px solid #1c2431;
cursor: pointer; cursor: pointer;
} }
.mooui-datagrid table tr.selected td { background: #900; } .moouiDataGrid table tr.selected td { background: #900; }
.mooui-datagrid table tr:hover td { background: #68a; } .moouiDataGrid table tr:hover td { background: #68a; }
.mooui-progressbar div { .moouiProgressBar div {
background: #4573a5; background: #4573a5;
-moz-border-radius:5px; /*ff only setting*/ -moz-border-radius:5px; /*ff only setting*/
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
} }
.mooui-progressbar span { .moouiProgressBar span {
text-align: center; text-align: center;
} }
@ -179,37 +179,37 @@ body {
background: #1c2431 url(simple_line_flipped.png) repeat-x; background: #1c2431 url(simple_line_flipped.png) repeat-x;
} }
.mooui-menu { .moouiMenu {
background: #304663 url(menu_bg.jpg) repeat-x; background: #304663 url(menu_bg.jpg) repeat-x;
border: 1px outset #37506f; border: 1px outset #37506f;
} }
ul.mooui-menu li.mooui-menu-sep { ul.moouiMenu li.moouiMenuSep {
background-color: #aaa; background-color: #aaa;
} }
ul.mooui-menu li:hover { ul.moouiMenu li:hover {
background-color: #426187; background-color: #426187;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
} }
ul.mooui-menu li.mooui-menu-sep:hover { ul.moouiMenu li.moouiMenuSep:hover {
background-color: #aaa; background-color: #aaa;
} }
.mooui-window { .moouiWindow {
background: #426187; background: #426187;
border: 1px solid #1c2431; border: 1px solid #1c2431;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
} }
.mooui-window-close { .moouiWindowClose {
background-image: url(window_close.png); background-image: url(window_close.png);
} }
.mooui-window-title { .moouiWindowTitle {
margin: 5px; margin: 5px;
} }
@ -281,7 +281,7 @@ form br {
margin-left: 100px; margin-left: 100px;
} }
.mooui-window-content #preferences .categories li:hover { .moouiWindowContent #preferences .categories li:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -305,7 +305,7 @@ form br {
font-weight: bold; font-weight: bold;
} }
.mooui-spinner { .moouiSpinner {
width: 40px; width: 40px;
margin-right: 20px; margin-right: 20px;
} }

55
deluge/ui/webui/templates/ajax/static/themes/white/style.css
View file

@ -74,19 +74,10 @@ body {
font-size: 26px; font-size: 26px;
} }
.mooui-splitter { .moouiSplitter {
background: none; background: none;
} }
/*.mooui-splitter-vertical {
background: url(/template/static/images/split_vertical.png) repeat-y;
}
.mooui-splitter-horizontal {
background: url(/template/static/images/split_horizontal.png) repeat-x;
}*/
#toolbar #buttons #add {background-image:url(/template/static/icons/32/add.png)} #toolbar #buttons #add {background-image:url(/template/static/icons/32/add.png)}
#toolbar #buttons #remove {background-image:url(/template/static/icons/32/remove.png)} #toolbar #buttons #remove {background-image:url(/template/static/icons/32/remove.png)}
#toolbar #buttons #pause {background-image:url(/template/static/icons/32/pause.png)} #toolbar #buttons #pause {background-image:url(/template/static/icons/32/pause.png)}
@ -145,7 +136,7 @@ body {
} }
.mooui-datagrid { .moouiDataGrid {
overflow: auto; overflow: auto;
margin: 5px; margin: 5px;
border: 4px solid #C3D9FF; border: 4px solid #C3D9FF;
@ -153,33 +144,33 @@ body {
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
} }
.mooui-datagrid table { .moouiDataGrid table {
/*background: #304663;*/ /*background: #304663;*/
border-spacing: 0px; border-spacing: 0px;
} }
.mooui-datagrid table th { .moouiDataGrid table th {
font-weight: normal; font-weight: normal;
background: #C3D9FF; background: #C3D9FF;
margin-bottom: 2px; margin-bottom: 2px;
cursor: pointer; cursor: pointer;
} }
.mooui-datagrid table td { .moouiDataGrid table td {
padding: 2px; padding: 2px;
border-bottom: 1px solid #1c2431; border-bottom: 1px solid #1c2431;
cursor: pointer; cursor: pointer;
} }
.mooui-datagrid table tr.selected td { background: #E0ECFF; } .moouiDataGrid table tr.selected td { background: #E0ECFF; }
.mooui-datagrid table tr:hover td { background: #FFFFCC; } .moouiDataGrid table tr:hover td { background: #FFFFCC; }
.mooui-progressbar div { .moouiProgressBar div {
background: #C3D9FF; background: #C3D9FF;
-moz-border-radius:5px; /*ff only setting*/ -moz-border-radius:5px; /*ff only setting*/
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
} }
.mooui-progressbar span { .moouiProgressBar span {
text-align: center; text-align: center;
} }
@ -187,21 +178,21 @@ body {
padding: 5px; padding: 5px;
} }
#details .mooui-tabs li { #details .moouiTabs li {
background: #E0ECFF; background: #E0ECFF;
padding: 7px; padding: 7px;
font-size: 1.1em; font-size: 1.1em;
} }
#details .mooui-tabs li:hover { #details .moouiTabs li:hover {
background: #C3D9FF; background: #C3D9FF;
} }
#details li.mooui-tabs-active { #details li.moouiTabActive {
background: #C3D9FF; background: #C3D9FF;
} }
#details .mooui-tabpage { #details .moouiTabPage {
background: #C3D9FF; background: #C3D9FF;
padding: 5px; padding: 5px;
-moz-border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px;
@ -248,37 +239,37 @@ body {
-moz-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px;
} }
.mooui-menu { .moouiMenu {
background: #E0ECFF; background: #E0ECFF;
border: 1px outset Gray; border: 1px outset Gray;
} }
ul.mooui-menu li.mooui-menu-sep { ul.moouiMenu li.moouiMenuSep {
background-color: Gray; background-color: Gray;
} }
ul.mooui-menu li:hover { ul.moouiMenu li:hover {
background-color: #a0a0a0; background-color: #a0a0a0;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
} }
ul.mooui-menu li.mooui-menu-sep:hover { ul.moouiMenu li.moouiMenuSep:hover {
background-color: Gray; background-color: Gray;
} }
.mooui-window { .moouiWindow {
background: #C3D9FF; background: #C3D9FF;
border: 1px solid #1c2431; border: 1px solid #1c2431;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
} }
.mooui-window-close { .moouiWindowClose {
background-image: url(/template/static/images/window_close.png); background-image: url(/template/static/themes/white/window_close.png);
} }
.mooui-window-title { .moouiWindowTitle {
margin: 5px; margin: 5px;
} }
@ -346,7 +337,7 @@ form br {
margin-left: 100px; margin-left: 100px;
} }
.mooui-window-content #preferences .categories li:hover { .moouiWindowContent #preferences .categories li:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -370,7 +361,7 @@ form br {
font-weight: bold; font-weight: bold;
} }
.mooui-spinner { .moouiSpinner {
width: 40px; width: 40px;
margin-right: 20px; margin-right: 20px;
} }

18
deluge/ui/webui/templates/ajax/template_style.css
View file

@ -43,21 +43,21 @@ html, body {
padding: 5px; padding: 5px;
} }
#details .mooui-tabs li { #details .moouiTabs li {
background: #37506f; background: #37506f;
padding: 7px; padding: 7px;
font-size: 1.1em; font-size: 1.1em;
} }
#details .mooui-tabs li:hover { #details .moouiTabs li:hover {
background: #426187; background: #426187;
} }
#details li.mooui-tabs-active { #details li.moouiTabActive {
background: #426187; background: #426187;
} }
#details .mooui-tabpage { #details .moouiTabPage {
background: #426187; background: #426187;
padding: 5px; padding: 5px;
-moz-border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px;
@ -123,28 +123,28 @@ html, body {
display: block; display: block;
} }
.mooui-window-content #preferences .categories { .moouiWindowContent #preferences .categories {
float: left; float: left;
width: 100px; width: 100px;
padding-left: 10px; padding-left: 10px;
} }
.mooui-window-content #preferences .pref_pages h3 { .moouiWindowContent #preferences .pref_pages h3 {
margin-bottom: 5px; margin-bottom: 5px;
} }
.mooui-window-content #preferences .pref_pages { .moouiWindowContent #preferences .pref_pages {
float: left; float: left;
width: 380px; width: 380px;
} }
.mooui-window-content #preferences .categories ul { .moouiWindowContent #preferences .categories ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
padding-left: 10px; padding-left: 10px;
} }
.mooui-window-content #preferences .categories li { .moouiWindowContent #preferences .categories li {
cursor: pointer; cursor: pointer;
} }