WordPress.org

Ready to get started?Download WordPress

Forums

TinyMCE Advanced
Change Default Font and Font Size (3 posts)

  1. sheldon365
    Member
    Posted 1 year ago #

    I am currently using Tinymce advanced as my editor but I am facing a problem, I use Times New Roman as my font and font size 6 (24 pt) and Bold Font weight in all my post. But the default font is set to a different value right now. So I have to manually set it to the value I want for each and every post, I would like it to load to its default values on its own.

    I have added the editor-style.css to the default theme folder and checked the Advanced Link and import editor-style.css options in the settings section and added add_editor_style(); but the changes only appear in the backend i.e in the visual editor and not on the website and even the backend does not have it exactly as I would have wanted it to appear or in the manner that it appears when I manually select the values.

    This is how my editor-style.css looks

    /*
    Theme Name: Twenty Eleven
    Description: Used to style the TinyMCE editor.
    */
    
    html .mceContentBody {
    	max-width: 584px;
    }
    * {
    	color: inherit;
    	font: 24px "Times New Roman", Times, serif;
    	font-style: inherit;
    	font-weight: bold;
    	line-height: 1.625;
    }
    body {
    	color: #333;
    	font: 24px "Times New Roman", Times, serif;
    	font-weight: 300;
    	line-height: 1.625;
    }
    
    /* Headings */
    h1,h2,h3,h4,h5,h6 {
    	clear: both;
    }
    h1,
    h2 {
    	color: #000;
    	font-size: 24px;
    	font-weight: bold;
    	margin: 0 0 .8125em;
    }
    h3 {
    	font-size: 24px;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }
    h4, h5, h6 {
    	font-size: 24px;
    	margin: 0;
    }
    hr {
    	background-color: #ccc;
    	border: 0;
    	height: 1px;
    	margin-bottom: 1.625em;
    }
    
    /* Text elements */
    p, ul, ol, dl {
    	font-weight: 300;
    }
    p {
    	margin-bottom: 1.625em;
    }
    ul, ol {
    	margin: 0 0 1.625em 2.5em;
    	padding: 0;
    }
    ul {
    	list-style: square;
    }
    ol {
    	list-style-type: decimal;
    }
    ol ol {
    	list-style: upper-alpha;
    }
    ol ol ol {
    	list-style: lower-roman;
    }
    ol ol ol ol {
    	list-style: lower-alpha;
    }
    ul ul, ol ol, ul ol, ol ul {
    	margin-bottom: 0;
    }
    dl {
    	margin: 0 1.625em;
    }
    dt {
    	font-size: 15px;
    	font-weight: bold;
    }
    dd {
    	margin: 0 0 1.625em;
    }
    strong {
    	font-weight: bold;
    }
    cite, em, i {
    	font-style: italic;
    }
    cite {
    	border: none;
    }
    big {
    	font-size: 131.25%;
    }
    .mceContentBody blockquote,
    .mceContentBody blockquote p {
    	font-family: Georgia, "Bitstream Charter", serif !important;
    	font-style: italic !important;
    	font-weight: normal;
    	margin: 0 3em;
    }
    .mceContentBody blockquote em,
    .mceContentBody blockquote i,
    .mceContentBody blockquote cite {
    	font-style: normal;
    }
    .mceContentBody blockquote cite {
    	color: #666;
    	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: 300;
    	letter-spacing: 0.05em;
    	text-transform: uppercase;
    }
    pre {
    	background: #f4f4f4;
    	font: 13px "Courier 10 Pitch", Courier, monospace;
    	line-height: 1.5;
    	margin-bottom: 1.625em;
    	padding: 0.75em 1.625em;
    }
    code, kbd, samp, var {
    	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    abbr, acronym, dfn {
    	border-bottom: 1px dotted #666;
    	cursor: help;
    }
    address {
    	display: block;
    	margin: 0 0 1.625em;
    }
    del {
    	color: #333;
    }
    ins {
    	background: #fff9c0;
    	border: none;
    	color: #333;
    	text-decoration: none;
    }
    sup,
    sub {
    	font-size: 10px;
    	height: 0;
    	line-height: 1;
    	position: relative;
    	vertical-align: baseline;
    }
    sup {
    	bottom: 1ex;
    }
    sub {
    	top: .5ex;
    }
    input[type=text],
    textarea {
    	background: #fafafa;
    	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	border: 1px solid #ddd;
    	color: #888;
    }
    input[type=text]:focus,
    textarea:focus {
    	color: #333;
    }
    textarea {
    	padding-left: 3px;
    	width: 98%;
    }
    input[type=text] {
    	padding: 3px;
    }
    
    /* Links */
    a,
    a em,
    a strong {
    	color: #1b8be0;
    	text-decoration: none;
    }
    a:focus,
    a:active,
    a:hover {
    	text-decoration: underline;
    }
    
    /* Alignment */
    .alignleft {
    	display: inline;
    	float: left;
    	margin-right: 1.625em;
    }
    .alignright {
    	display: inline;
    	float: right;
    	margin-left: 1.625em;
    }
    .aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    /* Tables */
    table {
    	border: none !important;
    	border-bottom: 1px solid #ddd !important;
    	border-collapse: collapse;
    	border-spacing: 0;
    	text-align: left;
    	margin: 0 0 1.625em;
    	width: 100%;
    }
    tr th {
    	border: none !important;
    	color: #666;
    	font-size: 10px;
    	font-weight: 500;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }
    td {
    	border: none !important;
    	border-top: 1px solid #ddd !important;
    	padding: 6px 10px 6px 0;
    }
    
    /* Images */
    img[class*="wp-image-"] {
    	height: auto;
    	max-width: 97.5%;
    }
    img.size-full {
    	width: auto; /* Prevent stretching of full-size images in IE8 */
    }
    img.wp-smiley {
    	border: none;
    	margin-bottom: 0;
    	margin-top: 0;
    	padding: 0;
    }
    p img,
    .wp-caption {
    	margin-top: 0.4em;
    }
    img,
    .editor-attachment {
    	border: 1px solid #ddd;
    	padding: 6px;
    }
    img.alignleft,
    img.alignright,
    img.aligncenter {
    	margin-bottom: 1.625em;
    }
    .wp-caption {
    	background: #eee;
    	border: none;
    	margin-bottom: 1.625em;
    	max-width: 96%;
    	padding: 9px;
    }
    .wp-caption img {
    	display: block;
    	margin: 5px auto 0 !important;
    	max-width: 98%;
    	border-color: #eee;
    }
    .wp-caption .wp-caption-text,
    .wp-caption-dd {
    	color: #666;
    	font-family: Georgia, serif !important;
    	font-size: 12px;
    	margin: 0 0 0.6em 0 !important;
    	padding: 0 0 5px 40px;
    	position: relative;
    	text-align: left;
    }
    .wp-caption .wp-caption-text:before {
    	color: #666;
    	content: '\2014';
    	font-size: 14px;
    	font-style: normal;
    	font-weight: bold;
    	margin-right: 5px;
    	position: absolute;
    	left: 10px;
    	top: 7px;
    }
    a:focus img[class*="wp-image-"],
    a:hover img[class*="wp-image-"],
    a:active img[class*="wp-image-"] {
    	background: #eee;
    	border-color: #bbb;
    }
    .wp-caption a:focus img,
    .wp-caption a:active img,
    .wp-caption a:hover img {
    	background: #fff;
    	border-color: #ddd;
    }

    This is how my Style.css looks

    /************************************************************************************
    RESET
    *************************************************************************************/
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
    strong, sub, sup, tt, var, legend, fieldset {
    	margin: 0;
    	padding: 0;
    }
    
    img, fieldset {
    	border: 0;
    }
    
    /* set img max width */
    img {
    	width: auto\9; /* ie8 */
    	max-width: 100%;
    	height: auto;
    }
    
    /* reset iphone text adjust */
    html {
    	-webkit-text-size-adjust: 100%;
    }
    
    /************************************************************************************
    GENERAL STYLING
    *************************************************************************************/
    body {
    	font: 24px/150% "Times New Roman", Times, serif;
            font-weight: bold;
    	background: #efefe8 url(images/body-bg.png);
    	color: #666;
    }
    p {
    	margin: 0 0 1.2em;
    	padding: 0;
    }
    a {
    	text-decoration: none;
    	outline: none;
    	color: #db6212;
    }
    a:hover {
    	text-decoration: underline;
    }
    small {
    	font-size: 87%;
    }
    em, i {
    }
    ul, ol {
    	margin: 1em 0 1.4em 24px;
    	padding: 0;
    	line-height: 140%;
    }
    li {
    	margin: 0 0 .5em 0;
    	padding: 0;
    }
    blockquote {
    	font: italic 24px/130% "Times New Roman", Times, serif;
    	padding: 8px 30px 15px;
    }
    h1, h2, h3, h4, h5, h6 {
    	line-height: 1.4em;
    	margin: 20px 0 .4em;
    	text-shadow: 0 1px 1px rgba(0,0,0,.2);
    }
    h1 {
    	font-size: 2em;
    }
    h2 {
    	font-size: 1.6em;
    }
    h3 {
    	font-size: 1.4em;
    }
    h4 {
    	font-size: 1.2em;
    }
    h5 {
    	font-size: 1.1em;
    }
    h6 {
    	font-size: 1em;
    }
    input, textarea, select {
    	font-size: 100%;
    	font-family: inherit;
    }
    textarea {
    	line-height: 150%;
    }
    input[type=text], input[type=password], textarea {
    	border: none;
    	padding: 5px 7px;
    	background: #e2e2de;
    	color: #666;
    	-webkit-border-radius: 12px;
    	-moz-border-radius: 12px;
    	border-radius: 12px;
    	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4);
    	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4);
    	box-shadow: 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.4);
    	-webkit-appearance: none;
    }
    textarea {
    	-webkit-border-radius: 8px;
    	-moz-border-radius: 8px;
    	border-radius: 8px;
    }
    textarea:focus, input[type=password]:focus, input[type=text]:focus {
    	border: none;
    	outline: none;
    }
    /* set input width */
    input[type=text], input[type=search] {
    	width: 240px;
    	max-width: 90%;
    }
    /* set textarea width */
    textarea {
    	line-height: 150%;
    	padding: 6px 2%;
    	width: 96%;
    }
    input[type=reset], input[type=submit] {
    	background: #666;
    	text-transform: uppercase;
    	color: #fff;
    	border: none;
    	padding: 6px 20px;
    	cursor: pointer;
    	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#333333));
    	background: -moz-linear-gradient(top,  #777777,  #333333);
    	background: linear-gradient(-90deg, #777777, #333333);
    	-webkit-border-radius: 10em;
    	-moz-border-radius: 10em;
    	border-radius: 10em;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    }
    input[type=reset]:hover, input[type=submit]:hover {
    	background: #555;
    }
    
    /************************************************************************************
    STRUCTURE
    *************************************************************************************/
    #pagewrap {
    	width: 918px;
    	margin: 0 auto;
    }
    #body {
    	padding: 35px 0 80px;
    }
    #content.fullwidth, .fullwidth {
    	float: none;
    	width: 100%;
    }
    
    /* sidebar1 */
    .sidebar1 #content {
    	width: 630px;
    	float: left;
    }
    
    /* sidebar left */
    .sidebar-left #content {
    	float: right;
    }
    .sidebar-left #sidebar {
    	float: left;
    }
    
    /* sidebar none */
    .sidebar-none #content {
    	width: 100% !important;
    }
    
    /************************************************************************************
    GRID
    *************************************************************************************/
    .col4-1,
    .col4-2,
    .col4-3,
    .col3-1,
    .col3-2,
    .col2-1
    {
    	float: left;
    	margin: 0 0 0 30px;
    }
    .col4-1 {
    	width: 207px;
    	max-width: 23%;
    }
    .col4-2, .col2-1, #content.col2-1 {
    	width: 444px;
    	max-width: 48%;
    }
    .col4-3 {
    	width: 681px;
    	max-width: 72%;
    }
    .col3-1 {
    	width: 286px;
    	max-width: 31%;
    }
    .col3-2 {
    	width: 602px;
    	max-width: 62%;
    }
    .first {
    	margin-left: 0;
    	clear: left;
    }
    .col.last {
    	margin-right: 0;
    	clear: left;
    }
    
    /************************************************************************************
    HEADER
    *************************************************************************************/
    #header {
    	position: relative;
    	height: 170px;
    }
    #site-logo {
    	position: absolute;
    	top: 40px;
    }
    #site-logo a {
    	font: bold 34px/100% Arial, Helvetica, sans-serif;
    	letter-spacing: -.05em;
    	color: #444;
    	text-decoration: none;
    	text-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
    #site-description {
    	position: absolute;
    	top: 85px;
    	font: italic 14px/100% "Times New Roman", Times, serif;
    }
    
    /* header banner */
    .header-banner {
    	position: absolute;
    	top: 55px;
    	right: 0;
    }
    .header-banner .widget {
    	margin-bottom: 0;
    }
    
    /************************************************************************************
    HEADER WIDGET
    *************************************************************************************/
    .header-widget {
    	position: absolute;
    	top: 20px;
    	right: 20px;
    	font-size: 95%;
    }
    .header-widget a {
    	text-decoration: none;
    	margin: 0 2px;
    }
    .header-widget img {
    	vertical-align: text-top;
    }
    .header-widget .widget {
    	float: left;
    	margin-right: 10px;
    	margin-bottom: 5px;
    }
    .header-widget .widget div {
    	float: left;
    }
    .header-widget .widget strong {
    	float: left;
    	margin-right: 5px;
    }
    .header-widget ul {
    	margin: 6px 0 0 !important;
    	padding: 0;
    	float: left;
    }
    .header-widget li {
    	margin: 0 8px 5px 0;
    	padding: 0;
    	float: left;
    	border: none;
    	clear: none;
    	line-height: 100%;
    }
    .header-widget  img {
    	vertical-align: middle;
    	margin-top: -4px;
    }
    /* rss button */
    .header-widget .rss {
    	float: left;
    }
    .header-widget .rss a {
    	background: url(images/rss.png) no-repeat left center;
    	padding: 5px 0 5px 30px;
    	display: inline-block;
    	zoom:1;
    	*display:inline;
    }
    
    /************************************************************************************
    SEARCH FORM
    *************************************************************************************/
    #header #searchform {
    	position: absolute;
    	bottom: 7px;
    	right: 0;
    	width: 120px;
    }
    #header #searchform #s {
    	font: italic 14px/100% "Times New Roman", Times, serif;
    	padding-left: 10px;
    	width: 120px;
    	float: right;
    	-webkit-transition: width .7s;
    	-moz-transition: width .7s;
    	transition: width .7s;
    }
    #header #searchform #s:focus {
    	width: 166px;
    	font-style: normal;
    }
    
    /************************************************************************************
    MAIN NAVIGATION
    *************************************************************************************/
    #main-nav {
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	left: 0;
    	bottom: 10px;
    	z-index: 100;
    }
    #main-nav li {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	float: left;
    	position: relative;
    }
    /* main level link */
    #main-nav a {
    	color: #777;
    	display: block;
    	padding: 6px 0;
    	margin: 0 16px 0 5px;
    	text-decoration: none;
    	font: normal 12px/100% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	text-transform: uppercase;
    	text-shadow: 0 1px 1px rgba(0,0,0,.3);
    }
    /* main level link :hover */
    #main-nav a:hover {
    	color: #000;
    }
    /* current link */
    #main-nav .current_page_item a, #main-nav .current-menu-item a {
    	background: #999994;
    	color: #fff;
    	padding: 6px 15px;
    	-webkit-border-radius: 10em;
    	-moz-border-radius: 10em;
    	border-radius: 10em;
    	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2);
    	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2);
    	box-shadow: 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.2);
    }
    /* current link :hover */
    #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
    	color: #fff;
    }
    /* sub-levels link */
    #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {
    	color: #666;
    	font: inherit;
    	font: normal 12px/100% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	letter-spacing: 0;
    	text-transform: none;
    	padding: 5px 0 5px 15px;
    	margin: 0;
    	width: 170px;
    	background: none;
    	border-top: none;
    	text-shadow: none;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    }
    /* sub-levels link :hover */
    #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
    	background: #e9e9e4;
    	color: #000;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    }
    /* dropdown ul */
    #main-nav ul {
    	margin: 0;
    	padding: 5px 1px;
    	list-style: none;
    	position: absolute;
    	background: #fff;
    	border: solid 1px #999;
    	border-bottom-color: #666;
    	border-top-color: #ccc;
    	z-index: 100;
    	display: none;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    }
    #main-nav ul li {
    	background: none;
    	padding: 2px 0;
    	margin: 0;
    }
    /* sub-levels dropdown */
    #main-nav ul ul {
    	left: 180px;
    	top: 5px;
    }
    /* show dropdown ul */
    #main-nav li:hover > ul {
    	display: block;
    }
    
    /************************************************************************************
    SLIDER
    *************************************************************************************/
    #slider {
    	position: relative;
    	margin: 0;
    	padding: 0;
    }
    #slider .slides {
    	margin: 0;
    	padding: 0;
    }
    #slider .slides li {
    	background: none !important;
    	position: relative;
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	overflow: hidden;
    }
    
    /************************************************************************************
    GALLERY
    *************************************************************************************/
    /* clearfix for gallery */
    .gallery:after {
    	visibility: hidden;
    	display: block;
    	font-size: 0;
    	content: " ";
    	clear: both;
    	height: 0;
    }
    * html .gallery {
    	zoom: 1;
    } /* IE6 */
    *:first-child+html .gallery {
    	zoom: 1;
    } /* IE7 */
    
    #body .gallery {
    	margin: 30px 0 10px;
    }
    /* gallery item */
    #body .gallery dl {
    	margin: 0 10px 15px 10px;
    	display: inline-block;
    	vertical-align: top;
    	zoom:1;
    	*display:inline;
    	width: auto;
    	float: none;
    	text-align: center;
    }
    /* gallery caption */
    #body .gallery dd {
    	width: 140px;
    	line-height: 120%;
    	font-size: 90%;
    	text-align: center;
    	margin: 5px 0 0;
    }
    /* get rid of br tag */
    .gallery br {
    	display:none;
    }
    
    /************************************************************************************
    PAGE TITLE
    *************************************************************************************/
    .page-title {
    	font: bold 26px/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	margin: 0 0 15px;
    	padding: 0;
    }
    
    /************************************************************************************
    POST
    *************************************************************************************/
    .post-wrap {
    	background: #fff;
    	margin-bottom: 25px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border-radius: 10px;
    	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    	box-shadow: 0 1px 3px rgba(0,0,0,.2);
    }
    .post {
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border-radius: 10px;
    	padding: 15px 20px 5px;
    	position: relative;
    }
    /* post comments */
    .post-comments {
    	position: absolute;
    	right: -7px;
    	top: -8px;
    }
    #body .post-comments a {
    	background: url(images/post-comments.png) no-repeat;
    	width: 46px;
    	height: 34px;
    	display: block;
    	padding: 12px 0 0 1px;
    	text-align: center;
    	color: #666;
    	font-weight: bold;
    	font-size: 14px;
    	line-height: 100%;
    	letter-spacing: -.1em;
    	text-shadow: 0 1px 1px rgba(255,255,255,.7);
    }
    #body .post-comments a:hover {
    	color: #000;
    	text-decoration: none;
    }
    /* post title */
    .post-title {
    	margin: 0 0 5px;
    	padding: 0;
    	font: bold 140%/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	text-shadow: 0 1px 0 rgba(255,255,255,.6);
    }
    .post-title a {
    	text-decoration: none;
    }
    /* post meta */
    #body .post-meta {
    	font: italic 12px/130% "Times New Roman", Times, serif;
    	text-align: right;
    	clear: both;
    	margin: 20px 0 10px;
    }
    #body .post-meta a {
    }
    
    /************************************************************************************
    POST COLORS
    *************************************************************************************/
    /* white (default post-wrap) */
    .post-wrap.white, .post-wrap {
    	color: #666;
    	border-top: solid 1px #efefef;
    	border-bottom: solid 1px #ccc;
    	border-left: solid 1px #ddd;
    	border-right: solid 1px #ddd;
    	background: #fff;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
    	background: -moz-linear-gradient(top,  #ffffff,  #f2f2f2);
    	background: linear-gradient(-90deg, #ffffff, #f2f2f2);
    }
    .post-wrap.white .post-title a, .post-wrap .post-title a {
    	color: #444;
    }
    .post-wrap.white a, .post-wrap a {
    	color: #469af1;
    }
    
    /* yellow */
    .post-wrap.yellow {
    	color: #806e5e;
    	border-top: solid 1px #f7ed8a;
    	border-bottom: solid 1px #ded471;
    	border-left: solid 1px #eae07b;
    	border-right: solid 1px #eae07b;
    	background: #fcf39c;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbd1', endColorstr='#faef7f');
    	background: -webkit-gradient(linear, left top, left bottom, from(#fffbd1), to(#faef7f));
    	background: -moz-linear-gradient(top,  #fffbd1,  #faef7f);
    	background: linear-gradient(-90deg, #fffbd1, #faef7f);
    }
    .post-wrap.yellow .post-title a {
    	color: #8c6239;
    }
    .post-wrap.yellow a {
    	color: #db6212;
    }
    
    /* light-blue */
    .post-wrap.light-blue {
    	color: #566368;
    	border-top: solid 1px #c0e1f3;
    	border-bottom: solid 1px #a0c4d7;
    	border-left: solid 1px #b0d3e6;
    	border-right: solid 1px #b0d3e6;
    	background: #d2ecfa;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff4ff', endColorstr='#bde1f4');
    	background: -webkit-gradient(linear, left top, left bottom, from(#dff4ff), to(#bde1f4));
    	background: -moz-linear-gradient(top,  #dff4ff,  #bde1f4);
    	background: linear-gradient(-90deg, #dff4ff, #bde1f4);
    }
    .post-wrap.light-blue .post-title a {
    	color: #2b3032;
    }
    .post-wrap.light-blue a {
    	color: #f26522;
    }
    
    /* pink */
    .post-wrap.pink {
    	color: #64555c;
    	border-top: solid 1px #f9d4e4;
    	border-bottom: solid 1px #e7bcce;
    	border-left: solid 1px #f0c6d8;
    	border-right: solid 1px #f0c6d8;
    	background: #fee3ef;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9f3', endColorstr='#f9cbdf');
    	background: -webkit-gradient(linear, left top, left bottom, from(#ffe9f3), to(#f9cbdf));
    	background: -moz-linear-gradient(top,  #ffe9f3,  #f9cbdf);
    	background: linear-gradient(-90deg, #ffe9f3, #f9cbdf);
    }
    .post-wrap.pink .post-title a {
    	color: #3a2c33;
    }
    .post-wrap.pink a {
    	color: #bc5b2c;
    }
    
    /* lavender */
    .post-wrap.lavender {
    	color: #7c6f82;
    	border-top: solid 1px #e4c6f1;
    	border-bottom: solid 1px #ceb3da;
    	border-left: solid 1px #d9bce5;
    	border-right: solid 1px #d9bce5;
    	background: #f1dcf9;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e9fe', endColorstr='#e5c7f1');
    	background: -webkit-gradient(linear, left top, left bottom, from(#f8e9fe), to(#e5c7f1));
    	background: -moz-linear-gradient(top,  #f8e9fe,  #e5c7f1);
    	background: linear-gradient(-90deg, #f8e9fe, #e5c7f1);
    }
    .post-wrap.lavender .post-title a {
    	color: #45394a;
    }
    .post-wrap.lavender a {
    	color: #af6808;
    }
    
    /* teal */
    .post-wrap.teal {
    	color: #4b5c5b;
    	border-top: solid 1px #aeddda;
    	border-bottom: solid 1px #97c7c4;
    	border-left: solid 1px #a3d4d1;
    	border-right: solid 1px #a3d4d1;
    	background: #caefec;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4f5f2', endColorstr='#b1dfdc');
    	background: -webkit-gradient(linear, left top, left bottom, from(#d4f5f2), to(#b1dfdc));
    	background: -moz-linear-gradient(top,  #d4f5f2,  #b1dfdc);
    	background: linear-gradient(-90deg, #d4f5f2, #b1dfdc);
    }
    .post-wrap.teal .post-title a {
    	color: #3b4b4a;
    }
    .post-wrap.teal a {
    	color: #d47a0f;
    }
    
    /* orange */
    .post-wrap.orange {
    	color: #665440;
    	border-top: solid 1px #fdcd90;
    	border-bottom: solid 1px #e5b374;
    	border-left: solid 1px #f5c383;
    	border-right: solid 1px #f5c383;
    	background: #fedab2;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee5d1', endColorstr='#fecc8c');
    	background: -webkit-gradient(linear, left top, left bottom, from(#fee5d1), to(#fecc8c));
    	background: -moz-linear-gradient(top,  #fee5d1,  #fecc8c);
    	background: linear-gradient(-90deg, #fee5d1, #fecc8c);
    }
    .post-wrap.orange .post-title a {
    	color: #5c3f1e;
    }
    .post-wrap.orange a {
    	color: #855015;
    }
    
    /* lime */
    .post-wrap.lime {
    	color: #566146;
    	border-top: solid 1px #caef99;
    	border-bottom: solid 1px #b4d883;
    	border-left: solid 1px #bee38d;
    	border-right: solid 1px #bee38d;
    	background: #d8f4b1;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff8bd', endColorstr='#ceeea1');
    	background: -webkit-gradient(linear, left top, left bottom, from(#dff8bd), to(#ceeea1));
    	background: -moz-linear-gradient(top,  #dff8bd,  #ceeea1);
    	background: linear-gradient(-90deg, #dff8bd, #ceeea1);
    }
    .post-wrap.lime .post-title a {
    	color: #434d35;
    }
    .post-wrap.lime a {
    	color: #d47e19;
    }
    
    /* black */
    .post-wrap.black {
    	color: #ccc;
    	border-top: solid 1px #666;
    	border-bottom: solid 1px #000;
    	border-left: solid 1px #333;
    	border-right: solid 1px #333;
    	background: #111;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#000000');
    	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000));
    	background: -moz-linear-gradient(top,  #555555,  #000000);
    	background: linear-gradient(-90deg, #555555, #000000);
    }
    .post-wrap.black .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.8);
    }
    .post-wrap.black a {
    	color: #fff;
    }
    
    /* rose */
    .post-wrap.rose {
    	color: #fbe0e1;
    	border-top: solid 1px #ed4d53;
    	border-bottom: solid 1px #d63c41;
    	border-left: solid 1px #e2444a;
    	border-right: solid 1px #e2444a;
    	background: #fb6f74;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8488', endColorstr='#f8595f');
    	background: -webkit-gradient(linear, left top, left bottom, from(#fe8488), to(#f8595f));
    	background: -moz-linear-gradient(top,  #fe8488,  #f8595f);
    	background: linear-gradient(-90deg, #fe8488, #f8595f);
    }
    .post-wrap.rose .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }
    .post-wrap.rose a {
    	color: #fff799;
    }
    
    /* brown */
    .post-wrap.brown {
    	color: #fbe0e1;
    	border-top: solid 1px #643b1f;
    	border-bottom: solid 1px #4c2b15;
    	border-left: solid 1px #563118;
    	border-right: solid 1px #563118;
    	background: #7b5134;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a5f42', endColorstr='#6b4125');
    	background: -webkit-gradient(linear, left top, left bottom, from(#8a5f42), to(#6b4125));
    	background: -moz-linear-gradient(top,  #8a5f42,  #6b4125);
    	background: linear-gradient(-90deg, #8a5f42, #6b4125);
    }
    .post-wrap.brown .post-title a {
    	color: #fff799;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }
    .post-wrap.brown a {
    	color: #fcf7bb;
    }
    
    /* gray */
    .post-wrap.gray {
    	color: #eee;
    	border-top: solid 1px #979696;
    	border-bottom: solid 1px #7c7c7c;
    	border-left: solid 1px #898989;
    	border-right: solid 1px #898989;
    	background: #a4a4a4;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#929292');
    	background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#929292));
    	background: -moz-linear-gradient(top,  #b3b3b3,  #929292);
    	background: linear-gradient(-90deg, #b3b3b3, #929292);
    }
    .post-wrap.gray .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    }
    .post-wrap.gray a {
    	color: #fff;
    }
    
    /* violet */
    .post-wrap.violet {
    	color: #e9dcf1;
    	border-top: solid 1px #71209e;
    	border-bottom: solid 1px #5e1686;
    	border-left: solid 1px #671a92;
    	border-right: solid 1px #671a92;
    	background: #873db2;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9658c0', endColorstr='#7a29a7');
    	background: -webkit-gradient(linear, left top, left bottom, from(#9658c0), to(#7a29a7));
    	background: -moz-linear-gradient(top,  #9658c0,  #7a29a7);
    	background: linear-gradient(-90deg, #9658c0, #7a29a7);
    }
    .post-wrap.violet .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    }
    .post-wrap.violet a {
    	color: #fffbc5;
    }
    
    /* blue */
    .post-wrap.blue {
    	color: #d7e9fc;
    	border-top: solid 1px #4c99e8;
    	border-bottom: solid 1px #3d85cf;
    	border-left: solid 1px #448fdc;
    	border-right: solid 1px #448fdc;
    	background: #58a6f6;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eb5fd', endColorstr='#4097ef');
    	background: -webkit-gradient(linear, left top, left bottom, from(#6eb5fd), to(#4097ef));
    	background: -moz-linear-gradient(top,  #6eb5fd,  #4097ef);
    	background: linear-gradient(-90deg, #6eb5fd, #4097ef);
    }
    .post-wrap.blue a {
    	color: #fff57c;
    }
    .post-wrap.blue .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }
    
    /* green */
    .post-wrap.green {
    	color: #e4f7ce;
    	border-top: solid 1px #60a315;
    	border-bottom: solid 1px #508d0c;
    	border-left: solid 1px #589811;
    	border-right: solid 1px #589811;
    	background: #73bd20;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bc824', endColorstr='#67ad1a');
    	background: -webkit-gradient(linear, left top, left bottom, from(#7bc824), to(#67ad1a));
    	background: -moz-linear-gradient(top,  #7bc824,  #67ad1a);
    	background: linear-gradient(-90deg, #7bc824, #67ad1a);
    }
    .post-wrap.green .post-title a {
    	color: #fff;
    	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }
    .post-wrap.green a {
    	color: #fff;
    }
    
    /************************************************************************************
    POST FORMATS
    *************************************************************************************/
    /* standard post */
    .post.format-standard {
    	background: url(images/note-bg.png) -118px 14px;
    	padding-left: 75px;
    }
    .post.format-standard .post-icon {
    	background: url(images/pencil-icon.png) no-repeat;
    	width: 30px;
    	height: 30px;
    	position: absolute;
    	left: 22px;
    	top: 15px;
    }
    
    /* image post */
    .post-image.left {
    	margin-right: 20px;
    }
    .post-image.right {
    	margin-left: 20px;
    }
    
    /* quote post */
    .post.format-quote {
    	background: url(images/note-bg.png) -118px 17px;
    	padding-left: 75px;
    	padding-right: 30px;
    }
    .post.format-quote .post-content {
    	font: italic 18px/140% Garamond, "Times New Roman", Times, serif;
    }
    .post.format-quote .post-icon {
    	background: url(images/quote-icon.png) no-repeat;
    	width: 30px;
    	height: 30px;
    	position: absolute;
    	left: 22px;
    	top: 15px;
    }
    .post.format-quote .quote-author {
    	margin: 0 0 10px;
    	font-size: 80%;
    	font-style: normal;
    	font-variant: small-caps;
    	text-align: right;
    }
    
    /* video post */
    .post-video {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 30px;
    	height: 0;
    	overflow: hidden;
    	font-size:.9em;
    	margin-bottom: 15px;
    }
    .post-video iframe,
    .post-video object,
    .post-video embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    
    /* link post */
    .post.format-link {
    	padding-left: 60px;
    }
    .post.format-link .post-icon {
    	background: url(images/link-icon.png) no-repeat;
    	width: 27px;
    	height: 27px;
    	position: absolute;
    	left: 22px;
    	top: 15px;
    }
    
    /* audio post */
    .post.format-audio .audio-image img {
    	float: left;
    	margin: 0 20px 15px 0;
    	padding: 5px;
    	background: #fff;
    	border: solid 1px #ccc;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    }
    .post.format-audio .post-content {
    	overflow: hidden;
    }
    .post.format-audio .audio-player {
    	padding: 8px 0 10px;
    }
    .post audio {
    	width: 100%;
    }
    
    /* gallery post */
    .post.format-gallery {
    	padding: 17px 0 0;
    }
    .post.format-gallery .post-icon {
    	background: url(images/clip-icon.png) no-repeat;
    	width: 30px;
    	height: 61px;
    	position: absolute;
    	left: 10px;
    	top: -7px;
    }
    .post.format-gallery .post-content {
    	padding: 0 20px 10px;
    }
    .post.format-gallery .post-title {
    	padding: 8px 20px 8px 45px;
    	background: #ce413c url(images/gallery-title-bg.jpg);
    	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), inset -1px 0 0 rgba(0,0,0,.2), inset 1px 0 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.2);
    	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	box-shadow: 0 1px 0 rgba(0,0,0,.2);
    	margin-left: -1px;
    	margin-right: -1px;
    }
    .post.format-gallery .post-title a {
    	color: #fff;
    	text-shadow: 0 1px 0 rgba(0,0,0,.2);
    }
    .post.format-gallery .post-meta {
    	padding-right: 20px;
    }
    
    /* status post */
    .post.format-status .status-author-avatar img {
    	float: left;
    	margin: 0 14px 15px 0;
    	padding: 3px;
    	background: #fff;
    	border: solid 1px #ccc;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    }
    .post.format-status .post-content {
    	margin-top: 10px;
    	overflow: hidden;
    	font-size: 120%;
    	line-height: 160%;
    }
    
    /************************************************************************************
    MASONRY
    *************************************************************************************/
    .masonry-container {
    	width: 948px;
    	margin-left: -30px;
    }
    .sidebar1 .masonry-container {
    	width: 660px;
    }
    
    /* masonry-col3
    ---------------------------------------------------------- */
    .grid3 .post-wrap {
    	width: 284px;
    	font-size: 90%;
    	margin-left: 30px;
    	float: left;
    }
    /* sidebar1 grid3 post wrap */
    .sidebar1 .grid3 .post-wrap {
    	width: 188px;
    }
    
    /* masonry-col3 text post */
    .grid3 .format-standard {
    	background: url(images/note-bg.png) -160px 14px;
    	padding-left: 30px;
    }
    .grid3 .format-standard .post-icon {
    	display: none;
    }
    
    /* masonry-col3 audio post */
    .grid3 .format-audio .post-content {
    	overflow: visible;
    	clear: both;
    }
    .grid3 .format-audio .audio-image img {
    	float: none;
    	margin: 0;
    }
    
    /* masonry-col3 gallery post */
    #body .grid3 .format-gallery .post-title {
    	padding-left: 40px;
    }
    #body .grid3 .format-gallery .gallery {
    	margin: 15px 0 0;
    }
    #body .grid3 .format-gallery .gallery dl {
    	margin: 0 5px 10px;
    }
    #body .grid3 .format-gallery .gallery img {
    	width: 40px;
    	height: 40px;
    }
    
    /* masonry-col3 quote post */
    .grid3 .format-quote {
    	background: url(images/note-bg.png) -190px 16px;
    	padding-left: 43px;
    }
    .grid3 .format-quote .post-icon {
    	background: url(images/quote-icon-small.png) no-repeat;
    	width: 20px;
    	height: 15px;
    	left: 15px;
    	top: 15px;
    }
    
    /* masonry-col3 link post */
    .grid3 .format-link {
    	padding-left: 45px;
    }
    .grid3 .format-link .post-icon {
    	background: url(images/link-icon-small.png) no-repeat;
    	width: 20px;
    	height: 20px;
    	position: absolute;
    	left: 15px;
    	top: 15px;
    }
    
    /* masonry-col2
    ------------------------------------------- */
    .grid2 .post-wrap {
    	width: 442px;
    	margin-left: 30px;
    	float: left;
    }
    /* sidebar1 grid2 post wrap */
    .sidebar1 .grid2 .post-wrap {
    	width: 298px;
    }
    
    /* masonry-col2 gallery post */
    #body .grid2 .format-gallery .gallery dl {
    	margin: 0 8px 10px;
    }
    
    /************************************************************************************
    PAGE NAVIGATION
    *************************************************************************************/
    .pagenav {
    	clear: both;
    	margin: 70px 5px 15px;
    	text-align: right;
    }
    .pagenav a, .pagenav .current {
    	color: #333;
    	text-decoration: none;
    	padding: 3px 8px;
    	margin: 0 2px;
    	vertical-align: middle;
    	display: inline-block;
    	zoom:1;
    	*display:inline;
    	-webkit-border-radius: 1em;
    	-moz-border-radius: 1em;
    	border-radius: 1em;
    	text-shadow: 0 1px 0 rgba(255,255,255,.7);
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	box-shadow: 0 1px 2px rgba(0,0,0,.4);
    	background: #fff;
    	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    	background: -moz-linear-gradient(top,  #fff,  #ddd);
    	background: linear-gradient(-90deg, #fff, #ddd);
    }
    .pagenav a:hover {
    	text-decoration: none;
    	background: #ddd;
    }
    .pagenav .current, .pagenav .current:hover {
    	background: #333;
    	color: #fff;
    	text-shadow: 0 1px 0 rgba(0,0,0,.7);
    }
    
    /************************************************************************************
    POST NAVIGATION
    *************************************************************************************/
    .post-nav {
    	margin: 40px 0 0;
    	padding: 15px 0;
    	clear: both;
    }
    .post-nav span {
    	width: 45%;
    }
    .post-nav a {
    	text-decoration: none;
    	font-size: 120%;
    	font-weight: bold;
    }
    .post-nav a:hover {
    	text-decoration: none;
    }
    .post-nav .prev {
    	float: left;
    }
    .post-nav .prev a {
    	background: url(images/previous-arrow.png) no-repeat left 2px;
    	padding: 6px 0 6px 34px;
    	display: block;
    }
    .post-nav .next {
    	float: right;
    	text-align: right;
    }
    .post-nav .next a {
    	background: url(images/next-arrow.png) no-repeat right 2px;
    	padding: 6px 34px 6px 0;
    	display: block;
    }
    
    /************************************************************************************
    COMMENTS
    *************************************************************************************/
    .commentwrap {
    	margin: 40px 0 0;
    	padding: 10px 0 0;
    	position: relative;
    }
    .comment-title {
    	font-size: 140%;
    	margin: 0 0 10px;
    	padding: 0;
    }
    .next-prev-comment {
    	position: absolute;
    	top: 14px;
    	right: 0;
    }
    .next-prev-comment a {
    	text-decoration: none;
    	font-size: 85%;
    	text-transform: uppercase;
    	font-weight: bold;
    }
    .next-prev-comment .next {
    	margin: 0 0 0 20px;
    }
    /* commentlist */
    .commentlist {
    	margin: 10px 0;
    	padding: 15px 0 0;
    	list-style: none;
    }
    .commentlist li {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	position: relative;
    }
    /* comment page nav */
    .commentwrap .pagenav.top {
    	position: absolute;
    	top: -60px;
    	right: 0;
    }
    .commentwrap .pagenav.bottom {
    	margin-top: 10px;
    }
    .commentlist .comment-author {
    	margin: 2px 0 5px;
    	padding: 0;
    }
    .commentlist .avatar {
    	background: #fff;
    	border: solid 1px #ccc;
    	padding: 3px;
    	float: left;
    	margin: 0 15px 0 0;
    }
    .commentlist cite {
    	font: italic 18px/120% "Times New Roman", Times, serif;
    }
    .commentlist cite a {
    	text-decoration: none;
    }
    .commentlist .comment-time {
    	font-size: 75%;
    	text-transform: uppercase;
    }
    .commentlist .commententry {
    	position: relative;
    	min-height: 40px;
    	padding-bottom: 10px;
    	overflow: hidden;
    }
    .commentlist ul, .commentlist ol {
    	margin: 0 0 0 10%;
    	padding: 0;
    }
    .commentlist .reply {
    	position: absolute;
    	right: 0;
    	top: 8px;
    }
    .commentlist .comment-reply-link {
    	font-size: 11px;
    	text-transform: uppercase;
    	text-decoration: none;
    }
    .commentlist .comment-reply-link:hover {
    	text-decoration: none;
    }
    /* comment form */
    #respond {
    	margin: 0;
    	padding: 0 0 20px;
    	position: relative;
    	clear: both;
    }
    #respond #cancel-comment-reply-link {
    	position: absolute;
    	top: 18px;
    	right: 0;
    	font-size: 85%;
    	line-height: 100%;
    	text-decoration: none;
    	padding: 5px 10px;
    	color: #fff;
    	background: #F30;
    	-webkit-border-radius: 10em;
    	-moz-border-radius: 10em;
    	border-radius: 10em;
    }
    #respond #cancel-comment-reply-link:hover {
    	background: #333;
    }
    #commentform {
    	margin: 15px 0 0;
    }
    #commentform input[type=text] {
    	width: 206px;
    	margin-right: 5px;
    }
    #commentform label {
    	font-weight: bold;
    }
    #commentform label small {
    	font-weight: normal;
    }
    #commentform textarea {
    	width: 97%;
    	height: 140px;
    }
    #commentform input#submit {
    	padding: 7px 20px;
    }
    
    /************************************************************************************
    SIDEBAR
    *************************************************************************************/
    #sidebar {
    	width: 222px;
    	float: right;
    	font-size: 95%;
    }
    .widget {
    	margin: 0 0 40px;
    }
    .widgettitle {
    	font: bold 12px/120% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    	text-transform: uppercase;
    	letter-spacing: .1em;
    	margin: 0 0 5px;
    	padding: 0 0 7px;
    }
    
    .widget ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    .widget li {
    	padding: 0 0 10px;
    	margin: 0;
    }
    .widget ul ul {
    	padding: 10px 0 0 18px;
    	margin: 0;
    	list-style: disc;
    }
    .widget ul ul li {
    	padding: 0 0 8px;
    	margin: 0;
    }
    
    /************************************************************************************
    WIDGET STYLES
    *************************************************************************************/
    /* calendar widget */
    .widget #wp-calendar caption {
    	font-weight: bold;
    	padding-bottom: 10px;
    }
    .widget #wp-calendar td {
    	width: 31px;
    	padding: 4px 2px;
    	text-align: center;
    }
    
    /* feature posts widget */
    .widget .feature-posts-list .post-img {
    	margin: 2px 12px 10px 0;
    	float: left;
    }
    .widget .feature-posts-list small {
    	font: italic 90% "Times New Roman", Times, serif;
    }
    .widget .feature-posts-list .feature-posts-title {
    	font-weight: bold;
    	margin: 3px 0 0;
    	display: inline-block;
    }
    
    /* twitter widget */
    .widget .twitter-list .twitter-timestamp {
    	font: italic 90% "Times New Roman", Times, serif;
    }
    .widget .follow-user {
    	margin: 0;
    	padding: 5px 0;
    }
    
    /* links widget */
    .widget .links-list img, .widget_links img {
    	vertical-align: middle;
    }
    
    /* recent comments widget */
    .recent-comments-list .avatar {
    	margin-right: 12px;
    	float: left;
    }
    
    /* flickr widget */
    .widget .flickr_badge_image {
    	margin-top: 10px;
    }
    .widget .flickr_badge_image img {
    	width: 50px;
    	height: 50px;
    	margin-right: 12px;
    	margin-bottom: 12px;
    	float: left;
    }
    
    /* search widget */
    #sidebar #searchform {
    	position: static;
    }
    #sidebar #searchform #s {
    	width: 93%;
    }
    
    /************************************************************************************
    FOOTER
    *************************************************************************************/
    #footer {
    	clear: both;
    	padding: 25px 0 60px;
    	font-size: 95%;
    }
    .footer-text {
    	clear: both;
    	font-size: 85%;
    }
    
    /************************************************************************************
    FOOTER NAV
    *************************************************************************************/
    #footer-nav {
    	margin: 0 0 5px;
    	padding: 0;
    	clear: both;
    }
    #footer-nav li {
    	margin: 0 10px 5px 0;
    	padding: 0;
    	list-style: none;
    	float: left;
    }
    #footer-nav a {
    	text-decoration: none;
    }
    #footer-nav a:hover {
    	text-decoration: underline;
    }
    
    /************************************************************************************
    CLEAR & ALIGNMENT
    *************************************************************************************/
    .clear {
    	clear: both;
    }
    .left {
    	float: left;
    }
    .right {
    	float: right;
    }
    .textleft {
    	text-align: left;
    }
    .textright {
    	text-align: right;
    }
    .textcenter {
    	text-align: center;
    }
    
    /* clearfix */
    .clearfix:after, .widget li:after, .menu:after, #main-nav:after, #footer-nav:after
    { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .clearfix, .widget li, .menu, #main-nav, #footer-nav
    { display: inline-block; }
    /* clearfix for ie7 */
    .clearfix, .widget li, .menu, #main-nav, #footer-nav
    { display: block; zoom: 1; }
    
    /************************************************************************************
    WORDPRESS POST FORMATTING
    *************************************************************************************/
    img.alignleft, img.aligncenter, img.alignright, img.alignnone {
    	margin-bottom: 15px;
    }
    .alignleft {
    	float: left;
    	margin-right: 30px;
    }
    .alignright {
    	float: right;
    	margin-left: 30px;
    }
    .aligncenter {
    	text-align: center;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .wp-caption {
    	text-align: center;
    	margin-bottom: 15px;
    	max-width: 100%;
    }
    .wp-caption-text {
    	font: italic 95%/120% Georgia, "Times New Roman", Times, serif;
    	margin: 6px 0;
    }
    
    /************************************************************************************
    IMAGE STYLES
    *************************************************************************************/
    img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img,
    .widget .feature-posts-list .post-img,
    .widget .flickr_badge_image img,
    .commentlist .avatar,
    .recent-comments-list .avatar,
    .gallery img,
    .attachment img
    {
    	padding: 3px !important;
    	background: #fff !important;
    	border: solid 1px #ccc !important;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    }

    http://wordpress.org/extend/plugins/tinymce-advanced/

  2. Andrew Ozz
    WordPress Dev
    Plugin Author

    Posted 1 year ago #

    Copy this:

    body {
    	color: #333;
    	font: 24px "Times New Roman", Times, serif;
    	font-weight: 300;
    	line-height: 1.625;
    }

    from editor-style.css to your theme's style.css.

  3. dap
    Member
    Posted 11 months ago #

    Hi Andrew,

    if i have to change font-size in editor textarea field (and not in my website), where should i have to change size?

    i cannot see in worpress plugin the normal file: content.css that usually i edit to change fonts size (you are using a "dev-size-font" that newbie doesn't appreciate.

    Tnks
    dap

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.