Need resize template

[eestipagan]

hi

I have  nice template - dfire downloaded at http://downloads.sourceforge.net/coppermine/cpg1.4.x_theme_dfire_v1.3.zip?modtime=1218440320&big_mirror=0 and it stands on my page http://eestipagan.com/pildialbum/
Problem is that i like to get widescreen wersion of this template (with no pink and gray borders)
Could somebody help me with changing code so i add style.css too

Code Select Expand


/*
Theme Name: DFire
Theme URI: http://chain.darkfaerytale.com/themes/dfire/
Description: dFire is a dark but viewable theme vying for a slightly different style.
Version: 1.0
Author: Tracy Ou (aka Viitoria L.)
Author URI: http://www.darkfaerytale.com

Ported to CPG  by: Billy Bullock
Porter URI: http://www.billygbullock.com
Coppermine Theme Version: 1.3.0
Tested on CPG v1.4.18
Released on August 10, 2008
*/

body {
font-family: serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
background: #E1B26B url("images/bg.gif");
margin: 0;
padding: 0;
}

/* Design Containers and Specifications */

#wrap {
background: url("images/bgtp.gif") repeat-x;
width: 100%;
margin: 0;
padding: 0;
border: 0;
float: left;
}

#keep {
width: 965px;
clear: left;
margin: 0 auto;
}

hr {
background-color: #22201d;
color: #22201d; /* for coloring the background in IE7 */
}

#outside {
background: #B5B6B4 url("images/bgcon.gif") repeat-y top center;
width: 965px;
float: right;
}

#inside {
background: url("images/bghead.gif") no-repeat top center;
width: 965px;
clear: both;
}

#holder {
margin-left: 30px;
margin-right: 38px;
width: 898px;
padding: 0;
}

* html #holder {
margin-left: 15px;
float: left;
}

#search {
background: url("images/search.gif") no-repeat bottom;
width: 272px;
height: 53px;
float: left;
text-align: middle;
}

#cpgtitle {
background: url("images/title.jpg") no-repeat;
width: 576px;
height: 53px;
text-align: right;
float: right;
}

#menu {
background: url("images/menu.jpg") no-repeat;
width: 685px;
height: 125px;
float: left;
text-align: left;
}

#tree {
background: url("images/tree.jpg") no-repeat;
width: 213px;
height: 153px;
float: right;
}

#content {
width: 632px;
margin-left: 20px;
float: left;
text-align: justify;
font-size: 13px;
color: #CACACA;
font-family: "times new roman", georgia, serif;
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
/* overflow-x: auto;  handle overflow with scrollbar */
}

* html #content {
margin-left: 15px;
width: 610px;
}

#sidebar {
width: 205px;
float: right;
text-align: left;
margin: 0 35px 15px 0;
}

* html #sidebar {
margin: 0px;
}

#footer {
background: url("images/footer.jpg") no-repeat bottom;
width: 898px;
height: 83px;
clear: both;
font-family: "agency fb", arial, helvetica, sans-serif;
}

/* Headers */

h4 {
background: url("images/sidebg.jpg") no-repeat bottom;
width: 198px;
height: 28px;
text-transform: lowercase;
margin: 0px;
padding-right: 50px;
color: #E5B655;
font-size: 18px;
text-align: right;
font-family: "times new roman", georgia, serif;
}

* html h4 {
padding: 0 50px 0 0;
}

h3 {
color: #F3F1B7;
font-size: 18px;
font-family: "agency fb", sans-serif;
font-weight: bold;
padding: 0;
margin: 0;
}

h1, h1 a:link, h1 a:visited {
color: #FFA303;
font-size: 16px;
font-family: "times new roman", serif;
text-transform: uppercase;
font-weight: bold;
padding: 0;
margin: 7px 0 0 0;
text-decoration: none;
}

.id {
color: #686C24;
padding-right: 3px;
}

h2 {
font-weight: bold;
padding: 0;
margin: 0 0 0 0;
color: #FFFED9;
font-size: 14px;
text-align: left;
font-family: "tw cent mt", arial, helvetica, sans-serif;
}

h2 a:link, h2 a:visited {
color: #A12600;
text-decoration: none;
}

h2 a:hover {
color: #DF3500;
text-decoration: none;
}

h6 {
padding: 0;
margin: 0;
font-size: 35px;
float: right;
text-align: right;
color: #222;
}

.btitle a:link, .btitle a:visited {
padding: 0 25px 0 0;
color: #FFA052;
font-size: 30px;
font-family: "trebuchet ms", sans-serif;
text-decoration: none;
}

.stitle {
padding: 0 10px 0 0;
color: #FFFFFF;
font-size: 12px;
font-family: arial;
font-weight: bold;
font-style: italic;
}

.tinfo {
color: #D4C082;
font-size: 14px;
font-family: "times new roman", serif;
text-transform: uppercase;
border-bottom: #4E370F 1px solid;
padding: 0 0 3px 0;
}

/* Top Search */

#sform {
padding: 15px 0 0 0;
margin: 0;
}

#search input {
width: 170px;
font-size: 10px;
color: #CCC;
font-family: trebuchet ms, arial, sans-serif;
background:#1A1A1A;
border: #414141 1px solid;
}

#search input:focus {
border:#2E2E2E 1px solid;
}

#simage {
background: url("images/s2.gif") no-repeat;
width: 39px;
height: 23px;
}

/* Top Menu*/

#menu ul {
list-style-type: none;
margin: 80px 0 0 0;
padding: 0;
}

#menu ul li {
display: inline;
text-transform: lowercase;
}

#menu ul li a {
text-decoration: none;
color: #494949;
font-weight: bold;
font-size: 13px;
font-family: verdana, tahoma, sans-serif;
padding: 83px 13px 0 13px;
font-weight: bold;
}

#menu ul li a:hover {
background: #000;
-moz-opacity: 0.7;
color: #FFF;
border-bottom: #99280A 5px solid;
text-decoration: none;
background:
}

/* Side Navigation */

.navigate {
padding: 10px 0 30px 35px;
font-size: 10px;
font-family: verdana, sans-serif;
}

.navigate ul {
list-style-type: none;
font-size: 11px;
padding: 0;
margin: 0;
}

.navigate li a {
background: url("images/arw.gif") no-repeat top left;
text-decoration: none;
display: block;
color: #7F8062;
border-bottom: #1F270B 1px solid;
padding: 4px 0 4px 21px;
margin: 0;
}

* html .navigate li a {
height: 13px;
}

.navigate li a:hover {
background: url("images/arw2.gif") no-repeat top left;
text-decoration: none;
color: #F7FABF;
}

.navigate li li a {
background: url("images/sub.gif") no-repeat top left;
text-decoration: none;
display: block;
color: #7F8062;
border-bottom: #1F270B 1px solid;
padding: 4px 0 4px 41px;
margin: 0;
}

.navigate li li a:hover {
background: url("images/sub2.gif") no-repeat top left;
text-decoration: none;
color: #F7FABF;
}

/* Posts */

.info {
background: #3A130A;
-moz-border-radius: 10px;
color: #FFFFFF;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: left;
padding: 7px;
margin: 15px 0 50px 0;
}

.info a:hover, .info a:visited {
color: #FFA052;
text-decoration: none;
}

.info a:link, .info a:visited {
color: #FFFFFF;
text-decoration: none;
}

/* Footer Styles */

.credits {
text-align: center;
padding-top: 30px;
color: #A1A1A1;
font-size: 12px;
}

#footer a:link, #footer a:visited {
color: #A1A1A1;
text-decoration: none;
}

#footer a:hover {
color: #E1E1E1;
text-decoration: none;
}

/* Miscellaneous */

img {
border: 0;
}

a:link, a:visited {
color: #AAAF54;
text-decoration: none;
}

a:hover, a:active {
color: #C3C963;
}

input:focus, textarea:focus {
border: #2E2E2E 1px solid;
}

small {
color: #555;
font-family: arial, helvetica, sans-serif;
}

label {
color: #555;
font-size: 10px;
}

table {
font-family: verdana, tahoma, sans-serif;
font-size: 12px;
}

.textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.85em;
        border: 1px solid #999999;
        padding-right: 3px;
        padding-left: 3px;
        background-color : #22201D;
        color:#ffffff;
}

.clickable_option {
        border-bottom : 1px dotted #999999;
        cursor : default;
}

.listbox_lang {
        background-color : #22201D;
        color:#ffffff;
        border: 1px solid #999999;
        font-size: 0.90em;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;
}

.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        background-color : #22201D;
        font-size: 0.85em;
        border: 1px solid #999999;
        vertical-align : middle;
        color:#ffffff;
}

.button {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 0.85em;
        border: 1px solid #999999;
        background-color : #22201D;
        color:#ffffff;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

.button a {
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.button a:hover {
        border: 1px solid #999999;
        background-color : #22201D;
        color:#FFFFFF;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.85em;
        border: 1px solid #999999;
        background-color : #22201D;
        color:#ffffff;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
        vertical-align : middle;
}

.checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
        vertical-align : middle;
}

.bblink a {
        color: #8090A3;
        text-decoration: none;
}

.bblink a:hover {
        color: #0033CC;
        text-decoration: underline;
}

.admin_menu_red a {
color: #BE0027;
}

.cpg_main {
height: 100%;
width: 512px;
overflow-x: auto; /* handle overflow with scrollbar */
}

.cpg_footer {
height: 100%;
width: 570px;
padding-left: 20px;
}

.graybox {
background-color: #22201d;
border-top: 1px solid #22201D;
border-bottom: 1px solid #22201D;
}

.breadlink {
border-bottom: 1px solid #57470C;
}

.maintable {
        margin-top: 1px;
        margin-bottom: 1px;
}

.cath1 {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
}

.tableh1 {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 15px;
}

.tableh1_compact {
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
    background : #22201D;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableb_compact {
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 7px;
        padding-left: 5px;
}

.tablef {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow_noalb {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow {
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 3px;
        padding-left: 0px;
}

.album_stat {
        font-size : 85%;
        color: #555555;
        margin: 5px 0px;
}

.thumb_filename {
        font-size: 0.90em;
        display: block;
}

.thumb_title {
        font-weight : bold;
        font-size: 0.90em;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 0.85em;
        padding: 1px;
        display : block;
}

.thumb_caption a {
        text-decoration: underline;
        color: #AEAEAE;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: 0.85em;
        padding: 2px;
        font-style : normal;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 1em;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 0.90em;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
        color: #AEAEAE;
}

.user_thumb_infobox a:hover {
        color: #CCCCCC;
        text-decoration: underline;
}

.sortorder_cell {
        background : transparent;
        color : #000000;
        padding: 2px;
        margin: 0px;
}
.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : transparent;
        color : #000000;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 0.85em;
        white-space: nowrap;
}


.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #CCCCCC;
        font-size: 1em;
        font-weight: bold;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        position: relative;
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #AEAEAE;
}

.navmenu a:hover {
        background : #22201D;
        text-decoration: none;
        color: #FFFFFF;
}

.admin_menu_thumb {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 0.85em;
        border: 1px solid #000000;
        background-color : #22201D;
        color:#000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        border: 1px solid #000000;
        background-color : #57470C;
        color:#FFFFFF;
}

.admin_menu {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 0.85em;
        border: 1px solid #000000;
        background-color : #22201D;
        color:#FFFFFF;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

.admin_menu a {
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        background-color : #363430;
        color:#FFFFFF;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.comment_date{
        font-size : 90%;
        vertical-align : middle;
}

.image {
        border: 2px solid #000000;
        margin: 2px;
}

.image a:hover { filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; opacity:0.5; }

.imageborder {
        border: 0px solid #aaaaaa;
        background-color: #FFFFFF;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 2px;
        margin-left: 2px;
}

.display_media {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        padding: 5px;
}

.thumbnails a:hover img { filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; opacity:0.5; }

.breadlink (
        color: #657172;
        font-size: 0.90em;
    font-family: tahoma, arial, Microsoft Sans Serif;
}

.statlink {
        color: #4C4A2F;
        font-size: 1.1em;
    font-family: tahoma, arial, Microsoft Sans Serif;
}

.statlink a {
        text-decoration: none;
}

.statlink a:hover {
        text-decoration: underline;
}

.alblink {
color:#4C4A2F;
    font-size:1.4em;
    font-family:tahoma, arial, Microsoft Sans Serif;
    font-weight:bold;
        display: block;
}

.alblink a {
        text-decoration: none;
}

.alblink a:hover {
        text-decoration: underline;
}

.catlink {
color:#4C4A2F;
    font-size:1.2em;
    font-family:tahoma, arial, Microsoft Sans Serif;
    font-weight:bold;
        display: block;
}

.catlink a {
        text-decoration: none;
}

.catlink a:hover {
        text-decoration: underline;
}

.topmenu {
        font-size : 100%;
        margin-top:5px;
        margin-right:5px;
}

.topmenu a {
        color : #DFDFDF;
        text-decoration : none;
}

.topmenu a:hover  {
        color : #FFFFFF;
        text-decoration : none;
}

.topmenu td  {
        white-space: nowrap;
        font-weight : bold;
}


.img_caption_table {
        border: none;
        background-color: #49525D;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #49525D ;
        font-size : 100%;
        color : #cccccc;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #394049;
}

.img_caption_table td {
        background: #49525D ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #394049;
        white-space: normal;
}

.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

#vanity a {
        display:block;
        width:57px;
        height:20px;
        margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}


Thanks for all helpers

[Gizmo]

The link to the dfire theme is http://eestipagan.com/pildialbum/index.php?theme=dfire. However I don't see any pink or gray borders. To widen this theme could take some time (there's always lots of testing to do in these situations) so you may want to post on the Freelancers Board for help. Please read the stickies to that board before posting.