Changeset 12983


Ignore:
Timestamp:
Oct 14, 2011, 10:24:23 PM (10 years ago)
Author:
jordan
Message:

(trunk web) #4548 "non-local stylesheets and js" -- bundle jqueryui's css and accompanying images so that we don't have to rely on a third-party CDN.

Location:
trunk
Files:
19 added
1 deleted
9 edited
7 copied
7 moved

Legend:

Unmodified
Added
Removed
  • trunk/configure.ac

    r12972 r12983  
    498498                 web/Makefile
    499499                 web/images/Makefile
    500                  web/images/buttons/Makefile
    501                  web/images/graphics/Makefile
    502                  web/images/progress/Makefile
     500                 web/style/Makefile
     501                 web/style/jqueryui/Makefile
     502                 web/style/jqueryui/images/Makefile
     503                 web/style/transmission/Makefile
     504                 web/style/transmission/images/Makefile
     505                 web/style/transmission/images/buttons/Makefile
    503506                 web/javascript/Makefile
    504507                 web/javascript/jquery/Makefile
    505                  web/stylesheets/Makefile
    506508                 po/Makefile.in])
    507509
  • trunk/web/Makefile.am

    r9787 r12983  
    77SUBDIRS = \
    88  images \
    9   javascript \
    10   stylesheets
     9  style \
     10  javascript
    1111
  • trunk/web/images/Makefile.am

    r9787 r12983  
    11datadir = ${datarootdir}/${PACKAGE_NAME}/${subdir}
    2 
    32dist_data_DATA = \
    43  favicon.ico \
     
    65  webclip-icon.png
    76
    8 SUBDIRS = \
    9   buttons \
    10   graphics \
    11   progress
  • trunk/web/index.html

    r12974 r12983  
    1010                <link href="./images/favicon.png" rel="shortcut icon" />
    1111                <link rel="apple-touch-icon" href="./images/webclip-icon.png"/>
    12                 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    13                 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
    14                 <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
     12                <script type="text/javascript" src="./javascript/jquery/jquery-1.6.4.min.js"></script>
     13                <script type="text/javascript" src="./javascript/jquery/jqueryui-1.8.16.min.js"></script>
     14                <link rel="stylesheet" href="./style/jqueryui/jqueryui-1.8.16.css" type="text/css" media="all" />
    1515
    1616<!--
    1717                <link media="screen" href="./stylesheets/mobile.css" type= "text/css" rel="stylesheet" />
    1818-->
    19                 <link media="only screen and (max-device-width: 480px)" href="./stylesheets/mobile.css" type= "text/css" rel="stylesheet" />
    20                 <link media="screen and (min-device-width: 481px)" href="./stylesheets/common.css" type="text/css" rel="stylesheet" />
     19                <link media="only screen and (max-device-width: 480px)" href="./style/transmission/mobile.css" type= "text/css" rel="stylesheet" />
     20                <link media="screen and (min-device-width: 481px)" href="./style/transmission/common.css" type="text/css" rel="stylesheet" />
    2121                <!--[if IE]>
    22                         <link media="screen" href="./stylesheets/common.css" type="text/css" rel="stylesheet" />
    23                         <link media="screen" href="./stylesheets/ieAll.css" type="text/css" rel="stylesheet" />
     22                        <link media="screen" href="./style/transmission/common.css" type="text/css" rel="stylesheet" />
     23                        <link media="screen" href="./style/transmission/ieAll.css" type="text/css" rel="stylesheet" />
    2424                <![endif]-->
    25                 <!--[if IE 7]><link media="screen" href="./stylesheets/ie7.css" type="text/css" rel="stylesheet" /><![endif]-->
     25                <!--[if IE 7]><link media="screen" href="./style/transmission/ie7.css" type="text/css" rel="stylesheet" /><![endif]-->
    2626                <script type="text/javascript" src="./javascript/jquery/jquery.transmenu.min.js"></script>
    2727                <script type="text/javascript" src="./javascript/jquery/jquery.contextmenu.min.js"></script>
     
    105105                                        </div>
    106106                                        <div class="prefs-section">
    107                                                 <div class="title"><img src="images/graphics/blue-turtle.png" width="16" height="9" style="padding-right: 10px;"/>Alternative Speed Limits</div>
     107                                                <div class="title"><div id="alternative-speed-limits-title">Alternative Speed Limits</div></div>
    108108                                                <div class="row" style="font-size: smaller; padding-bottom: 4px;">Override normal speed limits manually or at scheduled times</div>
    109109                                                <div class="row"><div class="key">Upload (kB/s):</div>
     
    181181                <div id="torrent_inspector" style="display:none;">
    182182
    183                         <div style="display:none;" class="inspector_close" id="inspector_close"><img id="inspector_close_image" src="./images/buttons/cancel.png"/></div>
     183                        <div style="display:none;" class="inspector_close" id="inspector_close"></div>
    184184
    185185                        <div id="inspector_tabs">
    186                                 <div class="inspector_tab selected" id="inspector_tab_info"><a href="#info"><img src="images/buttons/info_general.png" alt="Information"/></a></div>
    187                                 <div class="inspector_tab" id="inspector_tab_activity"><a href="#activity"><img src="images/buttons/info_activity.png" alt="Activity"/></a></div>
    188                                 <div class="inspector_tab" id="inspector_tab_peers"><a href="#peers"><img src="images/buttons/info_peers.png" alt="Peers"/></a></div>
    189                                 <div class="inspector_tab" id="inspector_tab_trackers"><a href="#trackers"><img src="images/buttons/info_trackers.png" alt="Trackers"/></a></div>
    190                                 <div class="inspector_tab" id="inspector_tab_files"><a href="#files"><img src="images/buttons/info_files.png" alt="Files"/></a></div>
     186                                <div class="inspector_tab selected" id="inspector_tab_info"><div id="inspector-tab-label-info"></div><a href="#info"></a></div>
     187                                <div class="inspector_tab" id="inspector_tab_activity"><div id="inspector-tab-label-activity"></div><a href="#activity"></a></div>
     188                                <div class="inspector_tab" id="inspector_tab_peers"><div id="inspector-tab-label-peers"></div><a href="#peers"></a></div>
     189                                <div class="inspector_tab" id="inspector_tab_trackers"><div id="inspector-tab-label-trackers"></div><a href="#trackers"></a></div>
     190                                <div class="inspector_tab" id="inspector_tab_files"><div id="inspector-tab-label-files"></div><a href="#files"></a></div>
    191191                        </div>
    192192
     
    325325                        <div class="dialog_top_bar"></div>
    326326                        <div class="dialog_window">
    327                                 <img src="images/graphics/logo.png" alt="Transmission Logo" />
     327                                <div class="dialog_logo" id="dialog_logo"></div>
    328328                                <h2 class="dialog_heading" id="dialog_heading"></h2>
    329329                                <div class="dialog_message" id="dialog_message"></div>
     
    334334
    335335                <div id="about-dialog" style="display:none;">
    336                         <p><img src="images/graphics/logo.png"></p>
     336                        <p id="about-logo"></p>
    337337                        <p id="about-title">Transmission X</p>
    338338                        <p id="about-blurb">A fast and easy BitTorrent client</p>
     
    361361                        <div class="dialog_top_bar"></div>
    362362                        <div class="dialog_window">
    363                                 <img src="images/graphics/logo.png" alt="Transmission Logo" />
     363                                <div class="dialog_logo" id="dialog_logo"></div>
    364364                                <h2 class="dialog_heading">Upload Torrent Files</h2>
    365365                                <form action="#" method="post" id="torrent_upload_form"
  • trunk/web/javascript/jquery/Makefile.am

    r12781 r12983  
    22
    33dist_data_DATA = \
     4  jqueryui-1.8.16.min.js \
     5  jquery-1.6.4.min.js \
    46  jquery.contextmenu.min.js \
    57  jquery.form.js \
  • trunk/web/javascript/transmission.js

    r12933 r12983  
    3838                // Initialize the clutch preferences
    3939                Prefs.getClutchPrefs(this);
    40 
    41                 this.preloadImages();
    4240
    4341                // Set up user events
     
    112110        },
    113111
    114         preloadImages: function() {
    115                 if (isMobileDevice) {
    116                         this.loadImages(
    117                                 'images/buttons/info_general.png',
    118                                 'images/buttons/info_activity.png',
    119                                 'images/buttons/info_files.png',
    120                                 'images/buttons/toolbar_buttons.png',
    121                                 'images/graphics/filter_bar.png',
    122                                 'images/graphics/iphone_chrome.png',
    123                                 'images/graphics/logo.png'
    124                         );
    125                 } else {
    126                         this.loadImages(
    127                                 'images/buttons/info_general.png',
    128                                 'images/buttons/info_activity.png',
    129                                 'images/buttons/info_files.png',
    130                                 'images/buttons/tab_backgrounds.png',
    131                                 'images/buttons/toolbar_buttons.png',
    132                                 'images/buttons/torrent_buttons.png',
    133                                 'images/buttons/file_wanted_buttons.png',
    134                                 'images/buttons/file_priority_buttons.png',
    135                                 'images/graphics/chrome.png',
    136                                 'images/graphics/filter_bar.png',
    137                                 'images/graphics/logo.png',
    138                                 'images/progress/progress.png'
    139                         );
    140                 }
    141         },
    142112        loadImages: function() {
    143113                for (var i=0, row; row=arguments[i]; ++i)
  • trunk/web/style/transmission/Makefile.am

    r12961 r12983  
     1SUBDIRS = images
     2
    13datadir = ${datarootdir}/${PACKAGE_NAME}/${subdir}
    2 
    34dist_data_DATA = \
    45  common.css \
     
    67  ieAll.css \
    78  mobile.css
     9
     10
  • trunk/web/style/transmission/common.css

    r12961 r12983  
    5050        text-align: center;
    5151}
     52#about-dialog > #about-logo {
     53        background: transparent url('images/logo.png') top left no-repeat;
     54        width: 64px;
     55        height: 64px;
     56        margin-left: 100px;
     57}
    5258#about-dialog > #about-title {
    5359        font-size: 1.3em;
     
    101107        height: 32px;
    102108        margin: 0 auto 5px;
    103         background-image: url('../images/buttons/toolbar_buttons.png');
     109        background-image: url('images/buttons/toolbar_buttons.png');
    104110}
    105111
     
    183189@-moz-document url-prefix() {
    184190        div#statusbar input#torrent_search {
    185                 background: #FFF url('../images/graphics/filter_icon.png') top left no-repeat;
     191                background: #FFF url('images/filter_icon.png') top left no-repeat;
    186192                border: 1px solid #5D80A1;
    187193                margin-top: 3px;
     
    400406        top: 0px;
    401407        left: 0px;
    402         background-image: url('../images/progress/progress.png');
     408        background-image: url('images/progress.png');
    403409        background-repeat: repeat-x;
    404410        border: 1px solid #888;
     
    467473}
    468474li.torrent a div {
    469         background: url('../images/buttons/torrent_buttons.png');
     475        background: url('images/buttons/torrent_buttons.png');
    470476        height: 14px;
    471477        width: 14px;
     
    531537.prefs-section .checkbox-row > label {
    532538        margin-left: 5px;
     539}
     540
     541.prefs-section #alternative-speed-limits-title {
     542        padding-left: 18px;
     543        background: transparent url('images/blue-turtle.png') no-repeat;
    533544}
    534545
     
    574585        float: left;
    575586        height: 17px;
    576         background: transparent url('../images/buttons/tab_backgrounds_highlight.png') left -1px repeat-x;
     587        background: transparent url('images/buttons/tab_backgrounds_highlight.png') left -1px repeat-x;
    577588        margin: 0px;
    578589        padding: 3px 15px; /* 3px == ((bg image height - fg image height) / 2) */
     
    583594}
    584595
     596.inspector_tab > #inspector-tab-label-info {
     597        width: 24px;
     598        height: 20px;
     599        background: transparent url('images/buttons/info_general.png') no-repeat;
     600}
     601.inspector_tab > #inspector-tab-label-activity {
     602        width: 24px;
     603        height: 20px;
     604        background: transparent url('images/buttons/info_activity.png') no-repeat;
     605}
     606.inspector_tab > #inspector-tab-label-peers {
     607        width: 24px;
     608        height: 20px;
     609        background: transparent url('images/buttons/info_peers.png') no-repeat;
     610}
     611.inspector_tab > #inspector-tab-label-trackers {
     612        width: 24px;
     613        height: 20px;
     614        background: transparent url('images/buttons/info_trackers.png') no-repeat;
     615}
     616.inspector_tab > #inspector-tab-label-files {
     617        width: 24px;
     618        height: 20px;
     619        background: transparent url('images/buttons/info_files.png') no-repeat;
     620}
     621
    585622#inspector_tab_info {
    586         background: transparent url('../images/buttons/tab_backgrounds.png') left -1px repeat-x;
     623        background: transparent url('images/buttons/tab_backgrounds.png') left -1px repeat-x;
    587624        border: 1px solid #aaa;
    588625        -webkit-border-top-left-radius: 5px;
     
    601638
    602639#inspector_tab_info .selected {
    603         background: transparent url('../images/buttons/tab_backgrounds.png') left -26px repeat-x;
     640        background: transparent url('images/buttons/tab_backgrounds.png') left -26px repeat-x;
    604641}
    605642
    606643#inspector_tabs #inspector_tab_info .selected {
    607         background: transparent url('../images/buttons/tab_backgrounds.png') left -26px repeat-x !important;
     644        background: transparent url('images/buttons/tab_backgrounds.png') left -26px repeat-x !important;
    608645}
    609646
     
    807844}
    808845#inspector_tab_files_container .select_all_button {
    809         background: transparent url(../images/buttons/tab_backgrounds.png) repeat-x scroll left -6px;
     846        background: transparent url('images/buttons/tab_backgrounds.png') repeat-x scroll left -6px;
    810847        border: 1px solid #888888;
    811848        cursor: pointer;
     
    862899        width: 19px;
    863900        height: 19px;
    864         background-image: url('../images/buttons/file_wanted_buttons.png');
     901        background-image: url('images/buttons/file_wanted_buttons.png');
    865902        background-repeat: no-repeat;
    866903        background-color: transparent;
     
    886923        width: 35px;
    887924        height: 19px;
    888         background-image: url('../images/buttons/file_priority_buttons.png');
     925        background-image: url('images/buttons/file_priority_buttons.png');
    889926        background-repeat: no-repeat;
    890927        background-color: transparent;
     
    946983
    947984div.torrent_footer ul#settings_menu li#button {
    948         background: transparent url('../images/graphics/chrome.png') left top no-repeat;
     985        background: transparent url('images/chrome.png') left top no-repeat;
    949986        padding: 0;
    950987        position: relative;
     
    956993
    957994#turtle-button {
    958         background: transparent url('../images/graphics/chrome.png') left -18px no-repeat;
     995        background: transparent url('images/chrome.png') left -18px no-repeat;
    959996}
    960997#turtle-button:hover,
     
    9711008
    9721009#compact-button {
    973         background: transparent url('../images/graphics/chrome.png') left -54px no-repeat;
     1010        background: transparent url('images/chrome.png') left -54px no-repeat;
    9741011}
    9751012#compact-button:hover,
     
    10281065}
    10291066
    1030 div.dialog_container div.dialog_window img {
     1067div.dialog_container #dialog_logo {
     1068        width: 64px;
     1069        height: 64px;
    10311070        margin: 20px 20px 0 20px;
    10321071        float: left;
     1072        background: transparent url('images/logo.png') top left no-repeat;
    10331073}
    10341074
     
    10701110div.dialog_container div.dialog_window a:hover,
    10711111div.dialog_container div.dialog_window a:active {
    1072         background: #C0C8D6 url('../images/graphics/filter_bar.png') bottom repeat-x;
     1112        background: #C0C8D6 url('images/filter_bar.png') bottom repeat-x;
    10731113}
    10741114
  • trunk/web/style/transmission/ieAll.css

    r12961 r12983  
    11div#torrent_filter_bar input#torrent_search {
    2         background: #FFF url('../images/graphics/filter_icon.png') top left no-repeat;
     2        background: #FFF url('transmission/images/filter_icon.png') top left no-repeat;
    33        border: 1px solid #5D80A1;
    44        margin-top: 3px;
  • trunk/web/style/transmission/mobile.css

    r12961 r12983  
    6363        height: 55px;
    6464        margin: 0;
    65         background: #6685a1 url('../images/graphics/iphone_chrome.png') top left repeat-x;
     65        background: #6685a1 url('images/iphone_chrome.png') top left repeat-x;
    6666        border: 1px outset #AEBBCB;
    6767}
     
    106106        height: 32px;
    107107        margin: 0 auto 2px;
    108         background-image: url('../images/buttons/toolbar_buttons.png');
     108        background-image: url('images/buttons/toolbar_buttons.png');
    109109}
    110110
     
    390390        top: 0px;
    391391        left: 0px;
    392         background-image: url('../images/progress/progress.png');
     392        background-image: url('images/progress.png');
    393393        background-repeat: repeat-x;
    394394        border: 1px solid #888;
     
    450450        color: white;
    451451        padding: 15px 10px;
     452}
     453
     454div.dialog_container #dialog_logo {
     455        width: 64px;
     456        height: 64px;
     457        margin: 20px 20px 0 20px;
     458        float: left;
     459        background: transparent url('images/logo.png') top left no-repeat;
    452460}
    453461
     
    574582#inspector_close {
    575583        align: right;
    576         text-align: centre;
     584        text-align: center;
    577585        float: right;
    578586        padding-right: 10px;
    579587        padding-top: 12px;
     588        background: transparent url('images/buttons/cancel.png') no-repeat;
    580589}
    581590
     
    614623        float: left;
    615624        height: 17px;
    616         background: transparent url('../images/buttons/tab_backgrounds.png') left -1px repeat-x;
     625        background: transparent url('images/buttons/tab_backgrounds.png') left -1px repeat-x;
    617626        border: 1px solid #888;
    618627        margin: 0px 1px;
     
    765774        width: 19px;
    766775        height: 19px;
    767         background-image: url('../images/buttons/file_wanted_buttons.png');
     776        background-image: url('images/buttons/file_wanted_buttons.png');
    768777        background-repeat: no-repeat;
    769778        background-color: transparent;
     
    789798        width: 35px;
    790799        height: 19px;
    791         background-image: url('../images/buttons/file_priority_buttons.png');
     800        background-image: url('images/buttons/file_priority_buttons.png');
    792801        background-repeat: no-repeat;
    793802        background-color: transparent;
     
    862871
    863872#turtle-button {
    864         background: transparent url('../images/graphics/chrome.png') left -18px no-repeat;
     873        background: transparent url('images/chrome.png') left -18px no-repeat;
    865874}
    866875#turtle-button:active {
     
    875884
    876885#compact-button {
    877         background: transparent url('../images/graphics/chrome.png') left -54px no-repeat;
     886        background: transparent url('images/chrome.png') left -54px no-repeat;
    878887}
    879888#compact-button:active {
     
    888897
    889898#prefs-button {
    890         background: transparent url('../images/graphics/chrome.png') left -90px no-repeat;
     899        background: transparent url('images/chrome.png') left -90px no-repeat;
    891900}
    892901#prefs-button:active {
Note: See TracChangeset for help on using the changeset viewer.