...

View Full Version : remove rounded corners css



ikidunot
05-29-2010, 03:45 AM
I've been modding this wordpress theme for some time now but I cant seem to find the code that is making the widgets in the sidebar have rounded tabs. Im trying to locate it so I can make it square again.

www.ravegrounds.com

And here is the code from the widgets section. Not sure if its even in here...



/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget { margin: 0 0 20px 0; font-size:12px; }
.widget h3 { position: relative; margin: 0 0 5px 0; padding: 7px 0 7px 10px; font-size: 14px; color:#fff; background: #6ca0a8; }
.widget h3 span { position: absolute; left: 10px; top: 34px; display: block; width: 8px; height: 4px; background: url(images/bg-widget-h3.png) no-repeat left top; }
.widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; }

.widget ul { clear:both; }
.widget ul li { padding: 5px 0 5px 10px; font-size: 12px; border-bottom: 1px solid #dfdfdf; line-height: 16px; }
.widget ul li a { text-decoration: none; color: #3f3f3f; }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 10px; border-top: none; }
.widget ul ul li { padding-left: 0; }

#footer-widgets .widget h3 { background: none; color: #424242; border-bottom: 2px solid #dfdfdf; }
#footer-widgets .widget h3 span { display: none; }

/* 4.2 Specific Widgets */

/* TWITTER & RECENT COMMENTS */
.widget_recent_comments li a, .widget_woo_twitter a { display: inline; background: none!important; border: none!important; color: #6ca0a8!important; }

/* TEXT WIDGET */
.widget_text .textwidget { padding: 7px 10px 0; border-bottom: 1px solid #dfdfdf; }

/* SEARCH WIDGET */
.widget_woo_search h3 { margin: 0 0 15px 0; }
.widget_woo_search form { padding: 0 10px 10px; border-bottom: 1px solid #dfdfdf; }
.widget input.s { float:left; width: 65%; padding: 8px 0 8px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; background-color: #ededed; }
.widget input.s:focus { background-color: #fff; }
.widget .screen-reader-text { display: none; }
.widget input.submit { float:right; }

#footer-widgets .widget input.s { width: 50%; }

/* TAG CLOUD */
.widget_tag_cloud div { padding: 5px 10px 10px; border-bottom: 1px solid #dfdfdf; }
.widget_tag_cloud div a { color: #6ca0a8; }
.widget_tag_cloud div a:hover { color: #3f3f3f; text-decoration: none; }

/* FLICKR */
.widget_woo_flickr { border-bottom: 1px solid #dfdfdf; }
.widget_woo_flickr h3 { margin: 0 0 10px 0; }
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }

.widget_woo_flickr .wrap { padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #dfdfdf 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#6ca0a8 1px solid; }

/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* BLOG AUTHOR WIDGET */
.widget_woo_blogauthorinfo { padding: 0 0 5px; border-bottom: 1px solid #dfdfdf; }
.widget_woo_blogauthorinfo h3 { margin: 0 0 15px; }
.widget_woo_blogauthorinfo .avatar { padding: 3px; border: 1px solid #dfdfdf; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }

/* AD WIDGETS */
.adspace-widget h3 { margin: 0 0 10px 0; text-align: left; }
.adspace-widget { padding: 0 0 10px 0; text-align: center; }

#advert_125x125 { padding: 12px 0 0 0; border: 1px solid #dfdfdf; text-align: center; background: #eee; }
#advert_125x125 img { margin: 0 5px 7px; }

/* WOOTABS */
#tabs { margin-bottom:20px; }

#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; text-transform: uppercase; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#6ca0a8; text-decoration:none; color: #fff; }
#tabs ul.wooTabs li a { color:#a1a1a1; background: #dfdfdf; display: block;float: left;padding: 5px 10px; margin-right: 5px; font-size: 11px; font-weight: bold; }

#tabs .inside { background:#6ca0a8; padding:5px;}
#tabs .inside li { background:#fff; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border-width:1px 0 1px 0; }
#tabs .inside li { border-bottom:1px solid #dfdfdf; padding:10px; line-height: 16px; }
#tabs .inside li a { color:#3f3f3f; font-size: 14px; font-weight: bold; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font-size: 11px; font-style: italic; text-transform:uppercase; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; }
#tabs .inside #tab-comm a { font-weight: normal; font-size: 12px; }
#tabs .inside #tab-tags { background: #fff; }
#tabs .inside #tab-tags a { color: #3f3f3f; }
#tabs .inside #tab-tags a:hover { color: #6ca0a8; text-decoration: none; }

#footer-widgets #tabs ul.wooTabs li a { font-size: 11px; padding: 4px 5px; margin: 0 3px 0 0; background: #c4c4c4; color: #fff; }
#footer-widgets #tabs .inside { padding: 2px; background: #c4c4c4; }
#footer-widgets #tabs ul.wooTabs li a.selected, #footer-widgets #tabs ul.wooTabs li a:hover { color: #424242; }

Excavator
05-29-2010, 04:10 AM
Hello ikidunot,
In your effects.css you'll find
.widget h3, input.s, .nav-entries, .wp-pagenavi, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover, #comments .avatar, #commentform input.txt, #commentform textarea, .entry img, img.thumbnail { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
img.wp-smiley { -moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; }


You should look into FireBug for FireFox (http://getfirebug.com/). I found that bit of CSS in about half a second with it.

ikidunot
05-29-2010, 04:14 AM
thank you again for the help and tip :D



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum