#5894: Get rid of inline styles in HTML (patch by Ancient; 1st part, slightly modified per IRC discussion)

This commit is contained in:
Mike Gelfand 2015-04-23 19:02:38 +00:00
parent 06d73853b9
commit fd8e1e25a4
3 changed files with 37 additions and 14 deletions

View File

@ -78,7 +78,7 @@
</div>
</div>
<div id="prefs-dialog" style="display:none;">
<div class="hidden" id="prefs-dialog">
<ul>
<li id="prefs-tab-general"><a href="#prefs-page-torrents">Torrents</a></li>
<li id="prefs-tab-speed"><a href="#prefs-page-speed">Speed</a></li>
@ -112,7 +112,7 @@
</div>
<div class="prefs-section">
<div class="title"><div id="alternative-speed-limits-title">Alternative Speed Limits</div></div>
<div class="row" style="font-size: smaller; padding-bottom: 4px;">Override normal speed limits manually or at scheduled times</div>
<div class="row" id="alternative-speed-limits-desc">Override normal speed limits manually or at scheduled times</div>
<div class="row"><div class="key">Upload (kB/s):</div>
<div class="value"><input type="text" type="number" id="alt-speed-up"/></div></div>
<div class="row"><div class="key">Download (kB/s):</div>
@ -162,7 +162,7 @@
<div class="title">Blocklist</div>
<div class="row"><div class="key"><input type="checkbox" id="blocklist-enabled"/><label for="blocklist-enabled">Enable blocklist:</label></div>
<div class="value"><input type="url" id="blocklist-url"/></div></div>
<div class="row"><div class="key" style="margin-top: 3px; font-size: smaller;">Blocklist has <span id="blocklist-size">?</span> rules</div>
<div class="row"><div class="key" id="blocklist-info">Blocklist has <span id="blocklist-size">?</span> rules</div>
<div class="value"><input type="button" id="blocklist-update-button" value="Update"/></div></div>
</div>
</div>
@ -185,7 +185,7 @@
</div>
</div>
<div id="torrent_inspector" style="display:none;">
<div class="hidden" id="torrent_inspector">
<div id="inspector-tabs-wrapper">
<div id="inspector-tabs">
@ -222,17 +222,17 @@
</div>
</div><!-- id="inspector_tab_info_container" -->
<div style="display:none;" class="inspector-page" id="inspector-page-peers">
<div class="inspector-page hidden" id="inspector-page-peers">
<div id="inspector_peers_list">
</div>
</div><!-- id="inspector_tab_peers_container" -->
<div style="display:none;" class="inspector-page" id="inspector-page-trackers">
<div class="inspector-page hidden" id="inspector-page-trackers">
<div id="inspector_trackers_list">
</div>
</div><!-- id="inspector_tab_trackers_container" -->
<div style="display:none;" class="inspector-page" id="inspector-page-files">
<div class="inspector-page hidden" id="inspector-page-files">
<ul id="inspector_file_list">
</ul>
</div><!-- id="inspector_tab_files_container" -->
@ -243,7 +243,7 @@
<ul class="torrent_list" id="torrent_list"></ul>
</div>
<div class="dialog_container" id="dialog_container" style="display:none;">
<div class="dialog_container hidden" id="dialog_container">
<div class="dialog_top_bar"></div>
<div class="dialog_window">
<div class="dialog_logo" id="dialog_logo"></div>
@ -254,14 +254,14 @@
</div>
</div>
<div id="about-dialog" style="display:none;">
<div class="hidden" id="about-dialog">
<p id="about-logo"></p>
<p id="about-title">Transmission X</p>
<p id="about-blurb">A fast and easy BitTorrent client</p>
<p id="about-copyright">Copyright (c) The Transmission Project</p>
</div>
<div id="stats-dialog" style="display:none;">
<div class="hidden" id="stats-dialog">
<div class="prefs-section">
<div class="title">Current Session</div>
<div class="row"><div class="key">Uploaded:</div><div class="value" id='stats-session-uploaded'>&nbsp;</div></div>
@ -279,7 +279,7 @@
</div>
</div>
<div class="dialog_container" id="upload_container" style="display:none;">
<div class="dialog_container hidden" id="upload_container">
<div class="dialog_top_bar"></div>
<div class="dialog_window">
<div class="dialog_logo" id="upload_dialog_logo"></div>
@ -302,7 +302,7 @@
</div>
</div>
<div class="dialog_container" id="rename_container" style="display:none;">
<div class="dialog_container hidden" id="rename_container">
<div class="dialog_top_bar"></div>
<div class="dialog_window">
<div class="dialog_logo"></div>
@ -316,7 +316,7 @@
</div>
</div>
<div class="dialog_container" id="move_container" style="display:none;">
<div class="dialog_container hidden" id="move_container">
<div class="dialog_top_bar"></div>
<div class="dialog_window">
<div class="dialog_logo" id="move_dialog_logo"></div>
@ -343,7 +343,7 @@
<li id="tipjar">Transmission Tip Jar</li>
<li class="separator"></li>
<li id="statistics">Statistics</li>
<li id="toggle_notifications" style="display: none">Notifcations</li>
<li class="hidden" id="toggle_notifications">Notifcations</li>
<li class="separator"></li>
<li>Total Download Rate
<ul id="footer_download_rate_menu">

View File

@ -22,6 +22,9 @@ body {
body a {
outline: 0; }
.hidden {
display: none; }
/***
****
**** ABOUT DIALOG
@ -344,6 +347,12 @@ ul.torrent_list {
.prefs-section #alternative-speed-limits-title {
padding-left: 18px;
background: transparent url("images/blue-turtle.png") no-repeat; }
.prefs-section #alternative-speed-limits-desc {
font-size: smaller;
padding-bottom: 4px; }
.prefs-section #blocklist-info {
font-size: smaller;
margin-top: 3px; }
/***
****

View File

@ -90,6 +90,10 @@ body {
a { outline: 0; }
}
.hidden {
display: none;
}
/***
****
**** ABOUT DIALOG
@ -465,6 +469,16 @@ ul.torrent_list
padding-left: 18px;
background: transparent url('images/blue-turtle.png') no-repeat;
}
#alternative-speed-limits-desc {
font-size: smaller;
padding-bottom: 4px;
}
#blocklist-info {
font-size: smaller;
margin-top: 3px;
}
}
/***