burak sanl? - 2013-03-01 02:04 GMT -
?ncelikle merhaba,
Senator temas? web sayfas?nda %100 boyutla g?z?k?yor yani sayfay? kapl?yor ben bunun yerine daha k???k bir ?ekilde sa?da veya ortalanm?? ?ekilde olsun istiyorum bunun i?in css'de nereyi d?zenlemem laz?m:
?ncelikle merhaba,
Senator temas? web sayfas?nda %100 boyutla g?z?k?yor yani sayfay? kapl?yor ben bunun yerine daha k???k bir ?ekilde sa?da veya ortalanm?? ?ekilde olsun istiyorum bunun i?in css'de nereyi d?zenlemem laz?m:
:
ss]* {
padding: 0;
margin: 0;
}
html {
height: 100%;
}
td, body {
font-family: Verdana, Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
}
body {
padding: 0px; margin: 0px;
background-color: #FFFFFF;
font-size:12px;
line-height: 1.5; height:100%;
color:#666;
}
a { color: #91061a; text-decoration: none; font-size:1.0em; line-height:1.5em; }
a:hover { color:#000; text-decoration: none; border-bottom:1px solid #000; }
.time { padding-top:0.6em; padding-bottom:0.6em; margin:0; color:#666; }
p, .pagetext {
margin:1em 0;
text-align: left;
color: #666;
font-family: Tahoma, "Georgia", "Times New Roman", "Times", "serif";
font-size:1.1em;
}
.pagetext a { color: #91061a; text-decoration: none; border-bottom:1px dotted #91061a; font-size:1.0em; line-height:1.5em; }
.pagetext a:hover {color: #000; border-bottom:1px solid #000; }
.pagetext a:visited {color: #91061a; border-bottom: none;}
.pagetext a.thickbox { border
ne; }
/*
Thickbox IMAGES
---------------*/
a.thickbox:link img, a.thickbox:active img, a.thickbox:visited img, .imglist img, .pagetext img {
margin: 0px;
border: 4px solid #1c2e49;
filter: alpha(opacity=60);
-moz-opacity: .6;
opacity: .6;
text-decoration
ne;
}
a.thickbox:hover img, .imglist img:hover, .listbox:hover img {
border: 4px solid #91061a;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
* html .pagetext img {filter: alpha(opacity=100);}
img { border
ne; border-bottom:0px; margin:0px; text-decoration
ne; padding:0; }
/*
HEADER
----------------------------------------*/
.header { background:#2E4A60 url('../../img/header1.png') repeat-x; height:152px; position:relative; }
#name {
display: block;
width:600px;
height:154px;
position: relative;
top:0px;
left:20px;
background: url('../../img/name.png') no-repeat;
z-index:11;
cursor
ointer; color:#fff;
text-indent:-9999px;
border
ne;
text-decoration
ne;
}
.title { margin:0px; padding: 0px 15px; background:#2E4A60 url('../../img/title1.png') repeat-x; height:71px; }
/*
MAIN TITLE
------------*/
h1, h2, h3, h4, h5, h6, .listbox h2 {
font-family: Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
font-weight: normal;
margin: 0;
padding:0;
/*text-align:left;*/
}
h1 {
font-size: 2em;
text-transform: uppercase;
padding: 17px 0 0 5px;
line-height: 1.2;
color:#fff;
}
h1 a, h1 a:hover, h1 a:visited {
color:#fff;
text-decoration
ne;
border: none;
line-height: 1.2;
}
/*
NEWS TITLE
------------*/
h2 {
font-size: 1.7em;
text-transform: uppercase;
letter-spacing: -1px;
line-height: -0.6;
color: #000;
}
/*
PAGE PARAGRAPH
---------------------*/
h3 {
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: -1px;
color: #000;
line-height: 0.6;
}
h3 a { text-decoration: none; border-bottom: 1px dotted #91061a; color:#91061a; }
h3 a:hover { text-decoration: none; border-bottom: 1px solid #000; color:#000; }
/*
SYSTEM TITLE
------------------*/
h4 {
font-size: 1.5em;
color:#000;
letter-spacing: -1px;
padding:10px 0px;
}
/*
POD TITLE
------------------*/
h5 {
font-size: 1.2em;
font-weight: bold;
color: #000;
}
/*
Bread Crumb
--------------*/
h6 {
font-family: Verdana, Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
font-size: 1.1em;
color:#999;
padding:0;
}
h6 a { border-bottom: 1px solid #91061a; }
h6 a:hover { color:#000; border-bottom: 1px solid #000; }
/*
STRUCTURE
---------------------------------------*/
#wrapper1 { /*-- sets background to white and creates full length leftcol--*/
position:relative;
text-align:left;
width:100%;
background: url('../../img/back3.png') repeat-y top left;
}
#wrapper2 {
position:relative;
text-align:left;
width:100%;
background
ne;
}
#maincol {
position:relative;
margin:0;
padding:10px;
}
#leftcol {
position:relative;
top:-10px;
left:-10px;
float:left;
width:260px; /* for IE5/WIN */
voice-family: "\"}\"";
voice-family:inherit;
width:262px; /* actual value */
margin:0 0 -10px 0;
padding:0px;
z-index:5;
}
#rightcol {
position:relative;
top:-10px;
right:-10px;
float:right;
width:270px; /* for IE5/WIN */
voice-family: "\"}\"";
voice-family:inherit;
width:250px; /* actual value */
margin:0 0 -10px 0;
padding:5px;
background
ne;
z-index:4;
}
#centercol {
position:relative;
padding:0px;
margin:-10px 250px 0px 275px;
}
#centercol2 {
position:relative;
padding:0px;
margin:4px 10px 0px 275px;
}
#centercol3 {
position:relative;
padding:0px;
margin:4px 20px 0px 20px;
}
.polls {
width: 550px;
min-height:500px;
margin: 0 auto;
position:relative;
padding:20px; border:1px #C1CDDB solid; background: #F2F5F9;
}
/*
OLD STRUCTURE
--------------------------------------------*/
.cont { padding: 10px; color: #444455; }
#main { /*padding:10px; margin:0; vertical-align:top; border:1px solid #EAEAEA; /*background-color: #F8F8F8;*/ }
.block { padding:20px; margin: 15px 0px; border:1px #C1CDDB solid; background: #F2F5F9; }
/*
COMMENTS
--------------------------------------------*/
.comments { position:relative; padding:20px; margin: 15px 0px; border:1px #C1CDDB solid; background: #F2F5F9 url(../../img/comcloud.gif) no-repeat right top; }
.comnom { position: absolute; font-weight:bold; color:#e0e7f0; float:right; top:16px; right:54px; font-size:3em; margin:0; padding:0;}
* html .comnom {top:16px; right:74px;}
/*
BOX POD
------------*/
.pod { display: block; margin: 14px; border:1px #C7CFD7 solid; background:#F2F5F9; }
.pod h5 { height:31px; width:auto; padding: 4px 0 0 10px; color:#fff; background: url('../../img/podhead1.gif') 0 0 repeat-x; }
.pod p, .pod .form_sub { padding: 0.4em 1em 0.7em 1em; }
a.internal {
font-size:1.0em;
font-weight
rmal;
color: #91061a;
font-weight: normal;
text-decoration
ne;
padding-left:1.3em;
border
ne;
background:transparent url(../../img/internal.gif) -.2em .4em no-repeat;
}
a.internal:hover {
color:#91061a;
background:transparent url(../../img/internal.gif) -.1em .4em no-repeat;
}
.pod ul li {list-style
ne; line-height:1.1em; text-indent:-1.5em; width: 85%; margin-bottom:1em;}
/*
BOX LIST
---------------*/
.listbox a:link, .listbox a:visited {
width: 98%;
margin: 0px 0px 15px 0px;
padding: 7px;
float: right;
border:1px #C1CDDB solid;
background: #F2F5F9;
display: block;
}
* html .listbox a:link, * html .listbox a:visited, * html .listbox { padding:7px; margin:2px; }
.listbox a:hover {
border:1px #C1CDDB solid;
background: #f9f9f9;
text-decoration: none;
}
.listbox h2 {
padding: 10px;
font-size: 1.4em;
text-transform
percase;
color:#91061a;
letter-spacing: -1px;
}
.listbox p {
text-align:left; padding:5px 5px 0 5px;
}
.imglist {
margin: 0px 10px 0px 0px;
padding: 10px;
float: left;
width: auto;
border: none;
}
* html .imglist { padding:10px; padding-bottom:0px;}
/*
NAV
----------------------------------------*/
#toolbar, #toolbar2 { background:url('../../img/toolbar-.png') repeat-x; margin:0px; padding-left:20px; font-size:1.0em }
#toolbar2 { display
ne; width: 100%; height:31px; padding:0; }
#nav, #nav2 { background:url('../../img/toolbar2.gif') 0 0 no-repeat; margin:0; padding:0; height:31px; overflow:hidden; }
#nav2 { margin-left: 20px; }
#nav ul, #nav2 ul { padding:0; margin:0; margin-left:2px; }
#nav li, #nav2 li { background:url('../../img/toolbar2.gif') 100% 0 no-repeat; margin:0; padding:0; float:left; display:block; }
#nav li a, #nav2 li a { color:#060928; display:block; float:left; height:31px; line-height:31px; padding:0 15px; }
#nav li.active_menu a, #nav2 li.active_menu a { color: #91061a; background: url('../../img/toolbar0.gif') 50% 0 no-repeat; }
#nav a, #nav2 a { text-decoration: none; cursor: pointer; font-weight: bold; font-size: 1.0em; font-family: Tahoma, sans-serif; }
#nav a:hover { color: #91061a; background: url('../../img/toolbar0.gif') 50% 0 no-repeat; }
#nav2 a:hover { color: #91061a; background: url('../../img/toolbar01.gif') 50% 24px no-repeat; }
/*
USER MENU BUTTONS
----------------*/
#usermenu { position:absolute;top:156px; right:10px;height:23px;width:54px;padding:4px 0 0 7px;background:transparent url('../../img/bg.png') 0 0 no-repeat;z-index:11; }
#usermenu li,#usermenu li a {position:relative;height:15px;width:19px;display:inline-block;list-style
ne;text-indent:-1000px;overflow:hidden;float:left;margin:0 2px 0 0; }
#textIncrease a {background:transparent url('../../img/buttons.png') 0 0 no-repeat}
#textDecrease a {background:transparent url('../../img/buttons.png') -57px 0 no-repeat}
#textIncrease a:hover {background-position:-19px 0}
#textDecrease a:hover {background-position:-76px 0}
#textIncrease a.stop {background-position:-38px 0}
#textDecrease a.stop {background-position:-95px 0}
#usermenu2 { position:absolute; top:156px; right:70px; height:23px; width:54px; padding:4px 0 0 7px; background:transparent url('../../img/bg.png') 0 0 no-repeat;z-index:11}
#usermenu2 li,#usermenu2 li a {position:relative; height:15px; width:40px;display:inline-block;list-style
ne;text-indent:-1000px;overflow:hidden;float:left;margin:0 1px 0 0}
#bat_enter a {background:transparent url('../../img/buttone.png') 0 0 no-repeat}
#bat_menu a {background:transparent url('../../img/buttonm.png') 0 0 no-repeat}
#bat_enter a:hover, #bat_menu a:hover {background-position:-40px 0}
/*
FOOTER
---------------*/
#footer {
background: #103756 url('../../img/foot.gif') repeat-x 0 0;
color: #fff;
clear: both;
overflow: hidden;
text-align: left;
width: 100%;
border-top:#FAFCFC solid 1px;
position:relative;
}
#footer .column {
float: left;
margin: 0;
padding: 30px 0px 40px 25px;
width: 300px;
}
#footer .column2 {
float: right;
margin: 0;
padding: 30px 25px 40px 15px;
width: 300px;
text-align:right;
}
#footer .column h4, #footer .column2 h4 {
font-size: 1.6em;
text-transform
percase;
margin: 1em 0.6em;
color:#fff;
}
#footer ul { list-style-type:square; padding:0; }
#footer ul.blogroll {
list-style-type
ne;
margin:0 0 0px 0; background-color: none;
}
#footer ul.blogroll li {
list-style-type
ne;
margin:0;
padding:0;
color:#ccc;
border-bottom:1px solid #436878;
width:100%;
white-space
wrap;
}
.blogroll li a {
list-style-type
ne;
display: block;
padding:0.4em 1.0em;
border
ne;
text-decoration
ne;
color:#fff;
}
.blogroll li a:hover { background-color:#082338; color:#fff; }
* html .blogroll li a:hover { padding-bottom:0.3em; }
/*
NEW FORMS
------------*/
div.form {margin: 12px;}
div.form_sub {margin: 10px 3px;}
input.search, label.login {
font-weight: normal;
font-family: Verdana, "Georgia", "Times New Roman", "Times", "serif";
color: #888;
font-size: 1.1em;
}
input.search {
background: #fff url('../../img/form.gif') repeat-x left top;
background-attachment: inherit !important;
background-attachment: fixed;
border: 1px solid #c7cfd7;
padding: 4px 10px;
width: 180px;
height:20px;
}
* html input.search { padding:4px 10px 2px 10px; }
.submit, .batsearch {
background:url('../../img/batsearch.png') no-repeat top left;
width:201px; height:31px; padding:2px 5px 5px 5px;
cursor
ointer; font-weight:bold; border
ne; color:#888;
}
.submit:hover, .batsearch:hover { color:#91061a; }
fieldset { padding:20px; margin:15px 0 0 0; border:1px #C1CDDB solid; background: #F2F5F9; }
.form-item { margin: 1em 0; }
.form-item label { display: block; padding:0.5em 0; }
.required { color: #ff6600; }
input.search:hover, input.text:hover, input.reset:hover, textarea:hover, .password:hover { border: 1px solid #91061a; }
input.search:focus, input.text:focus, input.reset:focus, textarea:focus, .password:focus { border: 1px solid #22598C; }
.form-required { color:#FF0000; }
legend { padding:0 1em; font-weight:bold; color:#000; }
input.text, textarea, .password {
background: #fff url('../../img/form.gif') repeat-x left top;
background-attachment: inherit !important;
background-attachment: fixed;
border: 1px solid #ccc;
padding: 4px 10px;
}
.textboxer { padding:0 40px 0 212px; font-size: 1.1em; }
input.text, .password { width: auto; height:16px; }
textarea { width:360px; }
select { height:26px; vertical-align:bottom; }
.fselect { height:90px; }
label.login {
font-weight:bold;
padding:0 1.0em;
margin-top: 2px !important;
margin-top: 4px;
text-align: right; display: inline;
}
/*
BATTON
------------------------------------------*/
#add a, #down a, #rss a, #print a, #edit a, #hide a {display:block; width:231px; height:42px; text-indent: -9999px;}
#add a { background:url('../../img/batadd.png') no-repeat right top; margin:10px 0 10px 15px; }
#down a { background:url('../../img/batdown.png') no-repeat right top; margin:0 0 15px 14px; width:192px; height:42px; }
#print a { background:url('../../img/batprint.png') no-repeat right top; margin:10px 0 10px 15px; }
#rss a { background:url('../../img/batrss.png') no-repeat right top; margin:5px 0 0 9px; }
#edit a { background:url('../../img/batedit.png') no-repeat right top; margin:10px 0px 10px 15px; }
#hide a { background:url('../../img/bathide.png') no-repeat right top; margin:10px 0px 10px 15px; }
#rss a:hover, #down a:hover, #add a:hover, #print a:hover, #edit a:hover, #hide a:hover { background-position:0 -44px; border
ne; text-decoration
ne;}
/*
MISC
------------------------------------------- */
.download { padding:20px; background:url('../../img/file.gif') no-repeat; background-position: 135px 9px; position:relative;}
.time { color: #999; font-size: 1.1em; font-weight: normal; padding:0 0 0 1px }
.time a { color:#999; border-bottom: none; }
.time a:hover { color: #91061a; border-bottom: 1px solid #91061a; }
.path { float:right; color:#999; display:inline; white-space
wrap; }
.path a { color:#999; }
.disp { padding:12px; margin:0; }
.error {
padding:100px 80px;
font-size: 1.4em;
color: #91061a;
font-weight: normal;
text-align:center;
background-color:#F2F5F9;
border:1px #C1CDDB solid;
margin:30px 150px;
}
.codetitle { font-size:1em; font-weight: normal; margin:5px 0; }
.code { padding:20px; text-align:left; border-left:3px solid #91061a; background:#F3F3F3 url(../../img/code.gif) no-repeat right top; }
blockquote { display:block; padding:20px; border-left:3px solid #22598C; background:#F3F3F3 url(../../img/quote.gif) no-repeat right top; }
blockquote hr { height:0px; margin:10px 0; border
ne; border-bottom:1px dotted #000;}
.valid { height:48px; text-align:center; vertical-align:middle; }
.paging { text-align:left; padding:8px 4px 8px 4px; }
.coltop { text-align:center; font-size:95%; background-color:#E7E7E7!important; }
.centerall { text-align:center; }
.desc { font-size:0.9em; }
.pagenav { margin:22px 0px 18px 0px; font-size:1.1em; }
.pagenav_prev, .pagenav_next, .pagenav_first, .pagenav_last, .pagenav_pages
{ padding:3px 8px; background:#F5F5F5; margin:1px; border:1px solid #d5d5d5;}
.pagenav_current { padding:3px 8px; font-weight:bold; text-decoration: none; background:#ededed; margin:1px; border:1px solid #c8c7c7; }
.clear { clear: both; }
ul { list-style-type:square; padding-left:40px; margin:0; line-height:1.1em; }
form { padding:0; margin:0; }
.colleft { float:left; margin:0px 14px 8px 0px; }
.colright { float:right; margin:0px 0px 8px 14px; }
.bar_front { background-color:#91061a; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:20px; }
.bar_back { background-color:#EBECF1; border:1px solid #274e5f; margin:2px 1px; height:20px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today { border:1px dashed #DDAA00; }
/*
Table
---------------*/
table.flat { width:100%; margin:0; padding:0; border-collapse:collapse; }
table.flat td { padding:0; margin:0}
table.main { width:100%; margin:0; padding:0px; }
table.main td { padding:4px;}
table.cells { width:100%; margin-top:15px; padding:0; }
table.cells td { padding:2px; background-color:#F2F5F9; margin:0; }
table.cells i { font-style
rmal; font-weight:bold; padding-left:5px; }
table.list { width:100%; margin:0; padding:5px; }
table.list td { padding:12px; }
.coltop { background:#000!important; text-align:center; color: #fff; font-weight: bold; font-size: 1.1em; }
/*
Forum board
---------------*/
table.boards td { padding:4px; font-size: 1.0em; color:#666;}
.boards { background-color: #ffffff; border: 2px solid #C1CDDB; border-bottom:10px solid #C1CDDB; margin-bottom:10px; }
.normalname { color: #003; font-size: 11px; font-weight: bold; text-decoration: underline; }
.normalname a:link,
.normalname a:visited,
.normalname a:active { font-size: 12px; text-decoration: underline }
.cat_title a:link,
.cat_title a:active,
.cat_title a:visited,
.cat_title a:hover { color: #fff; text-decoration: underline; }
.cat_bottom { background-color: #ddd; }
.row1 { background-color: #C1CDDB; }/**/
.row2 { background-color: #e6eef9; }
.row3 { background-color: #fafafa; }
.row4 { background-color: #F2F5F9; }/**/
.row5 { background-color: #fcfcfc; }
.graystyle { background-color: #F2F5F9; color:#111; font-size: 1.1em; border:1px solid #C1CDDB; padding:0 10px; margin:10px 0;}
table.graystyle td { padding:0 10px; }
.cat_title { background:#203857; font-weight: bold; color:#fff; }
table a, table a:hover { border
ne; }
table img, table img:hover { border
ne; }
*:first-child+html .anchors { display: inline-block; }
*:first-child+html .anchors a {
float: left; } padding: 0;
margin: 0;
}
html {
height: 100%;
}
td, body {
font-family: Verdana, Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
}
body {
padding: 0px; margin: 0px;
background-color: #FFFFFF;
font-size:12px;
line-height: 1.5; height:100%;
color:#666;
}
a { color: #91061a; text-decoration: none; font-size:1.0em; line-height:1.5em; }
a:hover { color:#000; text-decoration: none; border-bottom:1px solid #000; }
.time { padding-top:0.6em; padding-bottom:0.6em; margin:0; color:#666; }
p, .pagetext {
margin:1em 0;
text-align: left;
color: #666;
font-family: Tahoma, "Georgia", "Times New Roman", "Times", "serif";
font-size:1.1em;
}
.pagetext a { color: #91061a; text-decoration: none; border-bottom:1px dotted #91061a; font-size:1.0em; line-height:1.5em; }
.pagetext a:hover {color: #000; border-bottom:1px solid #000; }
.pagetext a:visited {color: #91061a; border-bottom: none;}
.pagetext a.thickbox { border
/*
Thickbox IMAGES
---------------*/
a.thickbox:link img, a.thickbox:active img, a.thickbox:visited img, .imglist img, .pagetext img {
margin: 0px;
border: 4px solid #1c2e49;
filter: alpha(opacity=60);
-moz-opacity: .6;
opacity: .6;
text-decoration
}
a.thickbox:hover img, .imglist img:hover, .listbox:hover img {
border: 4px solid #91061a;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
* html .pagetext img {filter: alpha(opacity=100);}
img { border
/*
HEADER
----------------------------------------*/
.header { background:#2E4A60 url('../../img/header1.png') repeat-x; height:152px; position:relative; }
#name {
display: block;
width:600px;
height:154px;
position: relative;
top:0px;
left:20px;
background: url('../../img/name.png') no-repeat;
z-index:11;
cursor
text-indent:-9999px;
border
text-decoration
}
.title { margin:0px; padding: 0px 15px; background:#2E4A60 url('../../img/title1.png') repeat-x; height:71px; }
/*
MAIN TITLE
------------*/
h1, h2, h3, h4, h5, h6, .listbox h2 {
font-family: Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
font-weight: normal;
margin: 0;
padding:0;
/*text-align:left;*/
}
h1 {
font-size: 2em;
text-transform: uppercase;
padding: 17px 0 0 5px;
line-height: 1.2;
color:#fff;
}
h1 a, h1 a:hover, h1 a:visited {
color:#fff;
text-decoration
border: none;
line-height: 1.2;
}
/*
NEWS TITLE
------------*/
h2 {
font-size: 1.7em;
text-transform: uppercase;
letter-spacing: -1px;
line-height: -0.6;
color: #000;
}
/*
PAGE PARAGRAPH
---------------------*/
h3 {
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: -1px;
color: #000;
line-height: 0.6;
}
h3 a { text-decoration: none; border-bottom: 1px dotted #91061a; color:#91061a; }
h3 a:hover { text-decoration: none; border-bottom: 1px solid #000; color:#000; }
/*
SYSTEM TITLE
------------------*/
h4 {
font-size: 1.5em;
color:#000;
letter-spacing: -1px;
padding:10px 0px;
}
/*
POD TITLE
------------------*/
h5 {
font-size: 1.2em;
font-weight: bold;
color: #000;
}
/*
Bread Crumb
--------------*/
h6 {
font-family: Verdana, Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
font-size: 1.1em;
color:#999;
padding:0;
}
h6 a { border-bottom: 1px solid #91061a; }
h6 a:hover { color:#000; border-bottom: 1px solid #000; }
/*
STRUCTURE
---------------------------------------*/
#wrapper1 { /*-- sets background to white and creates full length leftcol--*/
position:relative;
text-align:left;
width:100%;
background: url('../../img/back3.png') repeat-y top left;
}
#wrapper2 {
position:relative;
text-align:left;
width:100%;
background
}
#maincol {
position:relative;
margin:0;
padding:10px;
}
#leftcol {
position:relative;
top:-10px;
left:-10px;
float:left;
width:260px; /* for IE5/WIN */
voice-family: "\"}\"";
voice-family:inherit;
width:262px; /* actual value */
margin:0 0 -10px 0;
padding:0px;
z-index:5;
}
#rightcol {
position:relative;
top:-10px;
right:-10px;
float:right;
width:270px; /* for IE5/WIN */
voice-family: "\"}\"";
voice-family:inherit;
width:250px; /* actual value */
margin:0 0 -10px 0;
padding:5px;
background
z-index:4;
}
#centercol {
position:relative;
padding:0px;
margin:-10px 250px 0px 275px;
}
#centercol2 {
position:relative;
padding:0px;
margin:4px 10px 0px 275px;
}
#centercol3 {
position:relative;
padding:0px;
margin:4px 20px 0px 20px;
}
.polls {
width: 550px;
min-height:500px;
margin: 0 auto;
position:relative;
padding:20px; border:1px #C1CDDB solid; background: #F2F5F9;
}
/*
OLD STRUCTURE
--------------------------------------------*/
.cont { padding: 10px; color: #444455; }
#main { /*padding:10px; margin:0; vertical-align:top; border:1px solid #EAEAEA; /*background-color: #F8F8F8;*/ }
.block { padding:20px; margin: 15px 0px; border:1px #C1CDDB solid; background: #F2F5F9; }
/*
COMMENTS
--------------------------------------------*/
.comments { position:relative; padding:20px; margin: 15px 0px; border:1px #C1CDDB solid; background: #F2F5F9 url(../../img/comcloud.gif) no-repeat right top; }
.comnom { position: absolute; font-weight:bold; color:#e0e7f0; float:right; top:16px; right:54px; font-size:3em; margin:0; padding:0;}
* html .comnom {top:16px; right:74px;}
/*
BOX POD
------------*/
.pod { display: block; margin: 14px; border:1px #C7CFD7 solid; background:#F2F5F9; }
.pod h5 { height:31px; width:auto; padding: 4px 0 0 10px; color:#fff; background: url('../../img/podhead1.gif') 0 0 repeat-x; }
.pod p, .pod .form_sub { padding: 0.4em 1em 0.7em 1em; }
a.internal {
font-size:1.0em;
font-weight
color: #91061a;
font-weight: normal;
text-decoration
padding-left:1.3em;
border
background:transparent url(../../img/internal.gif) -.2em .4em no-repeat;
}
a.internal:hover {
color:#91061a;
background:transparent url(../../img/internal.gif) -.1em .4em no-repeat;
}
.pod ul li {list-style
/*
BOX LIST
---------------*/
.listbox a:link, .listbox a:visited {
width: 98%;
margin: 0px 0px 15px 0px;
padding: 7px;
float: right;
border:1px #C1CDDB solid;
background: #F2F5F9;
display: block;
}
* html .listbox a:link, * html .listbox a:visited, * html .listbox { padding:7px; margin:2px; }
.listbox a:hover {
border:1px #C1CDDB solid;
background: #f9f9f9;
text-decoration: none;
}
.listbox h2 {
padding: 10px;
font-size: 1.4em;
text-transform
percase;color:#91061a;
letter-spacing: -1px;
}
.listbox p {
text-align:left; padding:5px 5px 0 5px;
}
.imglist {
margin: 0px 10px 0px 0px;
padding: 10px;
float: left;
width: auto;
border: none;
}
* html .imglist { padding:10px; padding-bottom:0px;}
/*
NAV
----------------------------------------*/
#toolbar, #toolbar2 { background:url('../../img/toolbar-.png') repeat-x; margin:0px; padding-left:20px; font-size:1.0em }
#toolbar2 { display
#nav, #nav2 { background:url('../../img/toolbar2.gif') 0 0 no-repeat; margin:0; padding:0; height:31px; overflow:hidden; }
#nav2 { margin-left: 20px; }
#nav ul, #nav2 ul { padding:0; margin:0; margin-left:2px; }
#nav li, #nav2 li { background:url('../../img/toolbar2.gif') 100% 0 no-repeat; margin:0; padding:0; float:left; display:block; }
#nav li a, #nav2 li a { color:#060928; display:block; float:left; height:31px; line-height:31px; padding:0 15px; }
#nav li.active_menu a, #nav2 li.active_menu a { color: #91061a; background: url('../../img/toolbar0.gif') 50% 0 no-repeat; }
#nav a, #nav2 a { text-decoration: none; cursor: pointer; font-weight: bold; font-size: 1.0em; font-family: Tahoma, sans-serif; }
#nav a:hover { color: #91061a; background: url('../../img/toolbar0.gif') 50% 0 no-repeat; }
#nav2 a:hover { color: #91061a; background: url('../../img/toolbar01.gif') 50% 24px no-repeat; }
/*
USER MENU BUTTONS
----------------*/
#usermenu { position:absolute;top:156px; right:10px;height:23px;width:54px;padding:4px 0 0 7px;background:transparent url('../../img/bg.png') 0 0 no-repeat;z-index:11; }
#usermenu li,#usermenu li a {position:relative;height:15px;width:19px;display:inline-block;list-style
#textIncrease a {background:transparent url('../../img/buttons.png') 0 0 no-repeat}
#textDecrease a {background:transparent url('../../img/buttons.png') -57px 0 no-repeat}
#textIncrease a:hover {background-position:-19px 0}
#textDecrease a:hover {background-position:-76px 0}
#textIncrease a.stop {background-position:-38px 0}
#textDecrease a.stop {background-position:-95px 0}
#usermenu2 { position:absolute; top:156px; right:70px; height:23px; width:54px; padding:4px 0 0 7px; background:transparent url('../../img/bg.png') 0 0 no-repeat;z-index:11}
#usermenu2 li,#usermenu2 li a {position:relative; height:15px; width:40px;display:inline-block;list-style
#bat_enter a {background:transparent url('../../img/buttone.png') 0 0 no-repeat}
#bat_menu a {background:transparent url('../../img/buttonm.png') 0 0 no-repeat}
#bat_enter a:hover, #bat_menu a:hover {background-position:-40px 0}
/*
FOOTER
---------------*/
#footer {
background: #103756 url('../../img/foot.gif') repeat-x 0 0;
color: #fff;
clear: both;
overflow: hidden;
text-align: left;
width: 100%;
border-top:#FAFCFC solid 1px;
position:relative;
}
#footer .column {
float: left;
margin: 0;
padding: 30px 0px 40px 25px;
width: 300px;
}
#footer .column2 {
float: right;
margin: 0;
padding: 30px 25px 40px 15px;
width: 300px;
text-align:right;
}
#footer .column h4, #footer .column2 h4 {
font-size: 1.6em;
text-transform
percase;margin: 1em 0.6em;
color:#fff;
}
#footer ul { list-style-type:square; padding:0; }
#footer ul.blogroll {
list-style-type
margin:0 0 0px 0; background-color: none;
}
#footer ul.blogroll li {
list-style-type
margin:0;
padding:0;
color:#ccc;
border-bottom:1px solid #436878;
width:100%;
white-space
}
.blogroll li a {
list-style-type
display: block;
padding:0.4em 1.0em;
border
text-decoration
color:#fff;
}
.blogroll li a:hover { background-color:#082338; color:#fff; }
* html .blogroll li a:hover { padding-bottom:0.3em; }
/*
NEW FORMS
------------*/
div.form {margin: 12px;}
div.form_sub {margin: 10px 3px;}
input.search, label.login {
font-weight: normal;
font-family: Verdana, "Georgia", "Times New Roman", "Times", "serif";
color: #888;
font-size: 1.1em;
}
input.search {
background: #fff url('../../img/form.gif') repeat-x left top;
background-attachment: inherit !important;
background-attachment: fixed;
border: 1px solid #c7cfd7;
padding: 4px 10px;
width: 180px;
height:20px;
}
* html input.search { padding:4px 10px 2px 10px; }
.submit, .batsearch {
background:url('../../img/batsearch.png') no-repeat top left;
width:201px; height:31px; padding:2px 5px 5px 5px;
cursor
}
.submit:hover, .batsearch:hover { color:#91061a; }
fieldset { padding:20px; margin:15px 0 0 0; border:1px #C1CDDB solid; background: #F2F5F9; }
.form-item { margin: 1em 0; }
.form-item label { display: block; padding:0.5em 0; }
.required { color: #ff6600; }
input.search:hover, input.text:hover, input.reset:hover, textarea:hover, .password:hover { border: 1px solid #91061a; }
input.search:focus, input.text:focus, input.reset:focus, textarea:focus, .password:focus { border: 1px solid #22598C; }
.form-required { color:#FF0000; }
legend { padding:0 1em; font-weight:bold; color:#000; }
input.text, textarea, .password {
background: #fff url('../../img/form.gif') repeat-x left top;
background-attachment: inherit !important;
background-attachment: fixed;
border: 1px solid #ccc;
padding: 4px 10px;
}
.textboxer { padding:0 40px 0 212px; font-size: 1.1em; }
input.text, .password { width: auto; height:16px; }
textarea { width:360px; }
select { height:26px; vertical-align:bottom; }
.fselect { height:90px; }
label.login {
font-weight:bold;
padding:0 1.0em;
margin-top: 2px !important;
margin-top: 4px;
text-align: right; display: inline;
}
/*
BATTON
------------------------------------------*/
#add a, #down a, #rss a, #print a, #edit a, #hide a {display:block; width:231px; height:42px; text-indent: -9999px;}
#add a { background:url('../../img/batadd.png') no-repeat right top; margin:10px 0 10px 15px; }
#down a { background:url('../../img/batdown.png') no-repeat right top; margin:0 0 15px 14px; width:192px; height:42px; }
#print a { background:url('../../img/batprint.png') no-repeat right top; margin:10px 0 10px 15px; }
#rss a { background:url('../../img/batrss.png') no-repeat right top; margin:5px 0 0 9px; }
#edit a { background:url('../../img/batedit.png') no-repeat right top; margin:10px 0px 10px 15px; }
#hide a { background:url('../../img/bathide.png') no-repeat right top; margin:10px 0px 10px 15px; }
#rss a:hover, #down a:hover, #add a:hover, #print a:hover, #edit a:hover, #hide a:hover { background-position:0 -44px; border
/*
MISC
------------------------------------------- */
.download { padding:20px; background:url('../../img/file.gif') no-repeat; background-position: 135px 9px; position:relative;}
.time { color: #999; font-size: 1.1em; font-weight: normal; padding:0 0 0 1px }
.time a { color:#999; border-bottom: none; }
.time a:hover { color: #91061a; border-bottom: 1px solid #91061a; }
.path { float:right; color:#999; display:inline; white-space
.path a { color:#999; }
.disp { padding:12px; margin:0; }
.error {
padding:100px 80px;
font-size: 1.4em;
color: #91061a;
font-weight: normal;
text-align:center;
background-color:#F2F5F9;
border:1px #C1CDDB solid;
margin:30px 150px;
}
.codetitle { font-size:1em; font-weight: normal; margin:5px 0; }
.code { padding:20px; text-align:left; border-left:3px solid #91061a; background:#F3F3F3 url(../../img/code.gif) no-repeat right top; }
blockquote { display:block; padding:20px; border-left:3px solid #22598C; background:#F3F3F3 url(../../img/quote.gif) no-repeat right top; }
blockquote hr { height:0px; margin:10px 0; border
.valid { height:48px; text-align:center; vertical-align:middle; }
.paging { text-align:left; padding:8px 4px 8px 4px; }
.coltop { text-align:center; font-size:95%; background-color:#E7E7E7!important; }
.centerall { text-align:center; }
.desc { font-size:0.9em; }
.pagenav { margin:22px 0px 18px 0px; font-size:1.1em; }
.pagenav_prev, .pagenav_next, .pagenav_first, .pagenav_last, .pagenav_pages
{ padding:3px 8px; background:#F5F5F5; margin:1px; border:1px solid #d5d5d5;}
.pagenav_current { padding:3px 8px; font-weight:bold; text-decoration: none; background:#ededed; margin:1px; border:1px solid #c8c7c7; }
.clear { clear: both; }
ul { list-style-type:square; padding-left:40px; margin:0; line-height:1.1em; }
form { padding:0; margin:0; }
.colleft { float:left; margin:0px 14px 8px 0px; }
.colright { float:right; margin:0px 0px 8px 14px; }
.bar_front { background-color:#91061a; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:20px; }
.bar_back { background-color:#EBECF1; border:1px solid #274e5f; margin:2px 1px; height:20px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today { border:1px dashed #DDAA00; }
/*
Table
---------------*/
table.flat { width:100%; margin:0; padding:0; border-collapse:collapse; }
table.flat td { padding:0; margin:0}
table.main { width:100%; margin:0; padding:0px; }
table.main td { padding:4px;}
table.cells { width:100%; margin-top:15px; padding:0; }
table.cells td { padding:2px; background-color:#F2F5F9; margin:0; }
table.cells i { font-style
table.list { width:100%; margin:0; padding:5px; }
table.list td { padding:12px; }
.coltop { background:#000!important; text-align:center; color: #fff; font-weight: bold; font-size: 1.1em; }
/*
Forum board
---------------*/
table.boards td { padding:4px; font-size: 1.0em; color:#666;}
.boards { background-color: #ffffff; border: 2px solid #C1CDDB; border-bottom:10px solid #C1CDDB; margin-bottom:10px; }
.normalname { color: #003; font-size: 11px; font-weight: bold; text-decoration: underline; }
.normalname a:link,
.normalname a:visited,
.normalname a:active { font-size: 12px; text-decoration: underline }
.cat_title a:link,
.cat_title a:active,
.cat_title a:visited,
.cat_title a:hover { color: #fff; text-decoration: underline; }
.cat_bottom { background-color: #ddd; }
.row1 { background-color: #C1CDDB; }/**/
.row2 { background-color: #e6eef9; }
.row3 { background-color: #fafafa; }
.row4 { background-color: #F2F5F9; }/**/
.row5 { background-color: #fcfcfc; }
.graystyle { background-color: #F2F5F9; color:#111; font-size: 1.1em; border:1px solid #C1CDDB; padding:0 10px; margin:10px 0;}
table.graystyle td { padding:0 10px; }
.cat_title { background:#203857; font-weight: bold; color:#fff; }
table a, table a:hover { border
table img, table img:hover { border
*:first-child+html .anchors { display: inline-block; }
*:first-child+html .anchors a {
qharez - 2013-03-01 02:54 GMT -
?ncelikle header.tpl yi a?
alt?na ekle
daha sonra cssyi ac ve alttakini ekle
width: 776px burdaki rakam? kendinize g?re de?i?tirebilirsiniz. Geni?li?ini ayarlayabilirsiniz
Bu mesaj qharez tarafından 2013-03-01 07:15 GMT, 4924 Gün önce düzenlendi.
?ncelikle header.tpl yi a?
Kod:
<a name="up" id="up"></a>
bunu bulalt?na ekle
Kod:
<div id="alan">
daha sonra cssyi ac ve alttakini ekle
Kod:
#alan { margin: 0px auto; text-align: left; width: 776px;}
width: 776px burdaki rakam? kendinize g?re de?i?tirebilirsiniz. Geni?li?ini ayarlayabilirsiniz
Bu mesaj qharez tarafından 2013-03-01 07:15 GMT, 4924 Gün önce düzenlendi.
burak sanl? - 2013-03-01 04:16 GMT -
?ok te?ekk?r ederim belki ?ablonu tamamen sola yana?t?rmak i?in ne yapmam laz?m
?ok te?ekk?r ederim belki ?ablonu tamamen sola yana?t?rmak i?in ne yapmam laz?m
qharez - 2013-03-02 11:58 GMT -
yukar?daki css kodun da margin: 0px auto; bu kodu auto yerine sola yaslamak i?in left sa? i?in right yazarak yapabilirsiniz
Bu mesaj qharez tarafından 2013-03-02 15:22 GMT, 4923 Gün önce düzenlendi.
Kod:
#alan { margin: 0px auto; text-align: left; width: 776px;}
yukar?daki css kodun da margin: 0px auto; bu kodu auto yerine sola yaslamak i?in left sa? i?in right yazarak yapabilirsiniz
Bu mesaj qharez tarafından 2013-03-02 15:22 GMT, 4923 Gün önce düzenlendi.