PDA

Orijinalini görmek için tıklayınız : JSN Epic Temasında içerik fontu büyüklüğü!



Alaca
06-01-2012, 15:41
Temada yazı fontu çok küçük görünüyor. Biraz büyütmek istedim ama template.css de nerden yapıldığını hatırlayamadım. Bir de içerik başlıklarını nasıl kalın font yapabilirim o konuda da yardımcı olursanız memnun olurum.

Selamlar.

Template.css:

/**
* @author JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license GNU/GPL v2 http://www.gnu.org/licenses/gpl-2.0.html
*/
/* ============================== DEFAULT HTML ============================== */
/* =============== DEFAULT HTML - GENERAL STYLES =============== */
html, body {
line-height: 1.5;
margin: 0;
padding: 0;
}
body {
font-size: 75%;
font-family: Arial, Helvetica, sans-serif;
}
/* =============== DEFAULT HTML - TEXT STYLES =============== */
p, pre, blockquote, form, dl, ul, ol, fieldset, address {
margin: 0.35em 0 0.8em 0;
padding: 0;
}
fieldset {
padding: .5em;
}
small {
font-size: .85em;
}
sup {
font-size: .8em;
position: relative;
bottom: 0.3em;
vertical-align: baseline;
}
sup em {
color: red;
}
acronym, abbr {
border-bottom: 1px dashed;
letter-spacing: 1px;
cursor: help;
}
pre {
background: #FFFFD5;
font-family: "Courier New",Courier,monospace;
padding: 1em;
border-left: 5px solid #404040;
}
blockquote {
font-style: italic;
min-height: 45px;
color: #404040;
padding-left: 60px;
background: url(../images/icons/icon-text-blockquote.png) no-repeat top left;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
h1 {
font-size: 1.4em;
color: #000000;
}
h2 {
font-size: 1.3em;
color: #000000;
}
h3 {
font-size: 1.2em;
color: #CC3333;
}
h4 {
font-size: 1.1em;
color: #CC8033;
}
h5, h6 {
font-size: 1em;
font-weight: bold;
color: #333333;
}
h1, h2, h3, h4, h5, h6 {
margin: 0.8em 0 0.3em 0;
}
/* =============== DEFAULT HTML - LINK STYLES =============== */
a {
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
a img {
border: none;
}
/* =============== DEFAULT HTML - LIST STYLES =============== */
ul li {
margin: 0.3em 0 0.3em 1.6em;
padding: 0;
}
ol li {
margin: 0.3em 0 0.3em 2em;
padding: 0;
}
/* =============== DEFAULT HTML - IMAGES STYLES =============== */
img {
border: none;
max-width: 100%;
height: auto;
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - GENERAL LAYOUT =============== */
.clearafter:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
.clearbreak {
clear: both;
}
div.jsn-modulescontainer2 div.jsn-modulecontainer {
float: left;
width: 49.95%;
}
div.jsn-modulescontainer3 div.jsn-modulecontainer {
float: left;
width: 33.3%;
}
div.jsn-modulescontainer4 div.jsn-modulecontainer {
float: left;
width: 24.975%;
}
div.jsn-modulescontainer5 div.jsn-modulecontainer {
float: left;
width: 19.98%;
}
div.jsn-modulescontainer6 div.jsn-modulecontainer {
float: left;
width: 16.65%;
}
div.jsn-modulescontainer {
padding: 10px 5px;
}
div.jsn-modulescontainer div.jsn-modulecontainer_inner {
padding: 5px 10px;
}
div.jsn-modulescontainer2 #jsn-pos-user1,
div.jsn-modulescontainer2 #jsn-pos-user2,
div.jsn-modulescontainer2 #jsn-pos-user3,
div.jsn-modulescontainer2 #jsn-pos-user4,
div.jsn-modulescontainer2 #jsn-pos-user5,
div.jsn-modulescontainer2 #jsn-pos-user6,
div.jsn-modulescontainer2 #jsn-pos-user7 {
float: left;
width: 49.95%;
}
div.jsn-modulescontainer3 #jsn-pos-user5,
div.jsn-modulescontainer3 #jsn-pos-user6,
div.jsn-modulescontainer3 #jsn-pos-user7 {
float: left;
width: 33.3%;
}
#jsn-usermodules1 div.jsn-modulecontainer,
#jsn-usermodules2 div.jsn-modulecontainer,
#jsn-usermodules3 div.jsn-modulecontainer {
float: none;
width: auto;
}
/* =============== LAYOUT - OVERALL PAGE =============== */
#jsn-master {
background: repeat-x fixed left top;
}
#jsn-page {
background-color: #fff;
color: #000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
width: 960px;
margin: 0 auto;
}
/* ----- STICKLEFT / STICKRIGHT ----- */
div[id*=jsn-pos-stick-] {
position: fixed;
}
div[id*=jsn-pos-stick-left] {
left: 0;
}
div[id*=jsn-pos-stick-right] {
right: 0;
}
#jsn-pos-stick-leftmiddle,
#jsn-pos-stick-rightmiddle {
visibility: hidden;
}
#jsn-pos-stick-leftbottom,
#jsn-pos-stick-rightbottom {
bottom: 0;
}
/* =============== LAYOUT - HEADER AREA =============== */
#jsn-header {
position: relative;
overflow: hidden;
}
#jsn-logo a {
line-height: 100%;
display: inline-block;
}
#jsn-headerright {
position: absolute;
top: 23px;
right: 10px;
}
#jsn-headerright #jsn-pos-top {
float: right;
}
#jsn-pos-top form {
margin: 4px 0;
}
#jsn-pos-top div.jsn-modulecontainer {
float: right;
margin-left: 10px;
}
/* =============== LAYOUT - MENU AREA =============== */
#jsn-menu {
background-color: #282828;
color: #f2f2f2;
position: relative;
z-index: 89;
}
#jsn-pos-mainmenu {
float: left;
margin: 3px 0 0 1px;
}
#jsn-pos-toolbar {
float: right;
}
#jsn-pos-toolbar div.jsn-modulecontainer {
float: right;
margin-left: 10px;
}
#jsn-pos-toolbar form {
margin: 0;
}
/* =============== LAYOUT - CONTENT TOP AREA =============== */
#jsn-content-top {
color: #D4D4D4;
padding-top: 3px;
border-bottom: 5px solid #404040;
background: #595959 url(../images/backgrounds/bg-promo.jpg) repeat-x left top;
}
#jsn-content-top h3.jsn-moduletitle {
color: #fff;
}
#jsn-pos-promo-left div.jsn-modulecontainer,
#jsn-pos-promo-right div.jsn-modulecontainer {
padding: 18px 12px;
}
/* =============== LAYOUT - CONTENT AREA =============== */
#jsn-content,
#jsn-content_inner,
#jsn-content_inner1,
#jsn-content_inner2,
#jsn-content_inner3,
#jsn-content_inner4,
#jsn-content_inner5,
#jsn-content_inner6,
#jsn-content_inner7,
#jsn-maincontent,
#jsn-centercol,
#jsn-pos-innerleft,
#jsn-pos-innerright,
#jsn-leftsidecontent,
#jsn-rightsidecontent {
position: relative;
}
#jsn-content {
overflow: hidden;
z-index: 88;
}
div.jsn-hasleft #jsn-content_inner {
background: #E5E5E5 url(../images/backgrounds/bg-leftside.png) right top repeat-y;
}
div.jsn-hasright #jsn-content_inner2 {
background: #E5E5E5 url(../images/backgrounds/bg-rightside.png) left top repeat-y;
}
div.jsn-hasinnerleft #jsn-content_inner4 {
border-right: 1px solid #dedede;
}
div.jsn-hasinnerright #jsn-content_inner6 {
border-left: 1px solid #dedede;
}
#jsn-leftsidecontent,
#jsn-rightsidecontent {
z-index: 87;
}
#jsn-leftsidecontent_inner,
#jsn-rightsidecontent_inner,
#jsn-pos-innerleft_inner,
#jsn-pos-innerright_inner {
padding: 5px;
}
#jsn-leftsidecontent div.jsn-modulecontainer,
#jsn-rightsidecontent div.jsn-modulecontainer,
#jsn-pos-innerleft div.jsn-modulecontainer,
#jsn-pos-innerright div.jsn-modulecontainer {
margin: 8px 10px;
}
#jsn-leftsidecontent div[class*="box-"],
#jsn-leftsidecontent div[class*="richbox-"],
#jsn-rightsidecontent div[class*="box-"],
#jsn-rightsidecontent div[class*="richbox-"],
#jsn-pos-innerleft div[class*="box-"],
#jsn-pos-innerleft div[class*="richbox-"],
#jsn-pos-innerright div[class*="box-"],
#jsn-pos-innerright div[class*="richbox-"] {
margin: 15px 5px;
}
#jsn-leftside-middle.jsn-positionscontainer2 div.jsn-modulecontainer,
#jsn-rightside-middle.jsn-positionscontainer2 div.jsn-modulecontainer {
margin-top: 0;
margin-bottom: 0;
}
#jsn-leftside-middle.jsn-positionscontainer2 div#jsn-pos-left-2,
#jsn-rightside-middle.jsn-positionscontainer2 div#jsn-pos-right {
float: left;
width: 49.95%;
}
#jsn-leftside-middle.jsn-positionscontainer2 div#jsn-pos-left,
#jsn-rightside-middle.jsn-positionscontainer2 div#jsn-pos-right-2 {
float: right;
width: 49.95%;
}
#jsn-centercol_inner {
padding: 0 1px;
}
#jsn-mainbody {
padding: 1.2em;
}
#jsn-pos-breadcrumbs {
padding: 0.6em 1em;
}
#jsn-pos-breadcrumbs,
#jsn-pos-user-top,
#jsn-usermodules1,
#jsn-pos-mainbody-top {
background: url(../images/dot.png) left bottom repeat-x;
}
#jsn-pos-user-bottom,
#jsn-pos-banner,
#jsn-usermodules2,
#jsn-pos-mainbody-bottom {
background: url(../images/dot.png) left top repeat-x;
}
#jsn-usermodules1_inner_grid2,
#jsn-usermodules2_inner_grid2 {
width: 100%;
background: url(../images/dot.png) 50% top repeat-y;
}
#jsn-pos-banner {
text-align: center;
margin: 0 auto;
padding: 20px 0;
}
/* =============== LAYOUT - CONTENT BOTTOM AREA =============== */
#jsn-content-bottom {
border-top: 2px solid #fff;
border-bottom: 6px solid #404040;
background: #d9d9d9 url(../images/backgrounds/bg-usermodules3.png) repeat-x left top;
}
/* =============== LAYOUT - FOOTER AREA =============== */
#jsn-footer {
background-color: #fff;
font-size: 0.9em;
color: #595959;
border-top: 1px solid #b3b3b3;
padding: 5px;
}
#jsn-footer a {
text-decoration: none;
}
#jsn-footer a:hover {
text-decoration: underline;
}
#jsn-pos-bottom {
text-align: right;
}
#jsn-footer.jsn-positionscontainer2 div#jsn-footerleft {
float: left;
width: 49.95%;
}
#jsn-footer.jsn-positionscontainer2 div#jsn-footerright {
float: right;
width: 49.95%;
}
#jsn-footer div.jsn-modulecontainer_inner {
margin: 5px 10px;
}
#jsn-brand {
padding-top: 10px;
}
#jsn-brand a {
display: block;
width: 100px;
height: 20px;
margin: 0 auto;
text-indent: -999px;
overflow: hidden;
background: url(../images/logo-footer-dark.png) left center no-repeat;
}
/* ============================== TYPOGRAPHY ============================== */
/* =============== TYPOGRAPHY - GENERAL TYPOGRAPHY =============== */
.hd {
display: none;
}
/* ----- PREDEFINED CONTENT ALIGN ----- */
.align-left {
float: left;
}
.align-right {
float: right;
}
.margin-right {
margin-left: 0;
margin-right: 1em;
}
.margin-left {
margin-left: 1em;
margin-right: 0;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.content-center {
text-align: center;
}
/* =============== TYPOGRAPHY - CONTENT COLUMMNS =============== */
div.grid-layout2 div.grid-col {
float: left;
width: 49.95%;
}
div.grid-layout3 div.grid-col {
float: left;
width: 33.3%;
}
div.grid-layout4 div.grid-col {
float: left;
width: 24.96%;
}
div.grid-layout5 div.grid-col {
float: left;
width: 19.98%;
}
div.grid-layout6 div.grid-col {
float: left;
width: 16.65%;
}
div.grid-layout div.grid-col div.grid-col_inner {
margin-right: 10px;
}
div.grid-layout div.grid-lastcol div.grid-col_inner {
margin-right: 0;
}
/* =============== TYPOGRAPHY - TEXT STYLES =============== */
.text-box {
padding: .8em;
border: 1px solid #e5e5e5;
}
.text-box-highlight {
padding: .8em;
border: 1px solid transparent;
}
.text-box-highlight:hover {
border-color: #d9d9d9;
background-color: #f2f2f2;
}
.text-highlight {
padding: .2em .5em;
background: #FFFFAA;
}
.text-highlight.highlight-green {
color: #fff;
background: #48691b;
}
.text-highlight.highlight-light {
color: #000;
background: #e5e5e5;
}
.text-highlight.highlight-dark {
color: #fff;
background: #595959;
}
.text-dropcap:first-letter {
color: #404040;
font: 4em/.8em "Times New Roman", Times, serif;
float: left;
}
.text-size-small {
font-size: 0.9em;
}
.text-size-medium {
font-size: 1em;
}
.text-size-large {
font-size: 1.1em;
}
.text-size-xlarge {
font-size: 1.2em;
}
.text-size-xxlarge {
font-size: 1.3em;
}
hr.line-dots {
background: url(../images/dot.png) left center repeat-x;
padding: 0.5em 0;
border: none;
}
hr.line-solid {}
/* ----- ACTION LINK ----- */
.link-action {
font-weight: bold;
padding: 1px 2px;
text-decoration: none;
}
.link-action:hover {
color: #ffffff;
text-decoration: none;
}
/* ----- HIGHLIGHT LINK ----- */
.link-highlight {
color: #595959;
font-weight: bold;
display: block;
padding: 5px;
border: 1px solid transparent;
}
.link-highlight:hover {
color: #000;
border-color: #d9d9d9;
text-decoration: none;
background-color: #f2f2f2;
}
/* ----- TOOLTIPS LINK ----- */
a.link-tooltip {
position: relative;
}
a.link-tooltip:hover {
z-index: 25;
}
a.link-tooltip span {
display: none;
position: absolute;
top: 10px;
left: 10px;
}
a.link-tooltip:hover span {
display: block;
}
/* =============== TYPOGRAPHY - LIST STYLES =============== */
/* ----- ARROW LIST ----- */
ul.list-arrow {
list-style: none;
}
ul.list-arrow li {
margin-left: 0;
padding-left: 16px;
}
ul.list-arrow.arrow-red li {
background: url(../images/icons/icons-arrow.png) no-repeat 0 0;
}
ul.list-arrow.arrow-blue li {
background: url(../images/icons/icons-arrow.png) no-repeat 0 -86px;
}
ul.list-arrow.arrow-green li {
background: url(../images/icons/icons-arrow.png) no-repeat 0 -172px;
}
/* =============== TYPOGRAPHY - IMAGES STYLES =============== */
img.image-left {
float: left;
margin: 0.5em 1em 0.5em 0;
}
img.image-right {
float: right;
margin: 0.5em 0.5em 0.5em 1em;
}
img.image-border {
padding: 3px;
border: 1px solid #e5e5e5;
}
img.image-margin {
margin: .5em;
}
/* ============================== MENU ============================== */
/* =============== MENU - GENERAL =============== */
/* ----- RICH MENU STYLE ----- */
.jsn-menutitle,
.jsn-menudescription {
display: block;
}
.jsn-menudescription {
color: #B8B8B8;
font-size: 0.9em;
font-weight: normal;
}
/* =============== MENU - MAIN MENU =============== */
/* ----- GENERAL ----- */
div.jsn-modulecontainer ul.menu-mainmenu {
margin: 0;
padding: 0;
clear: both;
}
div.jsn-modulecontainer ul.menu-mainmenu li {
margin: 0;
padding: 0;
float: left;
position: relative;
list-style-type: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li {
border-right: 1px solid #404040;
}
div.jsn-modulecontainer ul.menu-mainmenu li a {
display: block;
color: #CCC;
cursor: pointer;
padding: 5px 10px;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > a {
padding: 6px 1em;
font-weight: bold;
border-right: 1px solid #000;
}
div.jsn-modulecontainer ul.menu-mainmenu li > a > span {
display: block;
}
/* ----- RICH MENU STYLE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li a span.jsn-menudescription {
display: none;
}
div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu li a span.jsn-menudescription {
display: block;
padding-top: 2px;
}
/* ----- 1st LEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul {
margin: 0;
padding: 0;
width: 185px;
left: -999em;
position: absolute;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li {
width: 185px;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a {
font-size: 0.9em;
}
div.jsn-modulecontainer ul.menu-mainmenu ul ul {
top: 0;
margin-left: 184px;
}
/* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a {
padding-right: 16px;
background: url(../images/icons/icons-arrow.png) no-repeat right -338px;
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li:hover > a,
div.jsn-modulecontainer ul.menu-mainmenu li.sfhover > a {
color: #fff;
text-decoration: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a,
div.jsn-modulecontainer ul.menu-mainmenu > li.sfhover > a {
background-color: #404040;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li.active > a {
color: #fff;
font-weight: bold;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
background-color: #404040;
}
/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */
div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul,
div.jsn-modulecontainer ul.menu-mainmenu li.sfhover > ul {
left: auto;
right: auto;
}
/* =============== MENU - TREE MENU =============== */
/* ----- GENERAL ----- */
div.jsn-modulecontainer ul.menu-treemenu,
div.jsn-modulecontainer ul.menu-treemenu ul {
margin: 0;
padding: 0;
list-style: none;
}
div.jsn-modulecontainer ul.menu-treemenu {
border-top: 1px dotted #b3b3b3;
}
div.jsn-modulecontainer ul.menu-treemenu li {
margin: 0;
padding: 0;
position: relative;
}
div.jsn-modulecontainer ul.menu-treemenu > li {
border-bottom: 1px dotted #b3b3b3;
}
div.jsn-modulecontainer ul.menu-treemenu li a {
padding: 5px;
display: block;
color: #404040;
cursor: pointer;
text-decoration: none;
}
div.box-grey ul.menu-treemenu li a,
div[class*="richbox-"] ul.menu-treemenu li a {
color: #d9d9d9;
}
ul.menu-treemenu li a span {
display: block;
}
ul.menu-treemenu li > a > span {
padding-left: 16px;
background: url(../images/icons/icons-base.png) left -343px no-repeat;
}
/* ----- RICH MENU STYLE ----- */
div.jsn-modulecontainer ul.menu-treemenu li a span.jsn-menudescription {
display: none;
}
div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {
color: #595959;
display: block;
}
div.box-grey ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription,
div[class*="richbox-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {
color: #B8B8B8;
}
/* ---------- 1st LEVEL ---------- */
div.jsn-modulecontainer ul.menu-treemenu ul li {
margin-left: 1em;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-treemenu li.active > a {
font-weight: bold;
}
/* ----- CURRENT / HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-treemenu li a:hover,
div.jsn-modulecontainer ul.menu-treemenu li a.current {
color: #000000;
background-color: #d9d9d9;
}
div.box-yellow ul.menu-treemenu li a:hover,
div.box-yellow ul.menu-treemenu li a.current {
background-color: #f5f5d4;
}
div.box-grey ul.menu-treemenu li a:hover,
div.box-grey ul.menu-treemenu li a.current,
div.richbox-1 ul.menu-treemenu li a:hover,
div.richbox-1 ul.menu-treemenu li a.current {
color: #fff;
background-color: #474747;
}
div.richbox-2 ul.menu-treemenu li a:hover,
div.richbox-2 ul.menu-treemenu li a.current {
color: #fff;
}
/* =============== MENU - DIV MENU =============== */
ul.menu-divmenu {
margin: 0;
padding: 0;
float: left;
list-style: none;
}
ul.menu-divmenu:after {
height: 0;
clear: both;
content: ".";
display: block;
visibility: hidden;
}
ul.menu-divmenu li {
margin: 0;
padding: 0 0.8em;
float: left;
display: inline;
border-right: 1px solid #666666;
}
ul.menu-divmenu li.last {
border-right-width: 0;
}
/* =============== MENU - TOP MENU =============== */
ul.menu-topmenu {
margin: 5px 0;
padding: 0;
list-style: none;
}
ul.menu-topmenu li {
display: inline-block;
margin: 0;
padding: 0 5px;
}
ul.menu-topmenu li a {
color: #000000;
padding: 0;
display: block;
}
ul.menu-topmenu li a:hover {
text-decoration: underline;
}
ul.menu-topmenu li a span {
display: block;
line-height: 16px;
}
/* ============================== MODULE STYLES ============================== */
h3.jsn-moduletitle {
margin: 0;
padding-bottom: 3px;
color: #000;
font-size: 1.1em;
}
h3.jsn-moduletitle span {
display: block;
}
h3.jsn-moduletitle span.jsn-moduleicon {
line-height: 16px;
}
/* =============== MODULE STYLES - MODULE BOXES =============== */
/* ----- GENERAL MODULE STYLES ----- */
div[class*="box-"] div.jsn-modulecontainer_inner > div,
div[class*="richbox-"] div.jsn-modulecontainer_inner > div {
margin: 5px;
padding: 10px 10px 15px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 4px #777;
-moz-box-shadow: 0px 0px 4px #777;
-webkit-box-shadow: 0px 0px 4px #777;
}
/* ----- BOX YELLOW STYLE ----- */
div.box-yellow div.jsn-modulecontainer_inner > div {
background: #FEFEF5 url(../images/module-styles/box-yellow.png) left bottom repeat-x;
}
/* ----- BOX GREY STYLE ----- */
div.box-grey div.jsn-modulecontainer_inner > div {
background: #323232 url(../images/module-styles/box-grey.png) left bottom repeat-x;
}
/* ----- RICHBOX STYLE ----- */
div.richbox-1 div.jsn-modulecontainer_inner > div {
background: #323232 url(../images/module-styles/richbox-1.png) left bottom repeat-x;
}
/* ----- CUSTOM BOX STYLE IN SPECIFIC POSITION ----- */
#jsn-content-top div[class*="box-"],
#jsn-content-top div[class*="richbox-"],
#jsn-content-top div[class*="box-"] h3.jsn-moduletitle,
#jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle {
color: #000;
}
div.box-grey,
div[class*="richbox-"],
#jsn-content-top div.box-grey,
#jsn-content-top div[class*="richbox-"] {
color: #d4d4d4;
}
div.box-grey h3.jsn-moduletitle,
div[class*="richbox-"] h3.jsn-moduletitle,
#jsn-content-top div.box-grey h3.jsn-moduletitle,
#jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle {
color: #FFF;
}
/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
/* =============== PAGEBREAK - TABS STYLE =============== */
dl.tabs {
float: left;
margin-bottom: -1px;
}
dl.tabs dt.tabs {
float: left;
margin-left: 3px;
padding: 4px 10px;
background-color: #F0F0F0;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
dl.tabs dt:hover {
background-color: #F9F9F9;
}
dl.tabs dt.open {
background-color: #FFF;
border-bottom: 1px solid #FFF;
}
dl.tabs dt.tabs h3 {
margin: 0;
font-size: 1.1em;
}
dl.tabs dt.tabs h3 a {
color: #666;
font-weight: normal;
}
dl.tabs dt.open h3 a,
dl.tabs dt.tabs h3 a:hover {
color: #000;
text-decoration: none;
}
dl.tabs dt.open h3 a {
font-weight: bold;
}
div.current dd.tabs {
margin: 0;
padding: 10px;
clear: both;
border: 1px solid #CCC;
background-color: #FFF;
}
/* =============== PAGEBREAK - SLIDERS STYLE =============== */
div.pane-sliders div.panel {
margin-top: -1px;
background-color: #F0F0F0;
border-bottom: 1px solid #CCC;
}
div.pane-sliders div.panel h3.title {
margin: 0;
font-size: 1.1em;
padding: 4px 10px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
div.pane-sliders div.panel h3.pane-toggler-down {
border-bottom: 1px solid #CCC;
}
div.pane-sliders div.panel h3.title a {
color: #666;
font-weight: normal;
}
div.pane-sliders div.panel h3.pane-toggler-down a {
font-weight: bold;
}
div.pane-sliders div.panel h3.title a:hover,
div.pane-sliders div.panel h3.pane-toggler-down a {
color: #000;
text-decoration: none;
}
div.pane-sliders div.panel div.pane-slider {
padding: 4px 10px;
background-color: #FFF;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
/* =============== JOOMLA! EXTENSIONS - GENERAL =============== */
/* ----- HEADING ----- */
.contentheading,
.componentheading,
.subheading {
font-size: 1.4em;
margin-top: 0;
font-weight: normal;
}
table.contentpaneopen {
width: 100%;
}
/* ----- FORM ----- */
.jsn-formbuttons {
text-align: center;
padding-top: .45em;
}
table.paramlist td {
padding: .3em;
}
table.paramlist td.paramlist_key {
width: 150px;
}
/* ----- TOOLTIPS ----- */
.tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
z-index: 88;
}
.tip-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tip-text {
font-size: 100%;
margin: 0;
}
/* ----- POP-UP / PRINT WINDOWS ----- */
body.contentpane {
color: #000000;
background: #FFFFFF;
}
body.contentpane div.com-content {
padding: 1em;
}
/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */
/* ----- ARTICLE METADATA ----- */
.jsn-article-metadata {
margin: 0.3em 0;
}
/* ----- ARTICLE TOOLBAR ----- */
.jsn-article-toolbar {
margin-bottom: .6em;
background-color: #f4f4f4;
position: relative;
min-height: 28px;
}
.jsn-article-toolbar dl {
padding: 5px;
}
#article-index {
background-color: #F2F2F2;
border: 1px solid #D9D9D9;
float: right;
margin: 0 0 1em 1em;
}
#article-index ul {
margin: 0;
list-style-type: none;
}
#article-index ul li {
margin: 0;
padding: 0.25em 0.6em;
}
/* ----- ARTICLE INFO ----- */
.jsn-article-info {
padding: 0.3em 0.6em;
}
.author,
.createdate,
.publishdate,
.hits {
margin: 5px 0;
color: #595959;
font-size: 0.9em;
}
.author,
.createdate,
.publishdate {
padding-left: 22px;
}
.author {
background: url(../images/icons/icons-base.png) no-repeat 0 0;
}
.createdate,
.publishdate {
background: url(../images/icons/icons-base.png) no-repeat 0 -86px;
}
.modifydate {
margin: 1em 0;
text-align: right;
color: #999999;
font-style: italic;
}
/* ----- 2 BUTTON PRINT, EMAIL CONTAINER ----- */
ul.jsn-article-tools {
float: right;
margin: 0;
padding: 6px;
list-style: none;
}
ul.jsn-article-tools li {
margin: 0 0 0 10px;
float: left;
}
ul.jsn-article-tools li a {
float: left;
display: block;
height: 16px;
width: 16px;
background: url(../images/icons/icons-base.png) left top no-repeat;
}
ul.jsn-article-tools li a.no-icon {
background: none;
width: auto;
height: auto;
}
ul.jsn-article-tools li.jsn-article-icon-edit a {
background: none;
}
ul.jsn-article-tools li a.jsn-article-print-button {
background-position: 0 -430px;
}
ul.jsn-article-tools li a.jsn-article-email-button {
background-position: 0 -516px;
}
ul.jsn-article-tools li a:hover {
text-decoration: none;
}
.jsn-article-submit {
margin-top: 0.8em;
}
.item-title-entry .icon-edit {
display: inline-block;
}
/* ----- SUBMIT AN ARTICLE ----- */
.field-title {
width: 120px;
float: left;
}
.formelm, .formelm-area {
margin: 5px 0;
clear: both;
}
/* ----- READ MORE ----- */
a.readon {
padding: 3px 6px;
color: #404040;
border: 1px solid #e5e5e5;
background: #F4F4F4;
display: inline-block;
}
a.readon:hover {
background-color: #e5e5e5;
text-decoration: none;
}
/* ----- TABLE OF CONTENT ----- */
table.contenttoc {
margin: 0 0 1em 1em;
border: 1px solid #D9D9D9;
background: #f2f2f2;
float: right;
}
table.contenttoc th {
padding: .4em;
background: url(../images/dot.png) bottom repeat-x;
font-weight: bold;
text-align: center;
}
table.contenttoc td {
padding: .25em .6em;
}
/* PAGE LINK IN TOC */
a.toclink {
font-size: .9em;
}
/* PAGE NUMBER SHOWING "PAGE 1 OF ..." UNDER TOC */
div.pagenavcounter {
color: #595959;
margin: .5em 0;
font-size: .9em;
font-weight: bold;
}
/* PAGE NAVIGATION */
div.pagenavbar div {
color: #999999;
font-weight: bold;
font-size: .9em;
}
/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */
/* SEPARATOR BETWEEN ARTICLES */
span.article_separator {
display: block;
height: 0.5em;
}
span.row-separator {
display: block;
clear: both;
}
/* ARTICLE COLUMN CONTAINER */
.jsn-articlecols {
float: left;
}
.jsn-articlecols .jsn-article {
padding: 0 5px;
}
/* "MORE ARTICLES..." PANEL HEADING TEXT */
div.blog_more {
background-color: #F4F4F4;
border: 1px solid #e5e5e5;
padding: 0.2em 1em;
margin: 0 0 1em 0;
}
/* PAGE PAGINATION */
ul.pagenav,
div.pagination ul {
list-style-type: none;
}
ul.pagenav {
text-align: center;
}
ul.pagenav li,
div.pagination ul li {
color: #999;
margin: 0;
display: inline;
font-weight: bold;
}
div.pagination ul li {
font-size: 0.9em;
}
ul.pagenav li a,
div.pagination ul li a {
margin: 0 15px;
}
ul.jsn-pagination {
list-style-type: none;
text-transform: uppercase;
}
ul.jsn-pagination li {
display: inline;
margin: 0;
}
ul.jsn-pagination li a,
ul.jsn-pagination li span {
font-weight: bold;
padding: 3px 8px;
border: 1px solid #CCC;
background-color: #EAEAEA;
color: #999;
}
ul.jsn-pagination li a:hover {
color: #000;
text-decoration: none;
}
ul.jsn-pagination li.navigation-page span {
border: none;
padding: 4px 9px;
color: #fff;
}
ul.jsn-pagination,
p.jsn-pageinfo {
font-size: 0.9em;
text-align: center;
margin: 10px 0 0 0;
padding-bottom: 10px;
}
/* BLOG PAGES NAV LINK */
a.pagenav {
text-transform: uppercase;
}
/* ----- CATEGORY LIST LAYOUT ----- */
/* DESCRIPTION IN CONTENT TABLE AND COMPONENT PAGE */
.contentdescription {
padding: .5em 0;
}
/* TABLE IN CATEGORY TABLE PAGE */
.sectiontableheader {
padding: 5px 8px;
font-weight: bold;
font-size: 1.1em;
color: #FFFFFF;
}
.sectiontableheader img {
margin: 0;
vertical-align: text-top;
}
.sectiontableheader a {
color: #ffffff;
text-decoration: underline;
}
.sectiontableheader a:hover {
text-decoration: none;
}
/* TABLE FILTER */
.jsn-infofilter {
padding: 0.6em 0;
text-align: right;
}
.jsn-titlefilter {
float: left;
}
.archived-article-list .jsn-infofilter {
text-align: left;
}
/* TABLE'S ROW 1 */
tr.sectiontableentry1 td {
padding: 5px 8px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
/* TABLE'S ROW 2 */
tr.sectiontableentry2 td {
padding: 5px 8px;
}
/* ----- SECTION LAYOUT ----- */
/* LINKS IN SECTION TABLE PAGE */
a.category {
font-weight: bold;
}
/* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */
div.contact-email div {
margin: 10px 0;
}
div.contact-email div div {
margin: 0;
}
/* ----- STANDARD CONTACT LAYOUT - CONTACT FORM INPUT BOXES ----- */
input#contact_name,
input#contact_email,
input#contact_subject,
#contact_text {
display: block;
}
/* ----- STANDARD CONTACT LAYOUT ----- */
.com-contact #contact-slider h3.title {
padding: 5px;
margin: 5px 0;
border: 1px solid #CCC;
background-color: #F4F4F4;
}
.com-contact #contact-slider h3.title a {
color: #999;
font-size: 12px;
text-decoration: none;
}
.com-contact #contact-slider h3.pane-toggler-down a {
color: #000;
}
.com-contact #contact-slider .pane-slider {
padding: 0 10px;
}
.contact-form #contact-form fieldset {
padding: 0 10px;
}
.contact-form #contact-form dt {
margin: 10px 0 5px 0;
}
.contact-form #contact-form dd {
margin-left: 0;
}
.contact-address .jicons-icons {
float: left;
}
.contact-address .address span {
display: block;
padding: 0 0 2px 22px;
}
/* ----- STANDARD CONTACT LAYOUT - CONTACT FORM INPUT BOXES ----- */
.form-required {
color: #EF593B;
font-weight: bold;
text-align: right;
}
input#contact-formname,
input#contact-email,
input#contact-subject,
#contact-text {
display: block;
}
/* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */
div.com-search #searchForm .search-phrase {
margin-left: 95px;
}
div.com-search #searchForm .search-range input,
div.com-search #searchForm .search-phrase input {
margin: 0 0 0 5px;
}
div.com-search #searchForm .search-range label,
div.com-search #searchForm .search-phrase label,
div.com-search #searchForm .search-keyword label,
div.com-search #searchForm .search-ordering label,
div.com-search #searchForm .search-field-title {
display: inline-block;
text-align: right;
width: 100px;
line-height: 21px;
padding-right: 3px;
}
div.com-search #searchForm .search-range label,
div.com-search #searchForm .search-phrase label {
width: auto;
}
div.com-search #searchForm .search-ordering select {
padding: 2px 0;
}
div.com-search #searchForm .search-range label {
line-height: 21px;
}
/* ----- KEYWORD GIGHLIGHT IN SEARCH RESULT ----- */
span.highlight {
padding: .2em;
background: #FFFFAA;
}
/* =============== JOOMLA! EXTENSIONS - COM_WEBLINK =============== */
table.jsn-infotable .description p {
margin: 0;
}
table.jsn-infotable ul.actions {
display: inline;
}
table.jsn-infotable ul.actions li {
display: inline;
margin: 0 0 0 5px;
}
#editor-xtd-buttons {
float: left;
}
/* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */
div.com-newsfeed td.jsn-table-column-name {
font-weight: bold;
}
/* =============== JOOMLA! EXTENSIONS - COM_USER =============== */
/* ----- USER FORM LAYOUT ----- */
div.com-user table.jsn-formtable label {
display: block;
width: 150px;
}
table .paramlist_key {
width: 130px;
}
/* ----- REGISTER FORM ----- */
.jsn-formRow {
margin: 8px 0;
}
.jsn-formRow .jsn-formRow-lable {
float: left;
width: 170px;
}
/* =============== JOOMLA! EXTENSIONS - POPUP COMPONENT =============== */
#jsn-content-popup .com-content,
#jsn-content-popup #mailto-window {
max-width: 1018px;
margin: 1em auto;
}
#jsn-content-popup .com-content {
padding-top: 0;
}
#mailto-window {
background: #f5f5f5;
padding: 15px;
border: solid 1px #ddd;
position: relative;
}
#mailto-window h2 {
font: bold 1.2em "Times New Roman", Times, serif;
margin: 0 0 10px;
padding: 3px 0;
}
#mailto-window label {
width: 8em;
display: inline-block;
}
#mailto-window .mailto-close {
position: absolute;
right: 0;
top: 5px;
background: none;
}
#mailto-window .mailto-close a {
background: url(../images/icons/icon-close.png) no-repeat 0 0;
min-width: 25px;
display: block;
min-height: 25px;
overflow: visible
}
#mailto-window .mailto-close a span {
position: absolute;
left: -3000px;
top: -3000px;
display: inline
}
#mailto-window .inputbox {
background: #FFF url(../images/backgrounds/popup-bg.png) repeat-x 0 0;
border: 1px solid #ccc;
padding: 3px;
}
#mailto-window p {
margin: 20px 0 8px 0;
}
#mailto-window button {
cursor: pointer;
font: bold 1em "Times New Roman", Times, serif;
margin:0 5px 0 0;
padding: 3px 10px;
border: 1px solid #ccc;
background: #fff;
}
#mailto-window .formelm,
#mailto-window .formelm-area {
clear: both;
margin: 5px 0;
}
/* =============== JOOMLA! EXTENSIONS - SYSTEM MESSAGES =============== */
/* ----- SYSTEM STANDARD MESSAGES ----- */
#system-message {
margin-bottom: 20px;
}
#system-message dd.message ul {
text-indent: 0;
padding-left: 40px;
background: #c3d2e5 url(../../../media/system/images/notice-info.png) 4px center no-repeat;
}
#system-message ul li {
margin-left: 0;
}
/* ----- SYSTEM ERROR MESSAGES ----- */
#system-message dd.error ul {
background: #e6c0c0 url(../../../media/system/images/notice-alert.png) 4px center no-repeat;
}
/* ----- SYSTEM NOTICE MESSAGES ----- */
#system-message dd.notice ul {
border-top: 3px solid #f0dc7e;
border-bottom: 3px solid #f0dc7e;
color: #cc0000;
background: #efe7b8 url(../../../media/system/images/notice-note.png) 4px center no-repeat;
}
/* =============== JOOMLA! EXTENSIONS - MOD_BREADCRUMB =============== */
span.breadcrumbs {
font-size: 0.9em;
display: block;
}
span.breadcrumbs a,
span.breadcrumbs span {
color: #404040;
background: url(../images/icons/icons-arrow.png) right -258px no-repeat;
padding-right: 18px;
text-decoration: none;
}
span.breadcrumbs a:hover {
text-decoration: underline;
}
span.breadcrumbs span.current {
color: #404040;
font-weight: bold;
background: none;
}
/* =============== JOOMLA! EXTENSIONS - MOD_LOGIN =============== */
#form-login fieldset.input {
border: none;
padding: 0;
}
#form-login div.button-wrapper {
text-align: center;
margin-top: 0.5em;
}
#form-login #form-login-username,
#form-login #form-login-password,
#form-login #form-login-remember {
margin: 0 0 6px 0;
}
/* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */
#jsn-pos-top div.search {
float: right;
}
#jsn-pos-top div.search input#mod-search-searchword {
background: #FFF url(../images/icons/icons-base.png) no-repeat 5px -170px;
padding: 2px 0 2px 25px;
}
/* =============== JOOMLA! EXTENSIONS - MOD_NEWSFLASH =============== */
.jsn-mod-newsflash.jsn-horizontal-container .jsn-article {
padding: 0 1em;
}
.jsn-mod-newsflash .contentheading{
margin: 0 0 0.3em 0;
}
.jsn-mod-newsflash .article-separator{
display: block;
height: 0.5em;
}
/* ============================== JOOMLA 1.7 CORE COMPONENT LAYOUT ============================== */
.article-info {
font-size: 0.9em;
margin: 10px 0 10px 0;
}
.article-info-term {
display: none;
}
.archive .article-info dd, .article-info dd {
line-height: 1.5;
margin: 2px 0 0;
}
.categories-list ul {
list-style-type: none;
}
.cat-children ul dl dt,
.cat-children ul dl dd,
dl.article-count dt,
dl.article-count dd {
display: inline;
}
.login-fields {
margin: 10px 0;
}
.login-fields label {
float: left;
width: 9em;
}

Akar
06-01-2012, 15:44
body içindeki font-size %75 verilmiş ama sizin için küçük olan genel yazı tipi mi ya da burada tanımlanan genel font sitenin sizin dediğiniz yerlerinde gözüken mi bilmiyorum. Her zamanki gibi adres verip yer göstersek daha iyi olur. Kesin bir şey demek daha mümkün olur.

Alaca
06-01-2012, 16:13
Hocam içerikteki yazılar küçük görünüyor. Onları 14px gibi yapmak istiyorum. %75 olan kısımla oynama yaptım ama değişen birşey olmadı. Şu an localde çalıştığım için link veremiyorum.

Akar
06-01-2012, 16:31
Neticede bütün font-size değerlerini denemeniz lazım...kaç yerde tanımlandıysa. Bu benim dediğim ana karakter boyutu ama temanın belki hiç bir yerinde bunu kullanmamış da olabilirler. Firebug öneriyorum her zamanki gibi. Firebug ile bakıp tam yerini tesbit edebilirsiniz. Firebug kurulmunuz yoksa Chrome ile siteyi açın, Araçlar > Geliştirici Araçlarına tıklayın. Alttan bir akran açılacak, onun alt solunda büyüteç simgesine tıklayıp sonra öğrenmek istediğiniz yere tıklayın, detayları versin.

Alaca
06-01-2012, 18:03
Baktım ama bulamadım. Buradaki demo kısmından anlaşılabilir mi?

Home (http://demo.joomlashine.com/joomla-templates/jsn_epic/)

soranadam
06-01-2012, 19:40
body.jsn-textstyle-business.jsn-textsize-medium {
font-size: 75%;
}böyle gözüküyor, değşitirince değişiyor ff 7 ile bakıyorum.

Alaca
07-01-2012, 02:57
Dediklerinizi denedim ama olmuyor. Nerden değişebilir bu font büyüklüğü başka?

Akar
07-01-2012, 08:35
Ben de baktım aynı şeyi gördüm Alaca. Ben değiştirebiliyorum tarayıcı üzerinden. Bir de kurarak doğrudan değiştirmeyi deneyeceğim.

Alaca
07-01-2012, 21:53
Bekliyorum hocam. Ben denemeye devam ediyorum ama olmuyor ne hikmetse.

mhusty
07-01-2012, 22:01
body.jsn-textstyle-business.jsn-textsize-medium {
font-size: 75%;
}böyle gözüküyor, değşitirince değişiyor ff 7 ile bakıyorum.

abi tema ayarlarından değişebiliyor olmasın ? çünkü yukardaki kodlar bir css dosyasının içinde değil php içine gömülmüş değişken bir koda benziyor admin panelinden bir tema ayarlarına bir bak derim

Akar
07-01-2012, 22:04
abi tema ayarlarından değişebiliyor olmasın ? çünkü yukardaki kodlar bir css dosyasının içinde değil php içine gömülmüş değişken bir koda benziyor admin panelinden bir tema ayarlarına bir bak derimMuhtemeldir. Ben henüz detaylı bakamadım.

Alaca
07-01-2012, 22:07
Tema ayarlarında şu resimdekiler var ama bunlarda sanırım modüllerin genişlikleriyle ilgili.

http://s1.directupload.net/images/120107/idqs4mjb.png

mhusty
07-01-2012, 22:23
temayı indirdim inceledim sanırım font ayarlamaları temanın pro sürümünde var birde template.css dosyasındaki body tagındaki font-size:75%; kodunu değiştirip deneyin... Temanın içinden elements klasöründe jsntext.php dosyası içindede bir takım kodlar var buraya müdahele edileerekte yapılabilinir diye düşünüyorum

kerimsarigul
07-01-2012, 22:33
Evet arkadaşın dediği gibi temanın pro versiyonunda font ayarları var. Ücretsiz versiyonunda ayarlar aktif değil. Doalyısıyla ya pro satın alacaksınız ya da css kodları ile oynayacaksınız...

Alaca
07-01-2012, 22:35
Css ayarları ile mutlaka yapılabiliyordur. Onu çözmemiz lazım.

mhusty
07-01-2012, 22:37
Css ayarları ile mutlaka yapılabiliyordur. Onu çözmemiz lazım.

abi css kodlarını inceledim ama yok bir fonksiyon ile ayarlanabiliyor fontlar ben öyle gördüm zaten topu topu 4 tane css dosyası var ve hepsinde fazla kod bile yok yinede çözüm bulan arkadaşlar olur inşeAllah

Alaca
09-01-2012, 01:36
Tema üzerine çok emek verdim. Daha doğrusu verdik. :)

Şimdi font yüzünden değiştirmek zorunda kalmayayım. :(

Alaca
15-01-2012, 01:38
Css dosyasında:

#jsn-page {
background-color: #f1efe5;
color: #000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
width: 960px;
margin: 0 auto;

Bu kısma font-size: 14px; eklediğimde içerik fontu büyüyor. Ama bunla beraber yan menülerden tutun diğer tüm yazılar büyüyor. Sadece içerik yazılarının büyümesi için ne yapmak gerekiyor?

Ümit
15-01-2012, 03:53
templates/jsn_epic_free/includes/jsn_config.php

32. satır

'size-medium' => '75%'

75% değerini değiştirirseniz sorununuz çözülecektir.

Alaca
15-01-2012, 14:34
templates/jsn_epic_free/includes/jsn_config.php

32. satır

'size-medium' => '75%'

75% değerini değiştirirseniz sorununuz çözülecektir.


Hocam bu da bir önceki mesajımda belirttiğim gibi, sitede ne kadar yazı varsa hepsini büyütüyor. Düzen bozuluyor. Sadece içerik yazısını değiştiren kodu nasıl buluruz?