Changeset 6663


Ignore:
Timestamp:
Aug 29, 2008, 8:21:43 PM (13 years ago)
Author:
charles
Message:

better r6662

Location:
trunk/web
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/index.html

    r6662 r6663  
    6969                        <div class="inspector_container" id="inspector_tab_info_container">
    7070                                <div class="inspector_group">
    71                                         <strong>Transfer Information</strong>
     71                                        <div class="inspector_group_label">Information</div>
    7272                                        <div class="inspector_row">
    7373                                                <div class="inspector_label">Tracker:</div>
     
    8989                               
    9090                                <div class="inspector_group">
    91                                         <strong>Created By</strong>
     91                                        <div class="inspector_group_label">Created By</div>
    9292                                        <div class="inspector_row">
    9393                                                <div class="inspector_label">Creator:</div>
     
    104104
    105105                                <div class="inspector_group">
    106                                         <strong>Activity</strong>
     106                                        <div class="inspector_group_label">Activity</div>
    107107                                        <div class="inspector_row">
    108108                                                <div class="inspector_label">State:</div>
     
    148148                               
    149149                                <div class="inspector_group">
    150                                         <strong>Peers</strong>
     150                                        <div class="inspector_group_label">Peers</div>
    151151                                        <div class="inspector_row">
    152152                                                <div class="inspector_label">UL To:</div>
  • trunk/web/stylesheets/common.css

    r6662 r6663  
    495495        text-align: left;
    496496}
    497 
    498497div#torrent_inspector #torrent_inspector_name {
    499         font-size: 1.3em;
    500         margin: 0;
    501         word-wrap: break-word;
     498        margin: 0;
    502499        overflow: hidden;
    503500}
    504 
    505501div#torrent_inspector #torrent_inspector_size {
    506502        font-size: 1.2em;
     
    509505        padding-top: 2px;
    510506}
    511 
    512507div#inspector_header {
    513508        clear: both;
     
    516511        padding-right: 10px;
    517512}
    518 
    519513div#inspector_tabs {
    520514        margin: 0 auto;
     
    522516        width: 140px;
    523517}
    524 
    525518.inspector_tab {
    526519        float: left;
     
    531524        cursor: pointer;
    532525}
    533 
    534526#inspector_tabs > .selected {
    535         background-position: left -26px;
    536 }
    537 
     527        background-position: left -26px; /* the highlighted part of the image */
     528}
    538529.inspector_container {
    539         padding-top: 10px;
    540         padding-bottom: 5px;
    541         margin: 5px 10px;
    542 }
    543 
     530        margin: 10px;
     531        width: 330px; /* inspector_width==350 - ((margin==10)*2) */
     532}
    544533.inspector_group {
     534        display: table;
     535        width: 100%;
    545536        border-top: 1px solid #888;
    546         margin: 8px 0px;
    547         padding: 8px 0px;
    548 }
    549 
     537        margin: 10px 0px;
     538        padding: 10px 0px;
     539}
    550540.inspector_group_label {
     541        display: table-header-group;
    551542        font-weight: bold;
    552543}
     
    556547.inspector_row > .inspector_label {
    557548        display: table-cell;
    558         padding-left: 10px;
     549        width: 100px; /* this + the next 230 == inspector_container_with */
    559550}
    560551.inspector_row > div {
     552        display: table-cell;
    561553        padding-top: 10px;
    562         padding-left: 10px;
    563         word-wrap: break-word;
     554        width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */
    564555}
    565556
Note: See TracChangeset for help on using the changeset viewer.