Change Default Font and Font Size
-
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; }
- The topic ‘Change Default Font and Font Size’ is closed to new replies.