CSS pomoč
6 naročnikov
6 naročnikov
imam problem s template-om rockettheme.com Affinity July09
kot označeno na sliki spodaj bi rad spremenil, širino pozicij USER1, USER2, USER3 (33.3%, 33.3%, 33.3%) na (50%, 25%, 25%)
Prilepljen spodaj je celoten template.css
/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {width: 261px;height: 54px;}
/* Font Family Settings */
#ff-affinity, a.affinity, #ff-affinity .componentheading {font-family: Helvetica,Arial,sans-serif;}
#ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
#ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
#ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}
#ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
#ff-georgia, a.georgia {font-family: Georgia, sans-serif;}
#ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;}
#ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
input { font-family:Helvetica,Arial,sans-serif;}
/* Core Formatting */
html {height: 100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%;}
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 210%;line-height: 100%;}
h2 {font-size: 190%;line-height: 100%;}
h3 {font-size: 175%;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}
.rokradios, .rokchecks {padding: 2px 5px 0 22px;line-height: 100%;}
/* Top Bar */
.top-bar-padding {padding: 6px 20px;overflow: hidden;}
#top-bar h3 {padding: 0;margin-bottom: 15px;}
.date-block {width: 250px;font-weight: bold;float: left;}
#lock-button {height: 16px;float: right;text-align: left;line-height: 16px;position: relative;}
#lock-button #lock-icon {width: 14px;height: 16px;position: absolute;top: 0;left: 0;display: block;padding: 0;margin: 0;}
#lock-button span {font-size: 13px;padding-left: 20px;margin: 0;font-weight: bold;}
#lock-button:hover {text-decoration: none;}
#accessibility {height: 16px;float: right;margin-left: 10px;width: 110px;}
.textsizer-desc {display: block;float: right;text-align: right;font-size: 12px;margin-right: 6px;font-weight: bold;line-height: 16px;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;width: 36px;height:15px;overflow:hidden;}
#accessibility .button {display: block;float: right;width: 15px;height: 15px;}
#accessibility a.small .button {margin-right: 4px;}
.topbar-strip {overflow: hidden;padding-bottom: 2px;}
.topbar-left-mod {float: left;width: 48%;padding: 15px 0;}
.topbar-right-mod {float: right;width: 48%;padding: 15px 0;text-align: right;}
/* Header */
#logo {float: left;position: relative;margin-left: 15px;}
.logo-text {position: absolute;left: 72px;top: 50px;font-size: 16px;}
#logo:hover {text-decoration: none;}
#header-overlay {padding: 15px 0 10px 0;overflow: hidden;}
.searchmod-top {height: 12px;width: 250px;}
.searchmod-main {overflow: hidden;padding: 0 10px 10px 10px;}
#searchmod-surround .rokradios {margin-top: 2px;}
#searchmod-surround h3 {font-size: 12px;color: #fff;margin: 0;padding: 0 0 6px 6px;}
#searchmod-surround {float: right;margin-right: 15px;}
#searchmod {width: 230px;}
#searchmod .inputbox {background: none;border: 0;padding: 4px 0 4px 5px;font-size: 13px;line-height: 20px;width: 223px;height:18px;}
#searchmod .search_options {padding-top: 6px;padding-left: 4px;}
/* Layout Structure */
#maincol {position: relative;}
#rightcol {position: relative;float: left;}
.rightcol-padding {padding: 0 5px;}
#page-bg2 {overflow:hidden;}
.wrapper {position:relative;}
.row-handle {position: absolute;width: 53px;height: 89px;top: 20px;right: -44px;cursor: pointer;}
#section-row1, #section-row2, #section-row3, #section-row4, #section-row5 {position: relative;clear:both;padding-top: 5px;padding-bottom: 5px;}
#section-row3-inner {overflow: hidden;margin: 0 -5px;}
#inset-block-right {float: right;z-index: 1;position: relative;background-position: 0 0;background-repeat: repeat-y;}
#inset-block-right .right-padding {padding-left: 20px;}
#inset-block-left {float: left;z-index: 1;position: relative;background-position: 100% 0;background-repeat: repeat-y;}
#inset-block-left .left-padding {padding-right: 20px;}
#inset-block-left h3, #inset-block-right h3 {margin-top: 0;}
#inset-block-left .module, #inset-block-right .module {background: none;}
#inset-block-left .module-handle, #inset-block-right .module-handle {background: url(../images/white-move-handle.png) 100% 100% no-repeat;}
table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;position: relative;}
.drophere {border: 5px dashed #ccc;background: #fff url(../images/drophere.png) center center no-repeat;}
/* Showcase */
#showcase {margin: 0 15px;}
#showcase2 {margin-left: -15px;}
#showcase3 {margin-right: -15px;}
.showcase-inner {padding: 0 5px 8px 5px;}
#showcase-surround {margin: 0 -15px;}
/* Main Content */
#main-body-surround {margin: 0 -5px;}
#main-body.spacing {padding: 0 5px;}
.body-surround-top {margin: 0 16px;}
.body-surround-top2 {margin-left: -16px;}
.body-surround-top3 {margin-right: -16px;height: 16px;}
.body-surround {margin: 0 16px;}
.body-surround2 {margin-left: -16px;}
.body-surround3 {margin-right: -16px;padding: 0 15px;overflow: hidden;min-height:70px;}
.body-surround-bottom {margin: 0 16px;}
.body-surround-bottom2 {margin-left: -16px;}
.body-surround-bottom3 {margin-right: -16px;height: 16px;}
.mainbody-surround {padding: 15px;overflow: hidden;margin-top: 4px;position: relative;}
.mainbody-tl {position: absolute;width: 16px;height: 16px;top: 0;left: 0;}
.mainbody-tr {position: absolute;width: 16px;height: 16px;top: 0;right: 0;}
.mainbody-bl {position: absolute;width: 16px;height: 16px;bottom: 0;left: 0;}
.mainbody-br {position: absolute;width: 16px;height: 16px;bottom: 0;right: 0;}
#main-body {position: relative;}
#vertical-sort {padding: 0 15px;}
/* Side Column Modules */
.side-mod h3 {margin: 0;font-size: 130%;line-height: 20px;padding: 5px 0 8px 15px;}
.side-mod {margin-bottom: 10px;}
#inset-block-left .side-mod, #inset-block-right .side-mod {margin-bottom: 0;}
.side-mod .module {padding: 15px;margin-bottom: 10px;}
#leftcol .side-mod .module {padding: 15px 5px;}
.advertisement .module-header, .advertisement .module-header2, .advertisement h3.module-title {background: none;margin: 0;}
.advertisement .side-mod h3.module-title {text-align: center;padding: 2px;margin: 0;font-size: 10px;}
#rightcol .advertisement .side-mod .module {padding: 0 0 0 5px;}
#leftcol .advertisement .side-mod .module {padding: 0 5px 0 0;}
#rightcol .module {padding: 15px 0;}
/* Main Modules */
.moduletable {padding: 0;margin-bottom: 15px;}
.moduletable h3 {padding: 5px 10px;}
.move-handle {width: 17px;height: 17px;position: absolute;right: 10px;top: 8px;cursor: pointer;}
#main-body-surround .move-handle {right: 15px;}
.module-handle {cursor: pointer;position: absolute;width: 15px;height: 15px;top: 7px !important;right: 8px !important;}
#mainmodules {margin: 0 -10px 0 -10px;}
#mainmodules3 {margin-top: 15px;}
#mainmodules4, #mainmodules5 {margin: 0 -10px;}
#bottommodules .moduletable, #mainmodules2 .moduletable, #mainmodules3 .moduletable {padding: 0 10px;}
.moduletable h3 {margin-top: 0;font-size: 140%;}
#inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;}
#main-body-surround, #showmodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #mainmodules5, #bottommodules {overflow: hidden;position: relative;}
#bottommodules h3 {padding-left: 0;}
#mainmodules .block, #mainmodules4 .block, #mainmodules5 .block, #showmodules .block {margin: 0 5px;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.3%;}
#mainmodules3 h3 {margin-top: 0;}
#bottom-main, #bottom-main2 {position: relative;}
h3.main-modules {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;text-align: center;margin-bottom: 10px;}
.hilite2 .module-header, .hilite2 .module-header2, .hilite2 .module-header3 {background: none;}
.module-header3 {position: relative;}
#page-bg .block.full .moduletable, #page-bg .block.full .module {padding: 0;}
/* RokAjaxSearch */
#roksearch_search_str {width: 150px;}
#roksearch_search_str.loading {width: 197px;padding-right:22px;background: transparent url(../images/spinner.gif) no-repeat scroll 100% 50%}
#roksearch_results {z-index: 10000;position: absolute;width: 365px;float: right;margin-top: 6px;text-align: left;visibility: hidden;}
#roksearch_results a#roksearch_link {float: right;margin-right: 5px;margin-top: 10px;display: block;height: 10px;width: 10px;}
#roksearch_results h3 {margin-top: 0;margin-bottom: 0;line-height: 110%;font-size: 120%;padding-bottom: 0;}
#roksearch_results span {display: block;line-height: 130%;font-size: 90%;}
#roksearch_results .container-wrapper {overflow: hidden;}
#roksearch_results .roksearch_wrapper3 {padding: 0 8px;}
#roksearch_results .page {float: left;}
#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 10px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;}
#roksearch_results .roksearch_row_btm {padding-bottom: 16px;}
#roksearch_results .roksearch_row_btm {overflow: hidden;border-bottom: 0;}
#roksearch_results .roksearch_row_btm span {line-height: 140%;}
#roksearch_results span.small {display: block;position: absolute;bottom: 6px;right: 10px;text-align: right;font-size: 80%;font-weight: normal;}
#roksearch_results span.highlight {display: inline;}
#roksearch_results a.clr {font-size: 100%;}
#roksearch_results a:hover {text-decoration: none;}
#roksearch_results .roksearch_odd {padding: 10px;position: relative;}
#roksearch_results .roksearch_even {padding: 10px;position: relative;}
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {padding-left: 10px;}
.results ol.list {padding-left: 30px;margin-top: 0;}
.results ol.list h4 {border: 0;margin-top: 0;margin-bottom: 0;}
.results ol.list li {padding: 10px 5px;margin-bottom: 5px;}
.results ol.list li p {margin-top: 0;}
#roksearch_results .container-arrows {height: 12px;width: 30px;float: left;margin-right: 5px;position: relative;}
#roksearch_results .arrow-left {width: 12px;height: 12px;position: absolute;top: 0;left: 0;cursor: pointer;}
#roksearch_results .arrow-left-disabled {width: 12px;height: 12px;position: absolute;top: 0;left: 0;}
#roksearch_results .arrow-right {width: 12px;height: 12px;position: absolute;top: 0;left: 18px;cursor: pointer;}
#roksearch_results .arrow-right-disabled {width: 12px;height: 12px;position: absolute;top: 0;left: 18px;}
fieldset.phrase, fieldset.word, fieldset.only {border-bottom: 1px solid #ccc;}
.search_result fieldset label {line-height:170%;}
#roksearch_results .viewall span {line-height: 100%;}
#roksearch_results a.viewall {float: left;margin-right: 5px;}
#roksearch_results .estimated_res, #roksearch_results .pagination_res {font-size: 9px;font-style: italic;text-transform: none;float:left;}
#roksearch_results .pagination_res {font-style: normal;float: right;font-size: 11px;margin-top: -1px;}
#roksearch_results .powered-by-google {text-transform: lowercase;font-style: italic;font-size: 9px;}
#roksearch_results .google-search-web .roksearch_odd, #roksearch_results .google-search-web .roksearch_even {height: 110px;}
#roksearch_results .google-search-images .roksearch_odd, #roksearch_results .google-search-images .roksearch_even {height: auto !important;}
form.search_result input.button {border: 0;background: none;cursor: pointer;line-height:18px;height:30px;}
form.josForm input.button {padding-top: 8px;line-height: 10px;}
form.search_result fieldset {padding: 15px 0;}
.search-results-full .readon-wrap1 {margin-top: 0;}
form.search_result input#search_searchword.inputbox {width: 220px;height: 20px;border: 0;margin-left: 5px;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;}
form.search_result fieldset.word {margin-top: 0;}
form.search_result fieldset.word label {font-size: 120%;display: inline-block;height: 26px;}
.search-results-full h3 {margin-top: 10px;padding: 0;margin-bottom: 0;font-size: 130%;}
.search-results-full .results ol.list li p {color: #888;}
form.search_result .display {float: left;margin-left: 20px;height: 20px;margin-top: 5px;}
/* Google */
#roksearch_results .youtube {background: url(../../../modules/mod_rokajaxsearch/images/youtube.jpg) right center no-repeat; height: 16px; line-height: 16px;display: block;padding-right: 22px;}
#roksearch_results .google {background: url(../../../modules/mod_rokajaxsearch/images/google.jpg) right center no-repeat; height: 16px; line-height: 16px;display: block;padding-right: 22px;}
#roksearch_results .google-thumb-image {margin: 10px auto;}
#roksearch_results .google-search-videos .google-thumb-image, #roksearch_results .google-search-videos .google-thumb-image img {width: 160px !important; height: 120px !important;}
/* Top Main Menu */
#horiz-menu3 {padding: 0 20px;height: 45px;display: block;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}
#horiz-menu li, #horiz-menu li .link {position:relative;display: block;height: 45px;line-height: 38px;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu .link {white-space: nowrap;display: block;float: left;height: 45px;line-height: 45px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0;padding: 0;font-weight: bold;}
#horiz-menu li .link span {display: block;padding: 0 10px 0 20px;height: 45px;}
#horiz-menu li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;}
/* Top Main Menu Dropdowns */
#horiz-menu ul ul {margin: 0;border: 0;padding: 0 10px 15px 10px;}
#horiz-menu li li {margin: 0;}
#horiz-menu li li .link {text-indent: 22px;font-weight: normal;padding: 0;margin: 0;height: 33px;font-size: 12px;display: block;}
#horiz-menu li li .link span {display: block;padding: 0;margin-left: 0;}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 30px;}
/*#horiz-menu li.parent, #horiz-menu li.active li.parent {z-index: 600;}*/
.menutop li:hover ul, .menutop li.sfHover ul {left: 3px;top:15px;}
#horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: left;width: 173px;padding: 0;}
#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 195px;}
#horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 370px;}
#horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 555px;}
#horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 740px;}
.menutop .drop1, .menutop .drop2, .menutop .drop3 {height: 15px;}
#horiz-menu .sfHover {z-index: 700;}
.menutop .drop-wrap {float:none;left:-999em;position:absolute;z-index:700;width: 100%;}
.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: 0px;top:33px;}
.menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;}
.menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {left:165px;top: -15px;}
.menutop .submenu-animation-left, .menutop .submenu-animation-right {height: 100%;}
#horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;}
/* Main Body Items */
#breadcrumbs3 {margin: 0 0 10px 0;display: block;position:relative;overflow: hidden;height: 30px;}
#breadcrumbs-home {width: 24px;height: 24px;display: block;float: left;margin-left: 4px;margin-top: 4px;}
#breadcrumbs h3 {display: none;}
#breadcrumbs .spinner {float:right;background:url(../images/spinner.gif) center center no-repeat;width: 16px;height: 16px;right: 10px;top: 10px;position: absolute;}
span.breadcrumbs {display: block;font-size: 110%;font-weight: bold;overflow: hidden;}
span.breadcrumbs img {width: 10px;height: 30px;float: left;}
span.breadcrumbs a, span.no-link {padding: 0 8px;float: left;display: block;height: 30px;line-height: 32px;}
span.breadcrumbs span.no-link {font-weight: normal;}
span.breadcrumbs a:hover {text-decoration: none;}
.contentheading {font-size: 190%;font-weight: normal;line-height: 140%;margin: 0 0 15px 0;padding: 0;}
p.buttonheading {float: right;margin: 0 0 0 15px;}
.article-info-surround2 {padding: 10px 14px;margin-bottom: 15px;}
p.articleinfo, p.iteminfo {margin: 0;font-style: italic;font-size: 10px;line-height: 130%;}
span.modifydate, span.createdby, span.createdate {display: block;}
p.counter {text-indent: 2px;font-weight: bold;}
div.pagination {height: 24px;line-height: 24px;margin-top: 10px;margin-bottom: 15px;}
div.pagination div.tab {float: left;margin-right: 6px;}
div.pagination div.tab2 {padding: 0 10px;}
div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;}
.cols1 {display: block;float: none;margin: 0;}
.cols2 {width: 49%;}
.cols3 {width: 30%;}
.column1, .column2 {margin: 0 5px 0 0;position: relative;}
.column2, .column1 {float: left;margin: 0;}
.column2 {float: right;margin: 0;width: 49%;}
.article_row {margin: 0 -15px;padding: 0 15px;overflow: hidden;}
.blog_more {padding-top: 15px;padding-bottom: 5px;}
#page {padding-bottom: 15px;}
.componentheading {margin: 0 0 15px 0;font-size: 170%;line-height: 130%;padding: 0 0 0 20px;}
/* Extra Joomla Elements */
span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;text-align: left;}
.sectiontablefooter {padding-bottom: 8px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 4px 5px 4px 5px;border-bottom: 1px solid #ddd;vertical-align: middle;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;}
.contentpane, .contentpaneopen {width: 100%;}
.module fieldset {border: 0;}
.module h4 {margin-top: 0;}
table.contenttoc {float: right;margin-left: 25px;}
.weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;}
.weblinks img {margin-right: 12px;margin-left: 0;}
form#login.form-login .contentdescription img {margin: 0;float: none;}
.contact_email label {margin-bottom: 5px;display: block;}
.contact_email input.button {border: 0;background: none;height: 22px;padding-top: 7px;line-height: 16px;}
.contact_email .readon-wrap1 {margin-top: 0;}
.contact_email .inputbox {width: 215px;height: 20px;border: 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;}
.contact_email #contact_text.inputbox {width: 290px;height: 200px;background: none;border: 1px solid #ddd;padding: 5px;font-size: 12px;line-height: 140%;}
.contact-name {font-weight: bold;font-size: 140%;display: block;padding: 0;}
.contact-position {display: block;padding-bottom: 15px;}
.intro-article-content .article_separator { display: none; }
.contact .icon { float: left; width: 40px;}
.contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address { overflow: hidden;}
.contact .other .surround { margin-top: 5px;}
.contact .vcard {margin-top: 15px;}
.weblinks img { float: left; }
/* Side Menus */
#main-body-surround #leftcol ul.menu {margin: 0;padding: 0;}
#main-body-surround #rightcol ul.menu {margin: 0;padding: 0;}
#main-body-surround ul.menu li {list-style: none;margin: 0;padding: 2px 0;float: none;}
#main-body-surround ul.menu a:hover {text-decoration: none;}
#main-body-surround ul.menu span {display: block;}
#main-body-surround ul.menu ul li a {padding: 0;margin-bottom: 10px;}
#main-body-surround ul.menu ul li span.separator {padding-left: 20px !important;}
#main-body-surround ul.menu ul li ul li ul li a, #main-body-surround ul.menu ul li ul li ul li .separator {padding-left: 56px;background: none;}
#main-body-surround ul.menu li.active.parent li span, #main-body-surround ul.menu li.parent li span {padding-left: 14px;line-height: 140%;}
#main-body-surround ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;}
#main-body-surround ul.menu a, #main-body-surround ul.menu .separator {padding: 6px 10px 6px 22px;}
#main-body-surround ul.menu li.active.parent li span.separator, #main-body-surround ul.menu li.parent li span.separator {background: none;}
#main-body-surround ul.menu li.active a, #main-body-surround ul.menu li.active li.active a, #main-body-surround ul.menu li.active li.active li.active a, #main-body-surround ul.menu li.active .separator, #main-body-surround ul.menu li.active li.active .separator {font-weight: bold;}
#main-body-surround ul.menu li.active li a, #main-body-surround ul.menu li.active li.active li a, #main-body-surround ul.menu li.active li .separator, #main-body-surround ul.menu li.active li.active li .separator, #main-body-surround ul.menu li.active li.active li.active .separator {font-weight: normal;}
#main-body-surround ul.menu li li {padding: 0;margin: 0;background: none;font-size: 10px;}
#main-body-surround ul.menu li li a span, #main-body-surround ul.menu li li .separator span {padding: 0;}
#main-body-surround ul.menu li.active.parent ul, #main-body-surround ul.menu li.active.parent ul li.active.parent ul, #main-body-surround ul.menu li.active.parent ul li.active.parent ul li.active.parent ul {margin: 0;padding: 5px 0 5px 20px;}
#main-body-surround ul.menu li.active ul span.separator {background: none;}
#main-body-surround ul.menu li.active li li, #main-body-surround ul.menu li:hover li li {background: none;}
/* Extra Content Styles */
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
fieldset {margin:10px 0 20px 0; border:0;}
fieldset.input, a img, body .pollstableborder {border: 0;}
form.form-login fieldset.input {padding: 0;}
legend {font-size:120%;padding:0 0 10px 0;margin:0;color:#333;text-indent:0;}
form.poll fieldset {margin: 0 0 10px 0;padding: 0;}
h4.poll-title {margin: 0 0 10px 0;padding: 0;font-size: 120%;}
.poll-line {padding: 7px 15px 9px 5px;font-size: 110%;}
.poll-buttons {padding: 0 15px;overflow: hidden;width: 140px;margin: 0 auto;}
form.poll input.button, input#submit.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 18px;height: 30px;float: left;}
.vote-button-wrap .readon-wrap1 {margin-left: 15px;}
form.poll a.results:hover {text-decoration: none;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;width:300px;}
.bannergroup .clr {clear: none !important;}
dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;}
dl.poll dd {padding:6px 0;margin-left: 0;}
.polls_color_1 {background:#000;}
.polls_color_2 {background:#999;}
.polls_color_3 {background:#93246F;}
.polls_color_4 {background:#000;}
.polls_color_5 {background:#ccc;}
.polls_color_6 {background:#93246F;}
#main-content .poll {padding-top: 15px;}
.blog_more h2, .newsfeeds-default .article-info-surround h2 {margin: 0;padding: 0;text-transform: uppercase;font-size: 110%;font-weight: bold;}
.newsfeeds-default .article-info-surround {margin-top: 10px;}
ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav {margin: 0;padding: 0;}
ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li {list-style: none;margin-bottom: 6px;padding-bottom: 6px;padding-left: 5px;}
ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a {font-weight: bold;font-size: 110%;display: block;padding-left: 12px;}
.bannergroup_text .bannerheader {font-size: 120%;font-weight: bold;margin-bottom: 15px;}
.bannergroup_text .banneritem_text {margin-bottom: 15px;}
.bannergroup_text .banneritem_text a {font-weight: bold;}
/* Form overrides */
#main-content form.editor {padding:0;margin:0;}
#main-content form.editor {color:#333;}
#main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;}
#main-content form.editor fieldset a {color: #00c;}
#main-content form.editor fieldset {padding:10px; border: 1px solid #ccc;}
#main-content form.editor legend {font-size:120%;margin:15px 0;padding:0 10px;font-weight:bold;}
#main-content form.editor label {display:block;width: 120px;float:left;}
#main-content form.editor div.radio label {display:inline;width:auto;float:none;}
/* Login Styles */
form.form-login p {margin: 0;}
form.search_result input#search_searchword.inputbox, form.form-login .inputbox, form.josForm input#email, .input-surround .inputbox {width: 96%;height: 22px;border: 0;padding-left: 10px;font-size: 16px;padding-top: 7px;line-height: 10px;}
form.search_result input#search_searchword.inputbox {margin-left: 0;}
form.search_result .input-field-l, form.josForm .input-field-l, .input-surround .input-field-l {width: 300px;}
form.josForm .input-field-l, .input-surround .input-field-l {float: left;}
form.form-login .input-field-l, .input-surround .input-field-l {margin-bottom: 5px;}
form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;}
form.form-login .login-links a {padding-left: 12px;font-size: 110%;}
form.form-login input.button, form.log input.button {border: 0;background: none;height: 30px;}
form.log .readon-wrap1 {margin-top: 5px;}
input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;}
.readon1-r input.button, .readon1-r button {color: #fff;}
form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;}
.register-page input.button, form.josForm input.validate {background: none;border: 0;}
.register-page input.button {padding-top: 7px;height: 22px;line-height: 16px;}
form#josForm.form-validate.user, .edit-user-form {float: left;overflow: hidden;padding-bottom: 15px;}
.edit-user-form {padding-top: 15px;}
.register-page label {display: block;}
.register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;}
div.user_name {margin-bottom: 10px;}
div.user_name span {font-weight: bold;font-size: 110%;}
.user-params {margin-bottom: 20px;}
.user-params td.paramlist_key {width: auto;}
.edit-user-button {margin: 0 auto;width: 80px;}
#login-module {display: none;padding: 0 5px 10px 5px;}
#login-module h3 {margin: 0 0 15px 0;padding: 0 0 0 22px;font-weight: bold;line-height: 150%;}
#login-module form.form-login, #login-module form.log {margin: 0;background:none;border:0;}
#login-module .sidemod-title {border:0;}
#login-module form.form-login .inputbox {border: 0;}
#login-module input.button {background: none;border: 0;height: 30px;}
.remember-me {margin-top: 15px;margin-bottom: 5px;font-size: 110%;}
#login-module .readon-wrap1, form.form-login .readon-wrap1 {margin-top: 5px;}
a#rokbox-close {height: 22px;width: 22px;float: right;}
form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px}
.name, .pass {width: 300px;}
.input-surround .input-field-l {background: url(../images/input-field-r.png) 100% -90px no-repeat;}
.input-surround .inputbox {background: url(../images/input-field-l.png) 0 -90px no-repeat;color: #41423D;}
.readon-surround {clear: both;overflow: hidden;}
/* Bottom Section */
#bottom-bg {height: 45px;}
#bottom-menu-overlay {height: 45px;line-height: 55px;}
#botbar {padding: 15px;overflow: hidden;position: relative;}
#bottom {overflow: hidden;padding-bottom: 15px;padding-top: 15px;}
#bottom-menu {overflow: hidden;padding: 0;text-align: center;}
#top-button {position: absolute;right: 25px;top: 16px;width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;}
#top-button a:hover {text-decoration: none;}
.top-button-spacer {height: 15px;}
.copyright-block {width: 500px;margin: 0 auto;text-align: center;}
#copyright {padding: 15px 0 8px 0;}
#bottom-menu ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu ul li {display: inline;}
#bottom-menu ul li a, #bottom-menu ul li .separator {padding: 0 15px;font-size: 120%;font-weight: bold;}
#bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {text-decoration: none;}
#rocket {width: 111px;height: 15px;display: block;margin: 0 auto;}
#debug-mod {padding: 15px;}
#bottom ul {margin: 0;padding-left: 10px;list-style: none;}
#bottom ul li a {padding-left: 13px;padding-bottom: 5px;display: block;}
#bottom ul li:hover a {text-decoration: none;}
a#clear-cookies {display: block;text-align: center;margin-top: 10px;}
/* RokTabs */
.roktabs-wrapper {padding: 0;position: relative;}
.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}
.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;}
.roktabs-wrapper .roktabs-container-wrapper div {float: left;}
.roktabs-wrapper .roktabs-container-wrapper div.wrapper {margin: 0 10px 10px 10px;padding: 10px;width: auto;}
.tabs-bottom .roktabs-container-wrapper div.wrapper {margin: 10px 10px 0 10px;padding: 10px;width: auto;}
.roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 30px;overflow: hidden;}
.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 20px;padding: 0;height: 30px;}
.roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;overflow:hidden;margin: 0;height: 30px;}
.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 30px;line-height: 30px;}
.roktabs-wrapper .roktabs-links ul li.last {margin-right: -2px;}
.roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;}
.roktabs-wrapper .roktabs-links ul {padding: 0;}
.roktabs-wrapper .roktabs-links ul li.active {margin: 0;}
.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 30px;}
.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 30px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:30px;width: 20px;background-repeat: no-repeat;}
.roktabs-wrapper .arrow-next {background-position: 100% 0;}
.roktabs-wrapper .arrow-prev {background-position: 0 0;}
.roktabs-wrapper .arrow-next:hover {background-position: 100% -30px;}
.roktabs-wrapper .arrow-prev:hover {background-position: 0 -30px;}
.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}
.tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;}
.clear {clear: both;}
/* RokTwittie */
#roktwittie .info .name { display: inline; }
/* RSS Feeds */
ul.newsfeed {margin: 0;padding: 0;}
a.newsfeed-title {text-transform: uppercase;font-weight: bold;}
ul.newsfeed li {list-style: none;padding-left: 12px;margin-bottom: 12px;}
ul.newsfeed li a {font-weight: bold;font-size: 120%;}
ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;}
/* Typography */
#page-bg .feature-block .readon-wrap1, .readon-wrap1 {margin-top: 15px;position:relative;float:left;}
#page-bg .feature-block .readon-wrap1 span, .readon-wrap1 span {display:block;height: 30px;line-height: 30px;}
#page-bg .feature-block a.readon, a.readon {font-weight: bold;}
#page-bg .feature-block a.readon-main, a.readon-main {font-size: 12px;cursor: pointer;}
#page-bg .feature-block a.readon-main:hover, a.readon-main:hover {text-decoration: none;}
#page-bg .feature-block .readon1-l, .readon1-l {position:absolute;width: 15px;height: 30px;left:0;top:0;}
#page-bg .feature-block .readon1-m, .readon1-m {margin-left: 15px;text-align: center;}
#page-bg .feature-block .readon1-r, .readon1-r {margin-right: -15px;padding-right: 15px;}
#page-bg .rokstories-layout2 .labels-title {background: none;}
#page-bg .rokstories-layout2 .feature-arrow-r {height: 73px;top: 38%;width: 38px;}
#page-bg .rokstories-layout2 .feature-arrow-l {height: 73px;top: 38%;width: 38px;}
#page-bg .rokstories-layout2 .labels-title {font-size: 18px;color: #fff;font-weight: normal;}
#page-bg .rokstories-layout2 .feature-title {font-size: 20px;margin-bottom: 10px;line-height: 110%;}
#page-bg .rokstories-layout2 .feature-desc {font-size: 14px;}
#page-bg .feature-block-tl {position: absolute;width: 16px;height: 16px;top: 0;left: 0;}
#page-bg .feature-block-tr {position: absolute;width: 16px;height: 16px;top: 0;right: 0;}
#page-bg .feature-block-bl {position: absolute;width: 16px;height: 16px;bottom: 0;left: 0;}
#page-bg .feature-block-br {position: absolute;width: 16px;height: 16px;bottom: 0;right: 0;}
#page-bg .feature-arrow-r {width: 40px;height: 73px;position: absolute;right: 0;top: 38%;cursor: pointer;}
#page-bg .feature-arrow-l {width: 40px;height: 73px;position: absolute;left: 0;top: 38%;cursor: pointer;}
#page-bg .labels-title {line-height: 47px;font-size: 150%;color: #fff;font-weight:normal;height:auto;padding:0;}
#page-bg .feature-block-title {position: absolute;bottom: 15px;left: 15px;font-weight:normal;}
#page-bg .feature-block-title2 {width: 15px;height: 47px;background: url(../images/feature-block-title.png) 0 0 no-repeat;float: left;}
#page-bg .feature-block-title3 {padding: 0 25px 0 10px;height: 47px;background: url(../images/feature-block-title.png) 100% 0 no-repeat;margin-left: 15px;}
/* RokBridge Modules */
.latest_posts {padding-bottom: 6px;margin-top: 6px;}
.latest_posts_subject a {font-weight: bold;}
.rokbridge_login form.form-login .login-links a {display: block;font-size: 100%;margin-bottom: 2px;}
.login-bold {font-weight: bold;font-size: 110%;}
.rokbridge_login span.avatar img {width: 25px !important;height: 25px !important;float: left;margin-right: 10px;}
.rokbridge_login h4.welcome {line-height: 25px;}
.rb-latest-members .rb-avatar-row {padding-bottom: 8px;margin-bottom: 8px;}
.rb-latest-members .rb-avatar img {margin-right: 8px;}
.latest_posts_subject a {padding-left: 12px;display: block;}
/* Alerts */
#maincontent-block div.error {background: #FCE7E7 url(../images/alerts/alert-tl.png) 0 0 no-repeat;padding: 0;margin: 0 0 20px 0;color: #c00;font-weight: bold;}
#maincontent-block div.error .c2 {background: url(../images/alerts/alert-tr.png) 100% 0 no-repeat;}
#maincontent-block div.error .c3 {background: url(../images/alerts/alert-bl.png) 0 100% no-repeat;}
#maincontent-block div.error .c4 {background: url(../images/alerts/alert-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.error span {background: url(../images/alerts/alert-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.error a {color: #c00;}
#maincontent-block div.notice, #maincontent-block div.message {background: #E9EFFC url(../images/alerts/notice-tl.png) 0 0 no-repeat;padding: 0;margin: 0 0 20px 0;color: #005CAF;font-weight: bold;}
#maincontent-block div.notice .c2, #maincontent-block div.message .c2 {background: url(../images/alerts/notice-tr.png) 100% 0 no-repeat;}
#maincontent-block div.notice .c3, #maincontent-block div.message .c3 {background: url(../images/alerts/notice-bl.png) 0 100% no-repeat;}
#maincontent-block div.notice .c4, #maincontent-block div.message .c4 {background: url(../images/alerts/notice-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.notice span, #maincontent-block div.message span {background: url(../images/alerts/notice-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.notice a, #maincontent-block div.message a {color: #005CAF;}
#maincontent-block div.warn {background: #F5F3D9 url(../images/alerts/desc-tl.png) 0 0 no-repeat;padding: 0;margin: 20px 0;color: #73621C;font-weight: bold;}
#maincontent-block div.warn .c2 {background: url(../images/alerts/desc-tr.png) 100% 0 no-repeat;}
#maincontent-block div.warn .c3 {background: url(../images/alerts/desc-bl.png) 0 100% no-repeat;}
#maincontent-block div.warn .c4 {background: url(../images/alerts/desc-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.warn span {background: url(../images/alerts/desc-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.warn a {color: #73621C;}
#maincontent-block div.warn.mod, #maincontent-block div.error.mod, #maincontent-block div.notice.mod, #maincontent-block div.message.mod, #maincontent-block div.description.mod {margin: 0;}
/* @group Demo Content */
#mainmodules .article_separator {display: none;}
.flush .moduletable {margin-bottom: 0;}
/* Custom Modules Tutorial */
.rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;}
.rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;}
.rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;}
.rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;}
.rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;}
.rokmod-demo-block .demo-span1 {font-weight: bold;}
/* Tutorials */
.tut-block {height: 100px; display: block;}
.tut-img {float: left; margin-right: 10px;}
.tut-title {font-size: 130%;font-weight: bold;margin-bottom: 15px;padding-top: 3px;}
pre {overflow: auto;}
.tut-tool-tip {color: #fff;width: 139px;z-index: 13000;}
.tut-tool-title {display: none;}
.tut-tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(../images/bubble.png) bottom right;}
.tut-tool-text span { overflow: auto; display: block;}
/* Variation Chooser */
.variation-chooser {margin-top:15px;position:relative; margin-left: 15px;overflow:hidden;}
.variation-chooser .controls {height:25px;position:absolute;}
.variation-chooser .control-prev, .variation-chooser .control-next {cursor:pointer;float:left;height:16px;margin-right:3px;margin-top:1px;width:16px;}
.variation-chooser .control-prev {background-position:0 0;margin-right:0.4em;}
.variation-chooser .control-prev:hover {background-position:0 -16px;}
.variation-chooser .control-next {background-position:0 -32px;margin-left:0.4em;}
.variation-chooser .control-next:hover {background-position:0 -48px;}
.variation-chooser input {background: #fff;border: 1px solid #ddd;width: 50px;text-align: center;margin-left: 125px;color:#333;}
/* @end */
11 odgovorov
Zakaj ne bi namontiral firebuga in ugotovil v katerem stilu je to zapisano, ne pa da se mi mucimo s temi dolgimi jaj... :)
i have just one word for you
meni je pomagal narediti misijo nemogoče .. za moje znanje cssja :)
EDIT: v naprej hvala za pluse, ampak tale programček je že bil objavljen na forumu s strani nekega uporabnika ... :)
maatej:
element.style {
width:313px;to poišč in spremeni za vsakega od treh modulčkov posebej
ni fiksne širine, ker se prilagajajo glede na širino teme...če odstraniš eno modul pozicijo, se ostali dve raztegneta na 50% 50%
Balonar, hvala za tole, bom sprobal...
No no naj ti bo.
block first
block middle
block last
Tem elementom moreš spremenit širino, ki je trenutno 313px
neskoncno:
No no naj ti bo.block first
block middle
block lastTem elementom moreš spremenit širino, ki je trenutno 313px
kot sem že napisal en odgovor višje...širina pozicij ni fiksno določena...če v nastavitvah template spremenim širino iz 930px na 1200px, bodo tudi te pozicije širše in bo v firebug-u pisalo block.first, middle in last 400px...se pravi je nekje napisano koliko % naj ena pozicija zasede...seveda če si jaz to prav razlagam, kar je pa čist možno da si narobe...ker toliko se pa ne spoznam in zato sprašujem tukaj...
No zadevo boš dokaj težko uredil saj je koda napisana zelo specifično. Narejeno je tako da se bodo moduli zmeraj porazdelili v razmerju 1:3, 1:2 ali pa 1:1. Odvisno koliko jih boš imel vključenih.
Preglej malo datoteko rt_sectionrows.php kjer boš videl da je narejeno kako se prilagaja širina modulov, user1, user2, user3 glede na druge dejavnike.
Tako da veselo na delo in popravit zadevo(na žalost pa je taka stvar kar zamudna).