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
/*
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