Changeset 3696

Show
Ignore:
Timestamp:
07/06/07 02:30:53 (1 year ago)
Author:
timothy
Message:

Reduce the size on images and other tweaks to the look of buttons.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/Plug-Ins/Web Interface/Resources/iphone/iphone.css

    r3693 r3696  
    3333        box-sizing: border-box; 
    3434        background-color: rgb(111, 135, 168); 
    35         border-top: 1px solid rgb(179, 186, 201); 
    36         border-bottom: 1px solid rgb(73, 95, 144); 
    37         background-image: url(images/gradientHighlight.png); 
     35        border-bottom: 1px solid rgb(45, 54, 66); 
     36        background-image: url(images/header.png); 
    3837        background-repeat: repeat-x; 
    39         -webkit-background-size: 100%; 
    4038        color: white; 
    4139        font-size: 20px; 
    …… 
    4947        position: absolute; 
    5048        font-weight: bold; 
    51         line-height: 28px; 
    52         top: 6px; 
    53         border-width: 0 8px 0 8px; 
    54         -webkit-border-image: url(images/button.png) 0 8 0 8; 
    55         height: 29px; 
    56         max-height: 29px; 
    57         min-height: 29px; 
     49        line-height: 29px; 
     50        top: 7px; 
     51        border-width: 0 5px 0 5px; 
     52        -webkit-border-image: url(images/button.png) 0 5 0 5; 
     53        height: 31px; 
     54        max-height: 31px; 
     55        min-height: 31px; 
    5856        min-width: 32px; 
    5957        font-size: 12px; 
    6058        text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0; 
    6159        font-weight: bold; 
    62         line-height: 28px; 
     60        line-height: 30px; 
    6361        color: white; 
    6462        z-index: 100; 
    65         right: 6px; 
     63        right: 5px; 
    6664        -webkit-box-sizing: border-box; 
    6765        box-sizing: border-box; 
    …… 
    8785.back { 
    8886        position: absolute; 
    89         border-width: 0 8px 0 14px; 
     87        border-width: 0 5px 0 14px; 
    9088        min-width: 20px; 
    91         height: 30px; 
    92         -webkit-border-image: url(images/backButton.png) 0 8 0 14; 
     89        height: 31px; 
     90        -webkit-border-image: url(images/backButton.png) 0 5 0 14; 
    9391        font-size: 12px; 
    9492        text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0; 
    9593        font-weight: bold; 
    96         line-height: 28px; 
    97         top: 6px; 
     94        line-height: 29px; 
     95        top: 7px; 
    9896        left: 120px; 
    9997        padding: 0 3px 0 2px; 
    …… 
    104102} 
    105103 
    106 .forward { 
    107         position: absolute; 
    108         border-width: 0 14px 0 8px; 
    109         min-width: 20px; 
    110         height: 30px; 
    111         -webkit-border-image: url(images/forwardButton.png) 0 14 0 8; 
    112         font-size: 12px; 
    113         text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0; 
    114         font-weight: bold; 
    115         line-height: 28px; 
    116         top: 6px; 
    117         right: 6px; 
    118         padding: 0; 
    119         color: white; 
    120         z-index: 100; 
    121         opacity: 0; 
    122         display: none; 
    123 } 
    124  
    125104.header .button.action { 
    126         -webkit-border-image: url(images/squareBlueButton.png) 0 8 0 8; 
     105        -webkit-border-image: url(images/squareBlueButton.png) 0 5 0 5; 
     106        padding: 0 5px 0 5px; 
    127107} 
    128108 

  • trunk/Plug-Ins/Web Interface/Resources/iphone/iphone.js

    r3692 r3696  
    406406        this.panelElement.style.left = document.body.offsetWidth + "px"; 
    407407 
    408         var animations = [{element: Colloquy.backElement, end: {left: 6, opacity: 1}}, 
     408        var animations = [{element: Colloquy.backElement, end: {left: 5, opacity: 1}}, 
    409409                {element: Colloquy.joinElement, end: {opacity: 0}}, 
    410410                {element: Colloquy.colloquyTitleElement, end: {left: 0, opacity: 1}}, 
    411                 {element: Colloquy.mainTitleElement, end: {left: (-document.body.offsetWidth / 2) + (Colloquy.backElement.offsetWidth / 2), top: 6, "font-size": 12, "line-height": 28}}, 
     411                {element: Colloquy.mainTitleElement, end: {left: (-document.body.offsetWidth / 2) + (Colloquy.backElement.offsetWidth / 2), top: 7, "font-size": 12, "line-height": 28}}, 
    412412                {element: Colloquy.colloquiesElement, end: {left: -document.body.offsetWidth - 1}}, {element: this.panelElement, end: {left: 0}}]; 
    413413