, очень хочется изменить шрифт меню и заголовков на Arial, бьюсь уже второй день не могу понять где нужно внести изменения. В настройках шаблона есть опция переключения шрифтов, но нужного шрифта там нет. Как можно решить эту проблемку?
/* @override http://demotemplates.joomlashack.com/optimus/templates/js_optimus/css/template_css.css */
/* @group Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, hr,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}#mbar ul ul {display: none;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* HTML .clearfix {height: 1%;}
.clearfix {display: block;}
body.contentpane {background: #fff;}
/* @end Reset */
/* @group Typography Helper Styles */
body, HTML {
line-height: 150%;
font-size: 100%;
letter-spacing: 0px;
}
/* Main Content Area Font Size */
td.maincol {
line-height: 150%;
font-size: 1.166666em;
}
/* Module Font Sizes */
td.leftcol,td.rightcol {
font-size: 1em;
}
td.leftcol p,td.rightcol p {
margin: 0;
}
/* Headings */
.componentheading {
margin: 0px 0px 10px 4px;
}
table.blog table.contentpaneopen td.contentheading,td.contentheading {
width: 100%;
}
h1,h2,h3,h4,h5,h6 {
margin: .75em 0;
}
/* Latest/Popular Lists */
ul.latestnews,
ul.latestnewsS1,
ul.latestnewsS2,
ul.latestnewsS3,
ul.latestnewsbdr,
ul.mostread,
ul.mostreadS3,
ul.mostreadS1,
ul.mostreadS2,
ul.mostreadbdr {
padding: 0px;
margin: 0px 0px;
list-style-type: none;
}
li.latestnews,
li.latestnewsS1,
li.latestnewsS2,
li.latestnewsS3,
li.latestnewsbdr,
li.mostread,
li.mostreadS3,
li.mostreadS1,
li.mostreadS2,
li.mostreadbdr {
padding: 0px 0px 4px 14px;
margin: 0px;
background: url(../images/bullet.gif) no-repeat 0em .35em;
}
a.readon {
text-decoration: underline;
float: right;
padding: 0px;
margin: 0;
font-weight: bold;
font-size: 12px;
}
a.readon:hover {
text-decoration: none;
}
/*Side Column Navigation (List) */
a.mainlevel-sidenav,ul.menu-sidenav {
list-style: none;
margin: 0;
padding: 0;
font-size: 1.1em;
}
ul.menu-sidenav li,
a.mainlevel-sidenav {
background: url(../images/bullet.gif) no-repeat 0 .15em;
padding-left: 14px;
}
ul.menu-sidenav li li {
background: none no-repeat 0 .25em;
padding-left: 0em;
list-style-type: circle;
color: #cecece;
}
ul.menu-sidenav li ul {
margin-left: 10px;
padding: 0;
}
a.sublevel-sidenav {
margin-left: 16px;
}
ul.menu-sidenav a,
a.mainlevel-sidenav,
a.sublevel-sidenav {
text-decoration: none;
}
a.sublevel-sidenav:hover,
ul.menu-sidenav a:hover {
text-decoration: underline;
}
/*If you want to use table based menus in vertical menu style*/
td.leftcol a.mainlevel, td.rightcol a.mainlevel {
text-decoration: none;
line-height: 135%;
font-weight: bold;
}
td.leftcol a.mainlevel:hover, td.rightcol a.mainlevel:hover {
text-decoration: underline;
}
/*Sublevel Support*/
td.leftcol a.sublevel,
td.rightcol a.sublevel
{
text-decoration: underline;
padding-left: 4px;
font-size: .9em;
}
td.leftcol a.sublevel:hover, td.rightcol a.sublevel:hover {
text-decoration: none;
}
/* Lists */
td.maincol ol, td.maincol ul {margin-left:40px;margin-bottom: 5px;}
td.maincol li ul {margin-left:20px;margin-bottom: 0px;}
td.maincol ul li {list-style-type: disc;}
td.maincol ul li li {list-style-type: circle;}
/* Ordered Lists */
td.maincol ol {list-style-type: decimal;}
td.maincol ol ol {list-style-type: lower-alpha;}
p {margin: 10px 0px;}
pre {
display: block;
padding: 5px;
margin: 10px;
white-space: normal;
font-family: "Courier New", Courier, monospace;
}
/*-----SPECIAL LIST STYLE (CHANGE OR ADD ANOTHER)-----*/
td.maincol ul.checklist,
td.leftcol ul.checklist,
td.rightcol ul.checklist {
list-style: none;
}
td.maincol ul.checklist li,
td.leftcol ul.checklist li,
td.rightcol ul.checklist li {
list-style: none;
line-height: 16px;
padding: 2px 0px 2px 18px;
background: url(../images/tick.png) no-repeat left center;
list-style-position: outside;
}
td.maincol ul.checklist a,
td.leftcol ul.checklist a,
td.rightcol ul.checklist a {
text-decoration: underline;
padding: 1px;
}
td.maincol ul.checklist a:hover,
td.maincol ul.checklist a:hover,
td.maincol ul.checklist a:hover {
text-decoration: none;
padding: 1px;
}
/* @end */
/* @group Structure */
#wrap {
margin: 10px auto 0px auto;
}
#header {width: 100%;}
#logo-graphic h1 {
margin: 0px;
padding: 0px;
float: center;
}
#logo-graphic h1 a {
display: block;
text-indent: -8000em;
line-height: 100%;
background: url(../images/logo.png) no-repeat;
margin: 0px;
padding: 0px;
}
#logo-graphic h2 {
line-height: 0;
height: 0;
margin: 0;
padding: 0;
text-indent: -8000em;
}
#logo-text h1 a {
display: block;
line-height: 100%;
text-decoration: none;
background-image: none;
margin: 0px;
padding: 0px;
}
#logo-text {
float: center;
}
#logo-text h1 {
margin: 0px;
padding: 0px;
}
#logo-text h2 {
margin: 0px;
padding: 0px;
}
#newsflash {
top: 10px;
right: 15px;
width: 400px;
position: absolute;
overflow: hidden;
}
.menuleft {
float: left;
width: 10px;
height: 52px;
background: url(../images/menuleft.png) no-repeat left top;
}
.menuright {
float: right;
width: 10px;
height: 52px;
background: url(../images/menuright.png) no-repeat left top;
}
.mainbody {
margin: 8px;
}
.banner {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
}
td.leftcol,td.maincol,td.rightcol {
vertical-align: top;
}
.inside {
padding: 4px 8px;
}
#footer {
height: 30px;
text-align: center;
margin: 0px auto;
width: 100%;
overflow: hidden;
font: .90em/100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.ftr-left {
float: left;
width: 10px;
height: 30px;
background: url(../images/ftr-left.png) no-repeat left bottom;
}
.ftr-right {
float: right;
width: 10px;
height: 30px;
background: url(../images/ftr-right.png) no-repeat left bottom;
}
.designer a {
cursor: pointer;
text-indent: -5000em;
display:block;
float: left;
width: 75px;
height: 12px;
background: url(../images/jscright.png) no-repeat left top;
margin-top: 4px;
}
/* @end */
/* @group Modules */
/* S1 */
div.moduleS1
{
margin-bottom: 10px;
background: url(../images/topright_light.png) 100% 0 no-repeat;
height: 1%;
}
div.moduleS1 div
{
background: url(../images/topleft_light.png) 0 0 no-repeat;
}
div.moduleS1 div div {
background: url(../images/botright_light.png) 100% 100% no-repeat;
}
div.moduleS1 div div div {
background: url(../images/botleft_light.png) 0 100% no-repeat;
padding: 12px 15px 15px 15px;
}
div.moduleS1 div div div div {
background: transparent none;
padding: 0;
}
div.moduleS1 h3 {
margin: 0px 0px 10px 0px;
text-indent: 0px;
border: none;
}
/* S2 */
div.moduleS2
{
margin-bottom: 10px;
background: url(../images/topright_mid.png) 100% 0 no-repeat;
height: 1%;
}
div.moduleS2 div
{
background: url(../images/topleft_mid.png) 0 0 no-repeat;
}
div.moduleS2 div div {
background: url(../images/botright_mid.png) 100% 100% no-repeat;
}
div.moduleS2 div div div {
background: url(../images/botleft_mid.png) 0 100% no-repeat;
padding: 12px 15px 15px 15px;
}
div.moduleS2 div div div div {
background: transparent none;
padding: 0;
}
div.moduleS2 h3 {
margin: 0px 0px 10px 0px;
text-indent: 0px;
border: none;
}
/* S3 */
div.moduleS3
{
margin-bottom: 10px;
background: url(../images/topright_dark.png) 100% 0 no-repeat;
height: 1%;
}
div.moduleS3 div
{
background: url(../images/topleft_dark.png) 0 0 no-repeat;
}
div.moduleS3 div div {
background: url(../images/botright_dark.png) 100% 100% no-repeat;
}
div.moduleS3 div div div {
background: url(../images/botleft_dark.png) 0 100% no-repeat;
padding: 12px 15px 15px 15px;
}
div.moduleS3 div div div div {
background: transparent none;
padding: 0;
}
div.moduleS3 h3 {
margin: 0px 0px 10px 0px;
text-indent: 0px;
border: none;
}
/* BDR */
div.module,div.modulebdr
{
margin-bottom: 10px;
background: url(../images/topright_bdr.png) 100% 0 no-repeat;
height: 1%;
}
div.module div, div.modulebdr div
{
background: url(../images/topleft_bdr.png) 0 0 no-repeat;
}
div.module div div, div.modulebdr div div {
background: url(../images/botright_bdr.png) 100% 100% no-repeat;
}
div.module div div div, div.modulebdr div div div {
background: url(../images/botleft_bdr.png) 0 100% no-repeat;
padding: 12px 15px 15px 15px;
}
div.module div div div div, div.modulebdr div div div div {
background: transparent none;
padding: 0;
}
div.module h3, div.modulebdr h3 {
margin: 0px 0px 10px 0px;
text-indent: 0px;
border: none;
}
/* @end Modules */
/* @group Footer */
#footer #mainlevel ul {
cursor: default;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#footer #mainlevel li {
cursor: default;
display: inline;
line-height: 12px;
list-style-type: none;
margin: 0;
padding: 0 5px;
}
/* @end */
/* @group Joomla Specific Styles */
/* Login Module */
a.forgotpass,a.forgotuser,a.regusr {
padding-left: 18px;
line-height: 18px;
display: block;
}
a.forgotpass {background: url(../images/log_pass.png) no-repeat left center;}
a.forgotuser {background: url(../images/log_user.png) no-repeat left center;}
a.regusr {background: url(../images/log_reg.png) no-repeat left center;}
table.contentpaneopen td.buttonheading,
table.blog table.contentpaneopen td.buttonheading {
padding: 0px;
margin: 0;
}
div.mosimage {
margin: 5px;
}
.pagenav {
padding: 3px 5px 3px 3px;
}
table.contenttoc {
margin: 5px;
padding: 1px;
float: right;
}
table.contenttoc th {
padding: 2px 10px;
}
table.contenttoc td {
font-size: 0.9em;
font-weight: normal;
text-align: left;
padding: 2px 0px 2px 4px;
}
table.contenttoc a {
text-decoration: none;
line-height: 1em;
}
table.contentpaneopen {
margin: 0;
padding: 0;
width: 100%;
}
table.blog table.contentpaneopen td {
padding: 0px 4px;
}
/*Header for table content*/
td.sectiontableheader {
font-weight: bold;
padding: 8px;
}
/*Alternating table rows*/
tr.sectiontableentry1 td,td.sectiontableentry1 {
padding: 6px;
}
tr.sectiontableentry2 td ,td.sectiontableentry2 {
padding: 6px;
}
/* Article Overflow */
div.blog_more {
border-top: 1px solid #e6e6d4;
}
div.blog_more strong {
position: relative;
}
div.blog_more ul li {
list-style: none;
background-image: none;
padding: 0px;
}
div.blog_more ul li a {
text-decoration: none;
display: block;
padding: 4px;
}
div.blog_more ul li a:hover {
text-decoration: none;
}
/* @end */