New update reset CSS + Font size but code is still fixed - Joomla! Forum - community, help and support

hi joomla pals !

www.bocahydro.com site

a couple weeks ago updated joomla cause kept asking me , knew there problems

i had site set previousley show header on homepage post

viewtopic.php?f=624&t=757045

after update noticed header on every page , went , searched post made , found it. went css , fixed , lo , behold worked.

however

it brought font size , header image isnt displaying used to.

i had problem last time went , got post archive viewtopic.php?f=675&t=757652

unforunately im not seeing code in css anymore

so first thing went restore site. after 2 restores ( freshly backed before touched css )

it didnt bring css way before. apparently css isnt included in backup? individual on second post said make copy of file didnt. nothing huge changed im not sweating font size out top image gets fixed again.

and , when backups no css in them? , should update joomla when asks if resets stuff?

here css take peek

/* ########################## general ########################### */

@font-face {
font-family: 'titillium maps';
src: url("../fonts/titilliummaps29l002.eot");
src: local('titillium maps'), local('titilliummaps'),
url("../fonts/titilliummaps29l002.otf") format("opentype"),
url("../fonts/titilliummaps29l002.woff") format("woff");
}

body
{
background: #eee url(../images/header_outer.jpg) repeat-x ;
color: #333;
font-family: arial, helvetica, sans-serif;
}

#all
{
color: #333;
border:solid 0px #ddd !important ;

}
a:link,
a:visited
{
color:#7ba428
}

a:hover,
a:active,
a:focus
{
background:#669933;
color:#fff;
}

input:focus
{
border:solid 2px;
}

fieldset
{
border:solid 0px #ccc
}

.article-info
{
color:#444;
}

.article-info dd span
{
color:#444;
border-right:solid 0px;

}
/* ########################## logo ########################### */
#header
{background:#fff}
#logo span
{
color:#555 !important;
margin-top:6px;
font-size:0.4em !important;
letter-spacing:1px
}

.logoheader
{
border-top:solid 5px #555;
color:#555;
background: #fff;

}

#header-image
{
min-height:20px;
background:#eee
}

<? $view = jrequest::getvar('view', ''); ?>
<?php if ($option=='com_content' || $view=='featured') //render sidebar on home page
{ ?>
<h1 id="logo">
<?php if ($logo != null ): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php else: ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span>
</h1>
<? }else { ?>
<h1 id="logo">
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span>
</h1>
<? }
?>

/* ########################## header ########################### */
#header ul
{
max-width:1030px;
right:15px;
}

/* ++++++++++++++ lists, skiplinks ++++++++++++++ */
#header ul.menu
{

margin-top:5px !important;
list-style-type:none
}

#header ul.menu li
{
border:0
}

#header ul.menu li a:link,
#header ul.menu li a:visited
{
color:#333;
border:0;
border-right:solid 1px #eee;
background:transparent;
padding:10px 15px;
}

#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus
{
color:#444;
background:#ddd
}

#header ul.menu li.active a:link,
#header ul.menu li.active a:visited
{
color:#fff;
border-right:solid 1px #237d85;
background:#7ba428 !important
}

#header ul.skiplinks
{
width:100%
}
.skiplinks,
.skiplinks li
{
border:solid 0px #000;
}

#header ul.skiplinks
{
width:100%;
text-align:left;
background:none;
z-index:20000;
top:0;
display:inline;
padding:0
}

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus

{
background:#333 !important;
color:#fff !important;
border:solid 1px;
top:0px !important;
z-index:1000000000000 !important;
left:10px !important;
display:block;
width:14em;
display:block
}
/* ++++++++++++++ fontsize ++++++++++++++ */
#fontsize
{
color:#444;
}

#fontsize p a:link,
#fontsize p a:visited
{
color:#444
}

#fontsize p a:hover,
#fontsize p a:active,
#fontsize p a:focus
{
background:#555;
color:#fff
}

#fontsize h3
{
color:#444;
}
/* ++++++++++++++ search ++++++++++++++ */
#header form .inputbox
{
background:#fff !important;
}

#header form .inputbox:focus
{
border:solid 2px #000;
}

#header form .button
{
border:solid 1px #999;
background:#664335 url(../images/searchbutton.png) ;
color:#fff;
}
/* ########################## contentarea ########################### */
#top
{
background:#eee;
padding:15px;
border:solid 1px #ddd
}

#contentarea,
#contentarea2
{
background:#fff url(../images/box1.png) repeat-x;
}
/* ########################## breadcrumbs ########################### */
#breadcrumbs
{
color:#555;
}

#breadcrumbs span
{
color:#555;
}

#breadcrumbs span a:link,
#breadcrumbs span a:visited
{
background:#fff;
color:#7ba428;
}

#breadcrumbs span a:hover,
#breadcrumbs span a:active,
#breadcrumbs span a:focus
{
background:#7ba428;
color:#fff;
}
/* ########################## navigation column ########################### */
.module_content
{
border:solid 1px #ddd;
background:#fff
}
.moduletable_js
{
border:solid 0px #ddd;
}

#right .moduletable_js
{
border:0
}

#nav h3
{
border-bottom:solid 1px #ddd;
color:#444;
}

h3.js_heading
{
border-bottom:solid 1px #fff !important;
background:#eee;
font-family: 'titillium maps', arial;
}

h3.js_heading span.backh
{
border:solid 0px #000
}

h3.js_heading span.backh1
{
color:#444
}

#right h3
{
color:#377a2e;
border-bottom:solid 1px #ddd;
}

#right h3 span.backh
{

}

#right h3 span.backh2
{

}

#right h3 span.backh3
{
color:#664335
}

h3.js_heading a
{
border:0
}

h3.js_heading img
{
border:0
}

h3.js_heading a.opencloselink:hover,
h3.js_heading a.opencloselink:active,
h3.js_heading a.opencloselink:focus
{
background:none
}

h3.js_heading a:link,
h3.js_heading a:visited,
h3.js_heading a:hover,
h3.js_heading a:active,
h3.js_heading a:focus
{

}

#nav h3
{
font-family: 'titillium maps', arial;
}

#nav h3.js_heading a:focus
{

}

#nav form
{
color:#000;
}

#nav form a:hover,
#nav form a:active,
#nav form a:focus
{
color:#fff;
background:#669933;
}
/* ++++++++++++++ first level ++++++++++++++ */
#nav .moduletable-example ul.menu
{
background:#fff;
border:0;
}

ul.menu
{
border:0;
background:#fff /* url(../images/nav_level_1.gif) repeat-x */;
border:solid 0px #eee;
}

.module_content ul.menu
{
border:0;
}

ul.menu li
{
border-bottom:solid 1px #ddd;
}


ul.menu li a:link,
ul.menu li a:visited
{
color:#444;
background:url(../images/karo.gif) 5px 12px no-repeat
}

ul.menu li.active a:link,
ul.menu li.active a:visited
{
color:#333;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus,
ul.menu li.active a:hover,
ul.menu li.active a:active,
ul.menu li.active a:focus
{
background: #fff url(../images/nav_level_1.gif) repeat-x ;
color:#638420 ;
}


/* ++++++++++++++ second level ++++++++++++++ */

ul.menu li ul
{
border:solid 0px #eee;
}

ul.menu li ul li
{
border:solid 0px #000;
background:#fff;
}

ul.menu li.active ul li a:link,
ul.menu li.active ul li a:visited
{
color:#444;
border:0;
border-bottom:solid 1px #fff;
background: #e8e8e8
}

ul.menu li.active ul li.active a:link,
ul.menu li.active ul li.active a:visited
{
border:0;
color:#333;
border-bottom:solid 1px #fff;
}

ul.menu li.active ul li a:hover,
ul.menu li.active ul li a:active,
ul.menu li.active ul li a:focus
{
background:#666 !important;
color:#fff !important;
}


/* ++++++++++++++ third level ++++++++++++++ */

ul.menu li ul li ul
{
border:0 !important;
background:#ff0000 !important;
padding-bottom:0
}

ul.menu li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li a:visited
{
background:#ff0000 ;
border-bottom:solid 1px #fff;
color:#444
}

ul.menu li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active a:visited
{
color:#333;
}



/* ++++++++++++++ fourth level ++++++++++++++ */

ul.menu li ul li ul li ul
{
border:solid 1px #eee !important;
padding-top:10px !important;
padding-bottom:10px !important;
background:#fff url(../images/level4.png) repeat-x !important;
}


ul.menu li.active ul li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li.active ul li a:visited
{
font-weight:normal;
padding: 3px 2px 3px 40px;
font-size:0.9em;
background:#fff url(../images/arrow_small.png) no-repeat 30px 5px;
color:#444
}


ul.menu li.active ul li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active ul li.active a:visited
{font-weight:bold;
color:#333 }



/* ++++++++++++++ fifth level ++++++++++++++ */

ul.menu li ul li ul li ul li ul
{
border:solid 0px #eee !important;
padding-top:5px !important;
padding-bottom:10px !important;
background:#fff url(../images/level4.png) repeat-x !important;
}


ul.menu li.active ul li.active ul li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li.active ul li.active ul li a:visited
{
font-weight:normal;
padding: 3px 2px 3px 5px;
font-size:0.9em;
background:#fff ;
color:#444;
margin:0 10px 0 35px;
border-bottom:solid 1px #ddd
}


ul.menu li.active ul li.active ul li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active ul li.active ul li.active a:visited
{font-weight:bold; color:#333}


/* ########################## content - main ########################### */


#main
{

min-height:300px

}

#main a:link,
#main a:visited
{

}

#main a:hover,
#main a:active,
#main a:focus
{
background:#7ba428;
color:#fff;
}

#main th a:hover,
#main th a:active,
#main th a:focus
{
background:#333;
color:#fff;
}

.items-row
{

}

.column-1,
.column-2
{
border: solid 0px;
}

.item-separator
{
border: solid 0px #333333;
}

#main ul li
{

}

.small
{
border:solid 0;
}

ul#archive-items li.row0,
ul#archive-items li.row1
{
border-bottom:solid 1px #ddd
}

.archive #adminform fieldset
{
border:0;
padding:0;
margin:20px 0
}

/* ++++++++++++++ images ++++++++++++++ */

.image-left
{
padding:2px;
}

.image-right
{
border:solid 1px #ddd;
padding:2px
}


/* ++++++++++++++ leading ++++++++++++++ */

.items-row
{

}


/* ++++++++++++++++++++ headings +++++++++++++ */

#main h1
{
color:#444;
border-top:solid 0px #ddd;
border-bottom:solid 1px #ddd;
font-family: 'titillium maps', arial;

}

/* h1 on frontpage */
/*
#main .blog-featured h1
{
border-top:solid 0px #ddd;
border-bottom:solid 0px #ddd;
}
*/
.items-row h2
{
color:#7ba428;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}
.items-row h2 a:link,
.items-row h2 a:visited,
.items-leading h2 a:link,
.items-leading h2 a:visited
{
color:#7ba428 !important;
}



.items-row h2 a:hover,
.items-row h2 a:active,
.items-row h2 a:focus,
.items-leading h2 a:hover,
.items-leading h2 a:active,
.items-leading h2 a:focus
{color:#fff !important;
text-decoration:none !important
}





.items-leading h2
{
color:#7ba428;
}

#main h2
{
color:#7ba428;
font-family: 'titillium maps', arial;

}

#main h2 a
{
color:#333;
}


/* ++++++++++++++ readmore ++++++++++++++ */

.readmore a:link,
.readmore a:visited,
a.readmore:link,
a.readmore:visited
{
color:#444;
background:#eee url(../images/arrow1.gif) no-repeat left top;
border:solid 1px #ddd;
}

.readmore a:hover,
.readmore a:active,
.readmore a:focus,
a.readmore a:hover,
a.readmore a:active,
a.readmore a:focus
{
background:#555 url(../images/arrow2.gif) no-repeat left 6px !important;
color:#fff;
}

a.readmore:hover,
a.readmore:active,
a.readmore:focus
{
background:#555;
color:#fff;
}

/* ++++++++++++++ icons ++++++++++++++ */

.actions img
{
border:0;
}

/* ++++++++++++++ items-more ++++++++++++++ */

#main .items-more h3
{
border-bottom:solid 1px #ddd;
border-top:solid 1px #ddd;
color:#444;
}

#main .items-more ol
{
color:#000;
}

#main .items-more ol li a
{
background:#fff url(../images/blog_more.gif) no-repeat !important;
color: #7ba428 /* #377a2e */
}

#main .items-more ol li a:hover,
#main .items-more ol li a:active,
#main .items-more ol li a:focus
{
background: #555 url(../images/arrow2.gif) no-repeat 0px center;
color:#333;
}

/* ++++++++++++++ pagination ++++++++++++++ */

#main .pagination
{
border-top:solid 1px #ddd;
}


/* ++++++++++++++ article index ++++++++++++++ */

table.contenttoc
{
border:solid 1px #ccc;
}


/* ########################## right column ########################### */

#right
{

}

#right .moduletable
{
border:solid 0px #eee;
border-top:0;
margin-bottom:10px;

}

#right h3
{
color:#333
}

#right h4
{
color:#444;
border:solid 0;
}

#right ul
{
border:solid 0 #ccc;
color:#333;
}

.moduletable-custom ul li
{
color:#333;
background: url(../images/arrow2_grey.png) no-repeat 2px 7px;
}

#right .moduletable-custom h4
{
color:#444
}

#right .moduletable img
{border:0}

/* ++++++++++++++ button closing right column ++++++++++++++ */
#close span
{
color:#000;
}

/* ########################## modules ########################### */

/* ++++++++++++++ mostread, latest news ++++++++++++++ */

.mostread li a:link,
.mostread li a:visited,
.latestnews li a:link,
.latestnews li a:visited
{
background: url(../images/arrow2_grey.png) 2px 7px no-repeat ;
}

.mostread li a:hover,
.latestnews li a:hover,
.mostread li a:active,
.latestnews li a:active,
.mostread li a:focus,
.latestnews li a:focus
{
background:#555 url(../images/arrow_white_grey.png) 2px 6px no-repeat !important;
}

/* ++++++++++++++ newsfeed ++++++++++++++ */

ul.newsfeed
{
border:solid 0px #000;
}

.newsfeed-item
{
border-bottom:solid 1px #ddd;
}

.newsfeed-item h5 a
{

}

/* ++++++++++++++ newsflash ++++++++++++++ */
/* newsflash horizontal */

ul.newsflash-horiz
{
border:solid 1px #eee;
background:#ff0000 url(../images/box.png) repeat-x;
}

.newsflash-horiz li
{
border:solid 0px #eee;
background:#ff0000;
}

ul.newsflash-horiz li h4
{
border-bottom:solid 1px #fff;
font-family: 'titillium maps', arial;
}

/* newsflash vertical */

.newsflash-vert
{

}

/* ++++++++++++++ banner ++++++++++++++ */

.banneritem
{
border:0
}

.banneritem a
{
background:none
}

.banneritem img
{
background:none;
border:0
}

/* ++++++++++++++ login ++++++++++++++ */

#login-form .inputbox
{
border:solid 1px #ddd;
background:url(../images/content_bg.gif) repeat-x;
}

fieldset.input
{
border:0;
}

input.button,
button.button
{
background:#ffffff url(../images/arrow1.gif) no-repeat left top;
border:1px solid #dddddd;
color:#444444;
}


/* ++++++++++++++ tabs/ slide ++++++++++++++ */

ul.tabs
{
border:solid 1px #ddd;
border-bottom:0;
background:#ff0000 url(../images/box.png) repeat-x;
}

ul.tabs li
{
background:#ff0000 url(../images/box.png) repeat-x;
border-right:solid 1px #ddd
}

ul.tabs li a:link,
ul.tabs li a:visited
{
color:#333;
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus
{
color:#000
}

.tabcontent
{
border:solid 1px #ddd;
background:#fff;
color:#000;
}

.tabcontent .linkclosed
{
color:#000;
border-bottom:solid 1px #e5e5e5;
}

ul.tabs li a.linkopen
{
background:#fff;
color:#333;
border:0
}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus
{
background:#555;
color:#fff
}


/* ++++++++++++++ category-module ++++++++++++++ */

.category-module li
{
border-bottom:solid 1px #ddd;
}

.category-module li li
{
border:0
}

/* ########################## search ########################### */

.searchintro img
{
border:0px
}

.inputbox:focus
{
border:solid 2px #000;
}

.word
{
background:#fff;
border:solid 0px #ccc ;
}

.word input
{
background:#fff;
border:solid 1px #999;
color:#444;
}

.only
{
border:solid 1px #ccc;
}

.phrases
{
border:solid 1px #ccc;
}

/* ++++++++++++++ selects ++++++++++++++ */
.phrases .inputbox
{
background:#fff;
color:#000;
}

.phrases .inputbox option
{
background:#ff0000;
border-bottom:solid 1px #ccc;
}

.phrases .inputbox option a:hover
{
background:#c00;
border-color:#cfd0d6;
color:#fff;
}

/* ++++++++++++++ search results ++++++++++++++++++ */

dl.search-results
{
background:#ff0000;
}

dl.search-results dt.result-title
{
border-top:dotted 1px #ddd
}

dl.search-results dd.result-url
{
border-bottom:solid 5px #fff;
color:#115599;
}

dl.search-results dd.result-created
{
border-bottom:solid 5px #fff;
}

/* ########################## forms ########################### */

/* ++++++++++++++ form validation ++++++++++++++ */

.invalid
{
border-color:red !important;
}

label.invalid
{
color:red;
}

/* ########################## user profile ########################### */

#users-profile-core,
#users-profile-custom
{
border:solid 1px #ccc;
}

#member-profile fieldset
{
border:solid 1px #ccc;
}


/* ########################## tables ########################### */
table
{
border:solid 1px #ddd !important
}

tbody
{

}

tr.odd,
.cat-list-row1
{
background:url(../images/news.gif) repeat-x;
}

table.newsfeeds td,
table.weblinks td
{

}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
background:#444;
color:#fff
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a
{
color:#fff !important
}

td.table_footer
{
background:#ddd url(../images/table_footer.gif) bottom left repeat-x;
}

td.counter
{

}

td.num,
td.hits
{

}

td p
{

}

table.category th img
{
border:solid 0px ;
}

/* opera */
tr, td
{
border:solid 1px #ddd
}

fieldset.filters
{
border:0;
}