A little CSS help

Discuss PivotX 2.0.x here. Non-PivotX related discussions go in The Drain.

A little CSS help

Postby mruwa1z » Fri May 24, 2013 8:17 pm

And it's me again!
I need your help with my CSS file. Well, the problem is with the post-text div - i guess. I want to delete all image borders and resizes on my page to make it look like in the entry view. When you're in the category view all images got that ugly border and some of them are resized for example - http://klinrap.com/images/2013-05/4p.jpg 615x302 but in the category view it's 623x310, BUT WHY?
Full CSS file (compressed, sorry) is in the codeblock below, i just can't find the line about image borders/resizes. I've found this
Code: Select all
border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;
but deleting doesn't helped.

Code: Select all
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:none;outline:none;font-size:100%;background:transparent;vertical-align:baseline;}
:focus{outline:0;}
table{border-spacing:0;border-collapse:collapse;}
html{color:#676767;font:13px sans-serif, Arial, Helvetica;background:#f1f1f1 url(../images/bg.png) repeat-x top;}
html, body{height:100%;}
div#container{width:980px;min-height:100%;height:auto !important;height:100%;margin:0 auto -130px;}
ul#page-nav{float:left;width:980px;height:36px;list-style:none;line-height:36px;font-size:15px;}
ul#page-nav li{float:left;}
ul#page-nav li a{float:left;color:#373d42;display:block;padding:0 20px;text-decoration:none;font-weight:bold;text-shadow:#96c696 1px 1px 1px;}
ul#page-nav li a:hover{color:#eee;background:#00f200;text-decoration:none;text-shadow:#373d42 1px 1px 1px;}
div#header{float:left;width:980px;margin-top:15px;height:136px;background:url(../images/spriteme1.png) no-repeat left;background-position:-10px -39.5px;}
div#header h1 a{float:left;text-decoration:none;font-size:50px;color:#ccc;color:#999;display:block;text-shadow:#2A2A2A 0px 3px 8px;padding-top:20px;}
.pivotx-search fieldset,
.pivotx-search-result fieldset{float:right;width:290px;height:61px;padding:44px 0 0 10px;background:url(../images/search-bar.png) no-repeat left;}
.pivotx-search label,
.pivotx-search legend,
.pivotx-search-result label,
.pivotx-search-result legend{display:none;visibility:hidden;}
div#header form.pivotx-search input#search{float:left;border:none;width:240px;color:#737373;padding-top:4px;background:#fff;font:15px Arial, Helvetica, sans-serif;}
div#header form.pivotx-search input.searchbutton{float:left;width:41px;height:26px;background:url(../images/search-button.png);border:0px;font-size:0px;cursor:pointer;}
ul#top-nav{float:left;width:980px;list-style:none;height:35px;margin-top:9px;}
ul#top-nav li{float:left;line-height:35px;padding-left:1px;background:url(../images/spriteme1.png) no-repeat left;background-position:-10px -203.5px;}
ul#top-nav li a{float:left;color:#ffffff;display:block;padding:0 20px;font-size:15px;font-weight:bold;text-decoration:none;text-shadow:0.1em 0.1em 0.2em black;font-family:Verdana;}
ul#top-nav li a:hover{background:#fff;}
ul.nav, ul.nav ul{list-style:none;}
ul.nav{z-index:100;}
ul.nav li{float:left;position:relative;}
ul.nav li a{display:block;text-decoration:none;}
ul.nav ul{width:100px;top:-999em;background:#ccc;list-style:none;position:absolute;}
ul.nav li:hover ul, ul.nav li.sfHover ul{top:42px;left:1px;}
ul.nav ul li{float:none;border-top:1px solid #dedede;border-bottom:1px solid #bebebe;}
ul.nav ul a{width:100px;text-decoration:none;}
ul.nav ul a:hover{background:#ccc;color:#000;}
ul#top-nav li ul li{padding:0;background:#ccc;}
ul#top-nav li ul li a{font-size:14px;font-weight:normal;text-decoration:none;}
div#content{float:left;width:660px;padding:50px 0 90px 0;}
a:hover{text-decoration:none;}
div.post{float:left;width:660px;padding-top:5px;margin-bottom:30px;background:url(../images/spriteme3.png) no-repeat top;background-position:-10px -10px;}
div.post div.post-bg{float:left;width:630px;padding:15px;background:url(../images/spriteme2.png) repeat-y;background-position:-10px 0px;}
div.post div.post-bg img{float:right;border:4px double #ccc;margin:0px 20px 5px 8px;}
div.post div.post-bg div.post-text{padding-left:20px;}
div.post div.post-bg div.post-text a{color:#3f709a;text-decoration:none;}
div.post div.post-bg div.post-text a:hover{color:#3f3f3f;}
div.post div.post-bg div.post-text h3 a, div.page div.page-content h2, div#content h2.title{color:#3f3f3f;text-decoration:none;font:bold 30px "Helvetica Neue", Helvetica, Arial, sans-serif;}
div.post div.post-bg div.post-text h3 a:hover{color:#3f709a;}
div.post div.post-bg div.post-text p, div.page div.page-content p{margin-top:1em;line-height:20px;text-align:justify;}
div.post div.post-info, div.page div.page-tags{float:left;width:630px;height:45px;color:#737373;padding:0 15px;line-height:45px;text-shadow:#fff 0 1px 1px;background:url(../images/page-info.png);}
div.post div.post-info a, div.page div.page-tags a{color:#3f709a;text-decoration:none;}
div.post div.post-info a, div.page div.page-tags a:hover{color:#3f3f3f;text-decoration:none;}
div.post div.post-info p.post-date{float:left;font-size:13px;font-weight:bold;}
div.post div.post-info p.post-date a{color:#3f709a;}
div.post div.post-info p.post-date a:hover{color:#3f3f3f;text-decoration:none;}
div.post div.post-info p.post-comments{float:right;font-size:16px;font-weight:bold;}
div.post div.post-info p.post-comments a{color:#3f709a;padding-left:25px;text-decoration:none;background:url(../images/comment.png) no-repeat center left;}
div.post div.post-info p.post-comments a:hover{color:#3f3f3f;}
div.page{float:left;width:660px;color:#737373;padding-top:5px;margin-bottom:30px;background:url(../images/spriteme3.png) no-repeat top;background-position:-10px -10px;}
div.page a{color:#3f709a;text-decoration:none;}
div.page img{display:inline;margin:0 20px 5px 8px;}
div.page div.page-content{float:left;width:630px;padding:15px 15px 30px 15px;background:url(../images/spriteme2.png) repeat-y;background-position:-10px 0px;}
div.page div.page-content a:hover{color:#3f3f3f;}
div.page div.page-content h2{padding-bottom:8px;}
div.page div.page-content h3, h4, h5, h6{color:#3f3f3f;margin-top:1em;font-weight:bold;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
div.page div.page-content h3{font-size:24px;}
div.page div.page-content h4{font-size:22px;}
div.page div.page-content h5{font-size:18px;}
div.page div.page-content h6{font-size:15px;}
div.page div.page-content blockquote{margin-top:1em;line-height:20px;font-style:italic;padding-left:20px;border-left:3px solid #ddd;}
div.page div.page-content p.post-date{color:#454546;font-size:13px;display:inline;padding:5px 10px;background:#fff298;border:1px solid #e0c828;}
div.page div.page-content p.error{color:#c74646;font-size:17px;line-height:25px;padding:10px 15px;background:#ffebe8;border:1px solid #e19292;}
div.page div.page-content p.error strong, p.error a{color:#9b3939;text-decoration:none;}
div.page div.page-content p.post-date a{color:#836000;text-decoration:none;}
div.page div.page-content ol, div.post ol{color:#454546;margin-top:1em;background:#ebf2f8;border:1px solid #bfd1e1;list-style:decimal outside;padding:15px 15px 15px 40px;}
div.page div.page-content pre, div.post pre{color:#454546;margin-top:1em;background:#f1f1f1;border:1px solid #ccc;padding:15px 15px 15px 40px;}
div.page div.page-content blockquote, div.post blockquote{color:#454546;margin-top:1em;font-size:16px;font-style:italic;font-weight:bold;border:1px solid #454545;padding:15px 15px 15px 40px;}
div.page div.page-content ol li , div.post ol li{padding:7px 0;}
div.page div.page-content ul, div.post ul{color:#454546;padding:15px;margin-top:1em;list-style:none;background:#ebf2f8;border:1px solid #bfd1e1;}
div.page div.page-content ul li, div.post ul li{padding:7px 0 7px 25px;background:url(../images/bullet_blue.png) no-repeat center left;*/text-decoration:none;}
div.page div.page-content form#commentform label{float:left;width:630px;padding:10px 0 5px 0;}
div.page div.page-content form#commentform input.text-input{float:left;width:300px;color:#454546;background:#fff;padding:7px 10px;border:1px solid #ccc;font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;}
div.page div.page-content form#commentform textarea{float:left;width:600px;height:100px;padding:10px;color:#454546;background:#fff;overflow:auto;border:1px solid #ccc;font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;}
div.page div.page-content form#commentform input.submit{float:left;border:none;padding:10px;color:#454546;cursor:pointer;background:#ccc;margin:10px 3px 0 0;font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;}
div.page div.page-tags{font-size:13px;font-weight:bold;}
div.page div.page-tags strong{float:left;padding-right:5px;}
div.page div.page-tags ul{list-style:none;}
div.page div.page-tags ul li{display:inline;}
div.page div.page-close{float:left;width:660px;height:5px;background:url(../images/page-bottom.png) no-repeat;}
div.page div.response{float:left;width:630px;margin-top:20px;}
div.page div.response img{float:left;width:32px;height:32px;}
div.page div.response div.res-content{float:left;width:538px;padding:10px;background:#f1f1f1;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;}
div.page div.response div.res-content cite{float:left;width:538px;font-size:16px;font-weight:bold;font-style:normal;}
div.page div.response div.res-content cite span{font-weight:normal;}
div.page div.response div.res-content small{color:#737373;font-size:11px;}
div#sidebar{float:right;width:295px;padding:50px 0;}
div#sidebar h4{width:265px;color:#3f3f3f;padding:0 15px;font:bold 22px "Helvetica Neue", Helvetica, Arial, sans-serif;}
div#sidebar div.side-box{float:left;width:295px;padding-top:5px;margin-bottom:30px;background:url(../images/spriteme3.png) no-repeat top;background-position:-690px -10px;}
div#sidebar div.side-box div.box-content{float:left;width:295px;padding:5px 0;background:url(../images/spriteme2.png) repeat-y;background-position:-690px 0px;}
div#sidebar div.side-box div.box-content h4{margin:0;}
div#sidebar div.side-box div.box-content p{width:265px;color:#737373;padding:0 15px;line-height:20px;}
div#sidebar div.side-box div.box-content ul{color:#454546;padding:0px 15px;list-style:none;}
div#sidebar div.side-box div.box-content ul li{text-decoration:none;}
div#sidebar div.side-box div.box-content ul li a{color:#3f709a;font-size:12px;font-weight:bold;font-family:Verdana;text-decoration:none;}
div#sidebar div.side-box div.box-content ul li a:hover{color:#3f3f3f;text-decoration:none;}
div#sidebar div.side-box div.box-content h3{padding:7px 15px;}
div#sidebar div.side-box div.box-close{float:left;width:295px;height:5px;background:url(../images/spriteme1.png) no-repeat;background-position:-10px -10px;}
div#footer{float:left;width:100%;height:65px;text-shadow:#fff 0 1px 1px;background:#e5e5e5 url(../images/footer-bg.png) repeat-x;}
div#footer, div.push{height:65px;}
div#footer a{color:#3f709a;text-decoration:none;}
div#footer div#footer-content{width:980px;margin:0 auto;color:#979797;line-height:65px;}
div#footer div#footer-content p.footer-copyright{float:left;}
div#footer div#footer-content p.footer-powered{float:right;}
div#content h2.title{float:left;width:630px;height:63px;padding:0 15px;font-size:28px;line-height:63px;margin-bottom:20px;background:url(../images/heading-bg.png);}
div.yellow{width:100%;line-height:20px;}
div.yellow p.link-left, div.yellow p.link-right{}
div.yellow p.link-left a{float:left;padding:10px 15px;background:#fff298;border:1px solid #e0c828;display:block;}
div.yellow p.link-right a{float:right;padding:10px 15px;background:#fff298;border:1px solid #e0c828;display:block;}
div.yellow a{color:#836000;text-decoration:none;}
.float-right{float:right}
.float-left{float:left}
#search-results-list form{display:none;}
#search-results-list h2{color:#3f3f3f;text-decoration:none;font:bold 30px "Helvetica Neue", Helvetica, Arial, sans-serif;}
#tagbuttons img, #flickrpics img{float:left;}
#flickrpics{margin-top:1em;}
#tgrrsslist{clear:both;}
.pivotx-wrapper a:hover img{border:double #CCC;display:inline;float:right;margin:0px 20px 5px 8px;}
span.latestentries_date{font:10px verdana;}
#cookiesDiv{display:none;position:fixed;width:100%;text-align:center;background-color:#4283db;opacity:0.8;padding:10px 0;}
#cookiesDiv p{font:12px sans-serif, Arial, Helvetica;color:#fff;text-align:center;color:#fff;}
#cookiesDiv a{color:#000;text-decoration:none;}
#cookiesDiv a:hover{color:#fff;text-decoration:none;}
Last edited by mruwa1z on Sat May 25, 2013 12:16 pm, edited 2 times in total.
If i'm asking for help, it's about this site - http://klinrap.com
mruwa1z
 
Posts: 24
Joined: Sat May 04, 2013 3:37 pm

Re: A little CSS help

Postby Harm10 » Fri May 24, 2013 9:49 pm

If you use Web Developer by Chris Pederick you can see when you select display styles that the styling is done by your own css prettyPhoto.css.
I guess the line you are looking for is (according to Web Developer)
/* Line 91 */
div.post div.post-bg img

But this isn't really a PivotX problem........ :?
Quality is in the detail of things............

Want to change or update your PivotX site? Mail or PM me!
I can also convert your site to a Wordpress site!
Harm10
Developer
 
Posts: 2011
Joined: Wed Jun 17, 2009 9:37 am
Location: Somewhere in The Netherlands (aka Holland)

Re: A little CSS help

Postby mruwa1z » Fri May 24, 2013 10:37 pm

My God, thanks. :oops:
I knew that the image's border isn't exactly a PivotX issue but i had no idea why images on the category view are resized, that's why i decided to ask you guys for help. I'm still kinda new to the system so for me it could've been everything. Now it's fine, thanks again.
If i'm asking for help, it's about this site - http://klinrap.com
mruwa1z
 
Posts: 24
Joined: Sat May 04, 2013 3:37 pm

Re: A little CSS help

Postby Harm10 » Sat May 25, 2013 8:51 am

No real problem that you asked this............

BTW your page has
Code: Select all
<!--  PivotX feels unloved.. :-(  -->
because you do not have a link to PivotX on your page. :(
Quality is in the detail of things............

Want to change or update your PivotX site? Mail or PM me!
I can also convert your site to a Wordpress site!
Harm10
Developer
 
Posts: 2011
Joined: Wed Jun 17, 2009 9:37 am
Location: Somewhere in The Netherlands (aka Holland)

Re: A little CSS help

Postby mruwa1z » Sat May 25, 2013 11:05 am

Whoa, where should i put the link?
Last edited by mruwa1z on Sat May 25, 2013 12:15 pm, edited 1 time in total.
If i'm asking for help, it's about this site - http://klinrap.com
mruwa1z
 
Posts: 24
Joined: Sat May 04, 2013 3:37 pm

Re: A little CSS help/rewrite problem

Postby Harm10 » Sat May 25, 2013 11:34 am

You are not forced to use a link it would be nice. You can place it anywhere and in any form.
Excerpt from footer in theme Skinny:
Code: Select all
[[t]]Powered by[[/t]] <a href="http://pivotx.net/">


The forum post you are pointing to is about Minify and not Nivoslider.

We prefer that you open up new post per problem.
Quality is in the detail of things............

Want to change or update your PivotX site? Mail or PM me!
I can also convert your site to a Wordpress site!
Harm10
Developer
 
Posts: 2011
Joined: Wed Jun 17, 2009 9:37 am
Location: Somewhere in The Netherlands (aka Holland)


Return to 2.x Discussion

Who is online

Users browsing this forum: No registered users and 3 guests

cron