1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Help me to edit stylesheet of wordpress blog

Discussion in 'WordPress' started by jamuna, Oct 26, 2008.

0
  1. #1
    i want to edit the stylesheet of wordpress blog in order to enable 'justified' text in my post contents.

    Here is my blog link Indian DTH News

    Below is stylesheet text

    any idea?

    ========
    

/*
Theme Name: Sleepy Blue
Theme URI: http://www.ehomy.net/
Description: A Smart 2-column, blue and gray Wordpress theme designed by <a href="http://www.ehomy.net">Eyoung</a>. 
Version: 1.0
Author: Eyoung
Author URI: http://www.ehomy.net/

	This theme is released under Creative Commons Attribution 2.5 License.

*/


/*######################################################################################################
  ###### General styles ###############################################################################
  ####################################################################################################*/

body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial, Verdana;
	color: #333333;
	background: #FFFFFF url(images/main-bg.gif);
	margin: 0px;
	padding: 0px;
}

/***************** Links *******************/
a {
	color: #4A7C35;
	text-decoration: none;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}

img {
	border: none;
}

h1 {
	margin:0px;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial, Verdana;
	color: #ACD7EE;
}
h1 a, h1 a:visited{
	color: #ACD7EE;
	text-decoration: none;
}
h1 a:hover{
	color: #F6F5EE;
	text-decoration: none;
}

h2 {
	color: #4E79A2;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #8D8D8D;
	letter-spacing: -1px;
	font: normal 175%/100% "Trebuchet MS", Tahoma, Arial, Verdana;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #7D8092;
	text-decoration: none;
}
h2 a:hover {
	color: #4E79A2;
	text-decoration: none;
}

h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial, Verdana;
	color: #4E79A2;
	margin: 10px 0px 5px;
}

h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial, Verdana;
	color: #758d38;
	margin: 10px 0px 5px;
}

form {
	margin:0px;
	padding:0px;
}

#wrap {
	margin: 0px auto;
	width: 780px;
	border-left: 5px solid #8D8D8D;
	border-right: 5px solid #8D8D8D;
	background: #FFFFFE url(images/content-bg.gif) repeat-y;
	overflow: hidden;
	position:relative;
}

/***************** Code, Blockquote etc. **************************************/
code {
	background-color: #ececec;
	padding: 1px;
	border: 1px solid #cccccc;
}
blockquote {
	background: #F9F9F9;
	border-left: 3px solid #AAAAAA;
	padding-left: 6px;
	margin: 7px 10px 7px 10px;
	font-style: italic;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}


/*######################################################################################################
  ###### Header ########################################################################################
  ####################################################################################################*/

#header {
	background: #2D405B;
	height: 110px;
	border-bottom: 3px solid #4E79A2;
	position: relative;
	color: #4E79A2;
}
#headerimg {
	position: relative;
	background: url(images/logo.gif) no-repeat left center;
	padding: 10px 0px 0px 0px;
	height: 60px;
	margin: 0px auto;
	padding-left: 60px;
	width: 680px;
}
#headerimg .description{
	position: absolute;
	bottom: 3px;
	color: #F6F5EE;
	font-size: 14px;
}

/***************** Header Navigation ******************************************/
#navi {
	background: #ECECEC;
	height: 30px;
	width: 780px;
	margin: 0px auto;
	margin-top: 5px;
	border-top: 5px solid #8D8D8D;
	border-left: 5px solid #8D8D8D;
	border-right: 5px solid #8D8D8D;
}
#navi ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#navi ul li {
	list-style-type: none;
	float: left;
	border-right: 1px solid #8D8D8D;
	line-height: 30px;
    font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
#navi ul li a {
	display: block;
	color: #40608C;
	text-decoration: none;
	background: #ECECEC;
	padding: 0px 15px;
	line-height: 30px;
}
#navi ul li.current_page_item a {
	color: white;
	background: #4E79A2;
}
#navi ul li a:hover {
	color: #4E79A2;
	background: #FFF;
}


/*######################################################################################################
  ###### Content #######################################################################################
  ####################################################################################################*/

#content {
	padding: 10px 0px 15px 14px;
	float: left;
	width: 512px;
	overflow: hidden;
}
.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.entry {
	float:right;
	width: 458px;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat left center;
	padding-left: 20px;
	float:left;
	font-size: 95%;
}
.post-author {
    background: url(images/icon-users.gif) no-repeat left center;
	margin-left: 10px;
	padding-left: 20px;
	float: left;
	font-size: 95%;
}
.post-tag {
    margin-left: 10px;
	float: left;
	font-size: 95%;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat left bottom;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
/******** post content ********/
.post-content {
	clear: both;
	padding-top: 10px;
}
.post-content p {
	margin: 0px 0px 15px 0px;
}
.post-content img {
	border: 1px solid #C7C7C7;
	padding: 5px;
}
.post-content a:hover img {
    border: 1px solid #4E79A2;
	padding: 5px;
	background: #4E79A2;
}

/**** entrymeta ****/
.entrymeta {
	border: 1px solid #8d8d8d;
	background-color: #f9f9f9;
	font-size: 90%;
}
.entrymeta ul {
    margin: 8px auto 8px 40px;
	padding: 0px;
}
.entrymeta ul li {
  	list-style-type: none;
}
.trackback-leftalign { background: url(images/icon-trackback.png) no-repeat 0 50%; padding-left: 14px; }
.feed-leftalign { background: url(images/icon-post-feed.gif) no-repeat 0 50%; padding-left: 14px; }
/***************** Tags below the link of the comments feed ********************/
.utwtags { background: url(images/icon-tag.gif) no-repeat 0 50%; padding-left: 14px; }

.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #4A7C35;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #8D8D8D;
	padding: 10px 0 5px 0;
	clear: both;
}

/*** commentlist ***/
.commentlist {
    list-style: none;
	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;
}
.commentlist li{
    margin-bottom: 6px;
	padding: 10px;
}
.commentlist .alt {
	background: #F9F9F9;
	border: 1px dotted #8D8D8D;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentname{
	color: #4E79A2;
}
.gravatar {
    border: 1px solid #AAAAAA;
	padding: 5px;
    float: left;
	height: 32px;
	width: 32px;
	background: url(images/gravatar.png) no-repeat 5px 2px;
	display: inline;
}
.commentcount {
    font: bold 2.2em Georgia,sans-serif;
	color: #DEDEDE;
	float: right;
}
.commentext { /* That's the div of the text... */ 
	padding: 0px 0px 0px 50px;
}

/***** comment form *****/
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 2px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#F9F9F9;
	border: 1px dotted #8D8D8D;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 506px;
/** height: 115px; **/
	background:#F9F9F9;
	border: 1px solid #8D8D8D;
	padding: 2px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}

/** Quicktags **/
#quicktags {
	margin-top: 4px;
	margin-bottom: 0px;
}

#quicktags input {
	background: #f9f9f9 url(images/button-bg.png) repeat-x;
	border: 1px solid #aaaaaa;
	font-size: .9em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	margin: 1px 2px 0px 0px;
	padding: 0px 1px 0px 1px;
}

#quicktags input:hover {
	border: 1px solid #4E79A2;
}


/*######################################################################################################
  ###### Sidebar #######################################################################################
  ####################################################################################################*/

#sidebar {
	float: right;
	padding: 15px 10px 20px 10px;
	width: 220px;
	color: #666666;
	overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #4E79A2;
	margin: 20px 0px 2px;
	border-bottom: 1px solid #8D8D8D;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #495233;
	text-decoration: none;
}
#sidebar a:hover{
	color: #135193;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #DDD;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.list-blogroll li, li.widget_links li {
	background: url(images/mini-blogroll.gif) no-repeat left center !important;
	padding-left: 20px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li {
	background: url(images/mini-category.gif) no-repeat left center !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li {
	background: url(images/mini-monthly-archive.gif) no-repeat left center !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li {
	background: url(images/mini-page.gif) no-repeat 0px 3px !important;
	padding-left: 20px !important;
}

/*sub-pages 
ul.list-page li ul li, li.widget_pages li ul li {
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}*/

/*recent comments widget */
ul.recent-comments li, li.widget_recent_comments li {
	background: url(images/mini-recent-comments.gif) no-repeat 0px 4px !important;
	padding-left: 20px !important;
	list-style: none;
	color: #5A6695;
}

/********* calendar ********/
li.calendar table, li.widget_calendar table {
    width: 100%;
	font-size: 95%;
}
li.calendar table td, li.widget_calendar table td {
	width: auto;
	text-align: center;
	border: 1px solid #CCC;
}
li.calendar table td a, li.widget_calendar table td a {
    display:block;
	background: #CCC;
}
li.calendar table td a:hover, li.widget_calendar table td a:hover {
    display:block;
	background: #F6F6F6;
}
li.calendar table td#today, li.calendar table td#today a:hover, li.widget_calendar table td#today, li.widget_calendar table td#today a:hover {
    background: #F6F6F6;
    color: #135193;
}
li.calendar table td#today a, li.widget_calendar table td#today a {
    background: #4E79A2;
	color: #F6F6F6;
} 

/*** links ***/
ul.list-meta li, li.widget_meta li {
	background: url(images/link.gif) no-repeat left center !important;
	padding-left: 20px !important;
}
/*** feeds ***/
ul.list-feeds li a {
    display: block;
	background: url(images/icon-feed-orange.gif) no-repeat left center !important;
	padding-left: 20px !important;
}
ul.list-feeds li a:hover {
	background: url(images/icon-feed-blue.gif) no-repeat left center !important;
	padding-left: 20px !important;
} 
/*text widget */
.textwidget {
	padding-top: 5px;
}

/*search form */
#searchform {
	margin: 0px;
}
#searchform br {
	display: none;
}
#searchform #s {
	width: 122px;
	height: 20px;
	padding: 4px 19px 0px 4px;
	border: 1px solid #8D8D8D;
	background: #FEFEFE url(images/search-icon.gif) right center no-repeat;
	margin-right: 2px;
	color: #333333;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background: url(images/search-btn-bg.gif) no-repeat;
	border: none;
	width: 67px;
	height: 26px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	vertical-align: middle;
}


/*######################################################################################################
  ###### Footer ########################################################################################
  ####################################################################################################*/

#footer {
    width: 780px;
	height: 30px;
	clear: both;
	background: #fefefe;
	margin: 0px auto 20px auto;
	border-left: 5px solid #8D8D8D;
	border-top: 1px solid #8D8D8D;
	border-right: 5px solid #8D8D8D;
	border-bottom: 5px solid #8D8D8D;
	text-align: center;
}

#footer p {
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
	color: #777;
	font-size: 95%;
}

#footer p a {
	color: #135193;
}
    Code (markup):
     
    jamuna, Oct 26, 2008 IP
  2. craiger22

    craiger22 Well-Known Member

    Messages:
    1,472
    Likes Received:
    99
    Best Answers:
    0
    Trophy Points:
    170
    #2
    Update the following:
    
.post-content {
	clear: both;
	padding-top: 10px;
        text-align:justify
}
    Code (markup):
    I belive that is what you wanted to do.
     
    craiger22, Oct 26, 2008 IP
    jamuna likes this.
  3. jamuna

    jamuna Active Member

    Messages:
    2,089
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    80
    #3
    thanks a lot
     
    jamuna, Oct 26, 2008 IP