Problem with HTC widget, help greatly appreciated

Discussion in 'Jailbreaks and iOS Hacks' started by henrikrox, Dec 4, 2010.

  1. henrikrox macrumors 65816

    henrikrox

    Joined:
    Feb 3, 2010
    #1
    so installed this awesome homescreen htc mod, but the weather temp is a bit misplaced as you can see un this image

    [​IMG]

    hers the css config (wall of text).

    if anyone could help out i would <3 you for ever


    CSS CONFIG

    html,body{
    margin:0;
    padding:0;
    }
    #container{
    background:url('images/LockBackground.png') no-repeat;
    background-size:320px 480px;
    width:320px;
    height:480px;
    padding-top:50px;
    position:relative;
    }
    #container.homescreen{
    padding-top:30px;
    }
    #widget{
    background:url('images/WidgetBackground.png') no-repeat 0 20px;
    background-size:276px 155px;
    width:276px;
    height:220px;
    overflow:hidden;
    margin:0 auto;
    }
    #clock{
    width:224px;
    height:122px;
    margin:0 auto;
    position:relative;
    }
    #clock #hours, #clock #mins{
    width:107px;
    height:122px;
    background:url('images/ClockBackground.png') no-repeat;
    background-size:107px 122px;
    font: 93px/120px "Trebuchet MS";
    letter-spacing:-3px;
    color:#222;
    text-shadow:#fff -1px 1px 3px;
    position:absolute;
    text-align:center;
    top:0px;
    left:0px;
    overflow:hidden;
    }
    #clock #mins{
    left:117px;
    }
    #clock #ampm{
    position:absolute;
    font: 12px/15px "Trebuchet MS";
    text-transform:uppercase;
    text-shadow:#fff -1px 1px 2px;
    bottom:10px;
    left:5px;
    }
    #clock #overlay{
    position:absolute;
    z-index:5;
    background:url('images/ClockOverlay.png') no-repeat left;
    background-size:223px 80px;
    width:224px;
    height:80px;
    left:1px;
    top:3px;
    }
    #weather{
    font-family:"Trebuchet MS";
    color:#fff;
    position:relative;
    }
    #weather #location{
    font-size:14px;
    text-shadow:#000 -1px 1px 3px;
    position:absolute;
    top:7px;
    left:10px;
    }
    #weather #weatherDescription{
    font-size:11px;
    text-shadow:#000 -1px 1px 2px;
    position:absolute;
    top:27px;
    left:10px;
    text-transform:capitalize;
    }
    #weather #weatherIcon{
    position:absolute;
    left:71px;
    top:-25px;
    z-index:10;
    }
    #weather #weatherIconImg{
    width:130px;
    }
    #weather #calendar{
    position:absolute;
    text-shadow:#000 -1px 1px 3px;
    font-size:15px;
    right:10px;
    top:6px;
    }
    #weather #weatherTemp{
    position:absolute;
    right:10px;
    top:25px;
    font-size:17px;
    text-shadow:#000 -1px 1px 3px;
    }
    #weather #hi, #weather #lo, #weather #hiTemp, #weather #loTemp{
    font-size:9px;
    text-shadow:#000 -1px 1px 2px;
    position:absolute;
    right:57px;
    top:1px;
    width:15px;
    color:#ddd;
    }
    #weather #lo, #weather #loTemp{
    top:11px;
    color:#aaa;
    }
    #weather #hiTemp, #weather #loTemp{
    right:45px;
    width:15px;
    }
    #weather #temp{
    position:absolute;
    right:10px;
    text-align:right;
    width:30px;
    }
    #weather #tempUnit{
    text-transform:uppercase;
    }
     
  2. Interstella5555 macrumors 603

    Interstella5555

    Joined:
    Jun 30, 2008
  3. henrikrox thread starter macrumors 65816

    henrikrox

    Joined:
    Feb 3, 2010
  4. henrikrox thread starter macrumors 65816

    henrikrox

    Joined:
    Feb 3, 2010
    #4
    i just found out that if the tempeature is lower then -10 C the temp falls out of the widget, if the temp is -9 C and higher the temp show up fine.

    so a fix for -10 C and beyond is what i need
     
  5. TJone macrumors 6502a

    Joined:
    Aug 2, 2010
    #5
    I would start by making the font sizes a few pixels smaller. They are a little big anyways.
     

Share This Page