/* Theme Name: Dork Diaries Book11 Description: This is the sample theme created for the Genesis Framework. Author: Chic & Sassy Designs Author URI: http://www.studiopress.com/ Version: 2.0.1 Template: genesis Template Version: 2.0.1 License: GPL-2.0+ License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Forms - Tables - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - WordPress - Genesis - Titles - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Latest Tweets - Gravity Forms - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Content Area - Entries - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Media Queries - max-width: 1139px - max-width: 1023px - max-width: 767px */ @font-face { font-family: 'skippy'; src: url('../wp-content/themes/dorkdiaries/fonts/skippysharpie-webfont.eot'); /* IE9 Compat Modes */ src: url('../wp-content/themes/dorkdiaries/fonts/skippysharpie-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../wp-content/themes/dorkdiaries/fonts/skippysharpie-webfont.woff') format('woff'), /* Modern Browsers */ url('../wp-content/themes/dorkdiaries/fonts/skippysharpie-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../wp-content/themes/dorkdiaries/fonts/skippysharpie-webfont.otf') format('opentype'), url('../wp-content/themes/dorkdiaries/fonts/skippysharpie-webfont.svg#svgskippysharpie-webfont') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'slappy'; src: url('../wp-content/themes/dorkdiaries/fonts/slappyinline-webfont.eot'); /* IE9 Compat Modes */ src: url('../wp-content/themes/dorkdiaries/fonts/slappyinline-webfont?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../wp-content/themes/dorkdiaries/fonts/slappyinline-webfont.woff') format('woff'), /* Modern Browsers */ url('../wp-content/themes/dorkdiaries/fonts/slappyinline-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../wp-content/themes/dorkdiaries/fonts/slappyinline-webfont.otf') format('opentype'), url('../wp-content/themes/dorkdiaries/fonts/slappyinline-webfont.svg#svgslappyinline-webfont') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'wubble'; src: url('../wp-content/themes/dorkdiaries/fonts/wubble-regular-webfont.eot'); /* IE9 Compat Modes */ src: url('../wp-content/themes/dorkdiaries/fonts/wubble-regular-webfont?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../wp-content/themes/dorkdiaries/fonts/wubble-regular-webfont.woff') format('woff'), /* Modern Browsers */ url('../wp-content/themes/dorkdiaries/fonts/wubble-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../wp-content/themes/dorkdiaries/fonts/wubble-regular-webfont.otf') format('opentype'), url('../wp-content/themes/dorkdiaries/fonts/wubble-regular-webfont.svg#svgwubble-regular-webfont') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'comicneue'; src: url('../wp-content/themes/dorkdiaries/fonts/comicneue-regular-webfont.eot'); /* IE9 Compat Modes */ src: url('../wp-content/themes/dorkdiaries/fonts/comicneue-regular-webfont?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../wp-content/themes/dorkdiaries/fonts/comicneue-regular-webfont.woff') format('woff'), /* Modern Browsers */ url('../wp-content/themes/dorkdiaries/fonts/comicneue-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../wp-content/themes/dorkdiaries/fonts/comicneue-regular-webfont.otf') format('opentype'), url('../wp-content/themes/dorkdiaries/fonts/comicneue-regular-webfont.svg#svgcomicneue-regular-webfont') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'comicneue-bold'; src: url('../wp-content/themes/dorkdiaries/fonts/comicneue-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('../wp-content/themes/dorkdiaries/fonts/comicneue-bold-webfont?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../wp-content/themes/dorkdiaries/fonts/comicneue-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('../wp-content/themes/dorkdiaries/fonts/comicneue-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../wp-content/themes/dorkdiaries/fonts/comicneue-bold-webfont.otf') format('opentype'), url('../wp-content/themes/dorkdiaries/fonts/comicneue-bold-webfont.svg#svgcomicneue-regular-webfont') format('svg'); /* Legacy iOS */ } /* HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* Baseline Normalize normalize.css v2.1.2 | MIT License | git.io/normalize --------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:0px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* Box Sizing --------------------------------------------- */ *, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Float Clearing --------------------------------------------- */ .archive-pagination:before, .clearfix:before, .entry:before, .entry-pagination:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .archive-pagination:after, .clearfix:after, .entry:after, .entry-pagination:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } body { color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: 300; line-height: 1.1; background-color: #ffffff; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #000; color: #fff; } ::selection { background-color: #000; color: #fff; } a { color: #000; text-decoration: none; border:0; } a img { margin-bottom: -4px; margin-bottom: -0.4rem; border:0; } a:hover { color: #000; text-decoration: none; } p { margin: 0 0 24px; margin: 0 0 2.4rem; padding: 0; } strong { font-weight: 700; } ol, ul { margin: 0; padding: 0; } blockquote{ color: #000; } blockquote::before, blockquote::after { color: #000; } blockquote { margin: 40px 50px 24px 40px; margin: 4rem 5rem 2.4rem 4rem; } blockquote::before { content: "\201C"; display: block; font-size: 60px; font-size: 6rem; height: 0; left: -30px; position: relative; top: -20px; font-family:slappy, sans-serif; } blockquote::after { content: "\201D"; display: block; font-size: 60px; font-size: 6rem; height: 0; top: -40px; right: -27px; position: relative; text-align:right; font-family:slappy, sans-serif; } .entry-content code { background-color: #000; color: #ddd; } cite { font-style: normal; font-family: HelveticaNeue, Helvetica, Arial, ArialMT, sans-serif; } div.mejs-overlay-button{ background-color:#888888; -moz-border-radius: 50px; /* Firefox */ -webkit-border-radius: 50px; /* Safari, Chrome */ border-radius: 50px; /* universal */ } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #000; font-family:comicneue, sans-serif; font-weight: normal; line-height: 1.2; margin: 0 0 16px; margin: 0 0 1.6rem; } h1 { font-size: 36px; font-size: 3.6rem; } h2 { font-size: 30px; font-size: 3rem; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; border:0; } img { height: auto; width: auto; /* IE8 */ } /* Forms --------------------------------------------- */ #mc_embed_signup{background:#fff; clear:left; } #mc_embed_signup .mc-field-group.input-group ul {font-size:13px;} input#mc-embedded-subscribe.button{background:#000;} #mc_embed_signup .mc-field-group input{ background-color: #fff; border: 2px solid #000; box-shadow: none; color: #000; font-size: 12px; font-size: 1.2rem; padding: 4px; padding: .4rem; width: 100%; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; margin-right:6px; } #mc_embed_signup ul li:before, #pie_regiser_form ul li:before { color: #fff; content: " "; } input, select, textarea{ background-color: #fff; border: 2px solid #000; box-shadow: none; color: #000; font-size: 14px; font-size: 1.4rem; padding: 4px; padding: .4rem; width: 100%; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; } input:focus, textarea:focus, #mc_embed_signup .mc-field-group input:focus { border: 1px solid #999; outline: none; } ::-moz-placeholder { color: #999; opacity: 1; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button { background-color: #000; border: none; box-shadow: none; color: #fff; cursor: pointer; padding: 4px 4px; padding: .4rem .4rem; font-family:comicneue-bold, sans-serif; font-weight:normal; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; font-size: 15px; font-size: 1.5rem; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover { background-color: #818385; } .entry-content .button:hover { color: #fff; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; margin-bottom: 4rem; width: 100%; } tbody { } th, td { text-align: left; } th { font-weight: normal; text-transform: uppercase; } td { padding: 6px 0; padding: 0.6rem 0; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .site-inner, .wrap{ margin: 0 auto; max-width: 1140px; } .site-inner { clear: both; padding: 25px 65px 15px 65px; padding: 2.5rem 6.5rem 1.5rem 6.5rem; } /* Column Widths and Positions --------------------------------------------- */ /* Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 920px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* Content */ .content { } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 520px; } .full-width-content .content { width: 100%; } /* Primary Sidebar */ .sidebar-primary { float: right; width:234px; width:23.4rem; background-color:#ffffff; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float:left; margin-left: 2.5%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 40%; } .four-sixths, .two-thirds { width: 55%; } .one-fourth { width: 22.4%; } .widget-area.one-fourth{ margin-bottom:-15px; margin-bottom:-1.5rem; } #home-middle{ margin-left:-2%;} .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Common Classes ---------------------------------------------------------------------------------------------------- */ /* WordPress --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar { margin-right: 24px; margin-right: 2.4rem; } .alignright .avatar { margin-left: 24px; margin-left: 2.4rem; } .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .sticky { } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 2.4rem; border:0; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } img.alignnone { margin-bottom: 12px; margin-bottom: 1.2rem; border:0; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .alignleft { float: left; text-align: left; border:0; } .alignright { float: right; text-align: right; border:0; } img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; border:0; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; margin: 0 0 2.4rem 2.4rem; border:0; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .gallery-caption { } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Genesis --------------------------------------------- */ .breadcrumb { margin-bottom: 6px; margin-bottom: .6rem; font-size:13px; font-size:1.3rem; } .breadcrumb a{ font-weight:500; } .archive-description, .author-box { background-color: #fff; margin-bottom: 40px; margin-bottom: 4rem; } .archive-description { padding: 40px 40px 24px; padding: 4rem 4rem 2.4rem; } .author-box { padding: 40px; padding: 4rem; } .author-box-title { color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; margin-bottom: 0.4rem; } .author-box a { border-bottom: 0px solid #ddd; } .author-box p { margin-bottom: 0; } .author-box .avatar { margin-right: 24px; margin-right: 2.4rem; } /* Titles --------------------------------------------- */ .entry-title { font-size: 26px; font-size: 2.6rem; line-height: 1; font-family:comicneue-bold, sans-serif; font-weight:normal; text-transform:uppercase; color: #000; } .entry-title a, .sidebar .widgettitle a { color: #000; } .entry-title a:hover { color: #666; } .widgettitle { text-transform: uppercase; line-height:1.1; padding:0 0 12px 0 ; padding:0 0 1.2rem 0 ; margin:0; font-family:slappy, sans-serif; } .sidebar .widgettitle a { border: none; } .archive-title { font-size: 20px; font-size: 2rem; margin-bottom: 24px; margin-bottom: 2.4rem; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background:#ffffff url(headerBg-pink.png)repeat-x; max-height:350px; height:350px; background-size:auto 350px; -moz-box-shadow: inset 0 8px 8px -8px #3A3A3A, inset 0 -8px 8px -8px #3A3A3A; -webkit-box-shadow: inset 0 8px 8px -8px #3A3A3A, inset 0 -8px 8px -8px #3A3A3A; box-shadow: inset 0 8px 8px -8px #3A3A3A, inset 0 -8px 8px -8px #3A3A3A; } .site-header .wrap { max-width:1000px; width:85%; margin:10px auto 0px auto; } /* Title Area --------------------------------------------- */ /* Full width header, no widgets */ .header-full-width .title-area, .header-full-width .site-title { background: none; padding: 0; } .header-image .site-description, .header-image .site-title a { display: block; text-indent: -9999px; } .header-image .site-description { display: none; height: 0; } /* Logo, hide text */ .header-image .site-header .wrap { padding: 0; } .header-image .site-title a { background: url('images/logo@2x.png') no-repeat scroll left center transparent; background-size:100%; float: left; min-height: 128px; display: block; top: 6px;margin-left:-75px; position: absolute; width: 216px; z-index:1000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media screen and (-webkit-min-device-pixel-ratio:0) { .header-image .site-title a { top: 6px; } } @supports (-webkit-appearance:none) { .header-image .site-title a { top: 6px; } } .header-image .site-title a:hover { z-index:1000; -moz-transform: rotate(8deg); -webkit-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); } /* Widget Area --------------------------------------------- */ .widget-area { word-wrap: break-word; } .site-header .widget-area { z-index:1000; float:left; display: block; top: 200px; margin-left:-45px; position: absolute; font-family:wubble, sans-serif; font-size:13px; font-size:1.3rem; color:#fff; text-align:center; line-height:1; letter-spacing:1px; padding:14px 3px 3px 4px; padding:1.4rem .3rem .3rem .4rem; background:#9f3bae; box-shadow: 0px 0px 0px 4px #14e817, 0px 0px 0px 8px #ffffff; width:80px; height:80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; -khtml-border-radius: 80px; border-radius: 80px; } .header-image .site-header .widget-area { } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; color: #ffffff; background:#4ec7f3; font-family:slappy, sans-serif; line-height: 1.2; font-weight:normal; float:right; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu a { border: none; display: block; padding: 20px 10px; padding: 2rem 1rem; position: relative; color: #ffffff; background:#4ec7f3; font-size: 16px; font-size: 1.6rem; text-align:center; font-weight:normal; } .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a { color: #ffffff; background:url(images/icons/menu_icon.png)no-repeat top center; background-size:20px; } .genesis-nav-menu .sub-menu .current-menu-item > a { color: #ffffff; background:#4ec7f3; } .genesis-nav-menu > .menu-item > a { text-transform: uppercase; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 145px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #4ec7f3; color: #ffffff; border: 0px solid #eee; border-top: none; font-size: 13px; font-size: 1.3rem; padding: 5px 10px; padding: .5rem 1rem; position: relative; width: 145px; text-transform:uppercase; text-align:center; } .genesis-nav-menu .sub-menu .sub-menu { margin: -54px 0 0 145px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } /* Site Header Navigation --------------------------------------------- */ .site-header .sub-menu { } .site-header .sub-menu .sub-menu { margin-top: -55px; } /* Primary Navigation --------------------------------------------- */ .nav-primary { background: #FCFF17 url()repeat-x 50% 40%; border-top: 6px solid #ff0641; } .nav-primary a:hover, .nav-primary .current-menu-item > a { color: #ffffff; } .nav-primary .sub-menu a:hover { color: #ffffff; background:#ff0641; text-transform:uppercase; } /* Right Nav --------------------------------------------- */ .nav-right.widget-area { float:left; margin-left:212px; margin-left:21.2rem; padding:5px 10px 5px 0; } .nav-right.widget-area .widget { margin:0 6px; float:left; } .nav-right.widget-area h4{ display:none; } .nav-right.widget-area p{ display:none; } #text-6{ width:200px; color:#ff0641; font-family: wubble, sans-serif; font-weight:normal; letter-spacing:1px; font-size: 15px; font-size: 1.5rem; line-height:1; margin-top:6px; margin-top:.6rem; padding:3px 5px; padding:.3rem .5rem; text-align:center; background:#fff; box-shadow: 0 0 0 3px #4ec7f3, 0 0 0 6px #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } #text-6 a {color:#ff0641;} #text-6 a:hover{color:#4ec7f3;} @supports (-webkit-appearance:none) { #text-2 { font-size: 13px; font-size: 1.3rem; } } .series{ width:260px; color:#ff0641; font-family:slappy, sans-serif; font-size: 17px; font-size: 1.7rem; font-weight:normal; line-height:1; padding:7px 8px 7px 8px; padding:.7rem .8rem .7rem .8rem; text-align:center; letter-spacing:-0.1rem; } .series a{color:#ff0641;} .series a:hover{color:#4ec7f3;} /* Secondary Navigation --------------------------------------------- */ .nav-secondary { background-color: #fff; } /* Game Pages ---------------------------------------------------------------------------------------------------- */ .game-page #layerslider_2 { display: none;} .game-page .site-header { background:none; height:0px;} .game-page .site-header .widget-area{display:none;} .game-page .site-inner{max-width:1090px; background-color:#ED1C8F; } .game-page .site-container{background-color:#ED1C8F;} .game-page .entry{background-color:#ED1C8F; padding:2.5em 0; margin-bottom:0;} .game-page .entry-title{color:#FFFFFF;} #Stage_dd-quiz1-characters_2{border: 5px solid #FFFFFF; padding:0; margin:0;} #Stage_dd-quiz1-characters-titles_3{border: 5px solid #FFFFFF; padding:0; margin:0;} .game-page .post-edit-link{display:none;} body.game-page{background-color:#ED1C8F;} /* Homepage ---------------------------------------------------------------------------------------------------- */ .home-mydiary h4, .home-asknikki h4, .home-askbrandon h4, .home-funstuff h4, .home-whatsnew h4, .home-mybooks h4, .home-myauthor h4, .home-socialmedia h4, .home-dorksworldwide h4, .home-newsletter h4, .home-fanstories h4, .home-fanart h4, .home-realkids h4, .home-fanart h4, .home-music h4, .home-videos h4, .home-wallpapers h4, .home-partykits h4 , .home-characters h4, .home-inspiration h4, .home-games h4 , .home-shop h4 , .home-iheartwriting h4, .home-max h4 { display:none; } .home-mydiary p, .home-asknikki p, .home-askbrandon p, .home-funstuff p, .home-whatsnew p, .home-mybooks p, .home-myauthor p, .home-socialmedia p, .home-dorksworldwide p, .home-newsletter p, .home-fanstories p, .home-fanart p, .home-realkids p, .home-music p, .home-videos p, .home-wallpapers p, .home-partykits p , .home-characters p, .home-inspiration p, .home-games p, .home-shop p, .home-iheartwriting p, .home-max p{ text-align:center; font-family:slappy, sans-serif; color:#fff; font-size:11.5px; font-size:1.15rem; font-weight:normal; line-height:1; padding: 0; margin: 0; } .home-mydiary .widget_sp_image-description, .home-asknikki .widget_sp_image-description, .home-askbrandon .widget_sp_image-description, .home-funstuff .widget_sp_image-description, .home-whatsnew .widget_sp_image-description, .home-mybooks .widget_sp_image-description, .home-myauthor .widget_sp_image-description, .home-dorksworldwide .widget_sp_image-description, .home-fanart .widget_sp_image-description , .home-fanstories .widget_sp_image-description, .home-realkids .widget_sp_image-description, .home-newsletter .widget_sp_image-description, .home-music .widget_sp_image-description, .home-videos .widget_sp_image-description, .home-wallpapers .widget_sp_image-description, .home-partykits .widget_sp_image-description, .home-characters .widget_sp_image-description, .home-inspiration .widget_sp_image-description, .home-games .widget_sp_image-description, .home-shop .widget_sp_image-description, .home-iheartwriting .widget_sp_image-description , .home-max .widget_sp_image-description { margin:-14px 0 0 0; margin:-1.4rem 0 0 0; padding: 0; } .home-socialmedia .widget_sp_image-description { margin:-18px 0 0 0; margin:-1.8rem 0 0 0; padding: 0;} .home-mydiary img, .home-asknikki img, .home-askbrandon img, .home-funstuff img, .home-whatsnew img, .home-mybooks img, .home-myauthor img, .home-socialmedia img, .home-dorksworldwide img, .home-newsletter img, .home-fanstories img, .home-fanart img, .home-realkids img, .home-music img, .home-videos img, .home-wallpapers img, .home-partykits img , .home-characters img, .home-inspiration img, .home-games img , .home-shop img, .home-iheartwriting img, .home-max img{ -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; width:234px; width:23.4rem; } .facebook, .twitter, .instagram{ position:relative; float:left; } .facebook:before{ content: ""; float:left; width:15px; height:18px; background: url(images/icons/nav_icons.png)no-repeat -70px 0; margin-top:15px; } .facebook a{ font-size: 12px; font-size: 1.2rem; line-height: 4.3em; font-family:comicneue-bold, sans-serif; padding-left:2px; padding-left:.2rem; color:#8d64aa; text-transform:lowercase; } .facebook a:hover{ color:#000; } .twitter{ position:relative; float:left; } .twitter:before{ content: ""; float:left; width:15px; height:18px; background: url(images/icons/nav_icons.png)no-repeat -89px 0; margin-top:15px; } .twitter a{ font-size: 12px; font-size: 1.2rem; line-height: 4.3em; font-family:comicneue-bold, sans-serif; padding-left:2px; padding-left:.2rem; color:#8d64aa; text-transform:lowercase; } .twitter a:hover{ color:#000; } .instagram:before{ content: ""; float:left; width:20px; height:20px; margin-top:15px; background: url(http://dorkdiaries.com/uploads/instagram-icon.png)no-repeat 0px 0; } .instagram a{ font-size: 12px; font-size: 1.2rem; line-height: 4.3em; font-family:comicneue-bold, sans-serif; padding-left:2px; padding-left:.2rem; color:#8d64aa; text-transform:lowercase; } .instagram a:hover{ color:#000; } .twitter a, .facebook a, .instagram a { margin-right: 6px; } /* User Images ---------------------------------------------------------------------------------------------------- */ /* .post-type-archive-user_images p.entry-meta { display:none;} .type-user_images .entry-meta { display:none; } */ .type-user_images .entry-author{display:block;} .type-user_images .more-link, .type-user_images .entry-categories,.type-user_images .entry-tags{ display:none; } .type-user_images h1.entry-title a {color:#D33; } .type-user_images h1.entry-title {color:#D33; } .type-user_images .entry-content p {color:#D33; margin-bottom:0; } .type-user_images.entry{border-bottom: 4px dotted #D33;} .post-type-archive-user_images .entry-content{min-height:0;} .post-type-archive-user_images .entry-time, .type-user_images .entry-time { background: #D33;} .type-user_images .entry-content { min-height:0;} .post-type-archive-user_images .entry-meta, .type-user_images .entry-meta{ color:#d33;font-size: 1.4rem;} .type-user_images .entry-comments-link{display:none;} .type-user_images img.attachment-large{ -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .type-user_images .entry-footer .entry-meta { margin: 0px -2px; padding: 1rem 0.2rem 2rem; border-bottom: 0px dotted #000; } /* Widgets ---------------------------------------------------------------------------------------------------- */ /* Featured Content --------------------------------------------- */ .home-socialmedia.widget-area.one-fourth{padding-bottom:25px;} .home-bottom .featured-content .entry { margin-bottom: 0; padding: 0 ; } .home-iheartwriting .featured-content .entry-title, .home-mydiary .featured-content .entry-title, .home-asknikki .featured-content .entry-title,.home-askbrandon .featured-content .entry-title, .home-funstuff .featured-content .entry-title, .home-whatsnew .featured-content .entry-title, .home-mybooks .featured-content .entry-title, .home-myauthor .featured-content .entry-title, .home-realkids .featured-content .entry-title, .home-fanstories .featured-content .entry-title, .home-music .featured-content .entry-title, .home-videos .featured-content .entry-title, .home-wallpapers .featured-content .entry-title, .home-partykits .featured-content .entry-title, .home-games .featured-content .entry-title, .home-shop .featured-content .entry-title { border: none; font-size: 15px; font-size: 1.5rem; line-height: 1; font-family:comicneue-bold, sans-serif; text-transform:uppercase; font-weight:normal; padding:10px 0 10px 0; padding:1rem 0 1rem 0; margin:0; height:55px; overflow:hidden; } .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .games .textwidget, .home .characters .textwidget, .home .inspiration .textwidget, .home .max .textwidget { border: none; font-size: 15px; font-size: 1.5rem; line-height: 1; font-family:comicneue-bold, sans-serif; text-transform:uppercase; font-weight:normal; padding:10px 0 10px 0; padding:1rem 0 1rem 0; margin:0; height:75px; overflow:hidden; } @media screen and (min-width:0\0) { .home-fanart .textwidget, .home .fanclub .textwidget, .home .characters .textwidget, .home .inspiration .textwidget , .home .shop .textwidget, .home .games .textwidget { height:70px;}} .home-mydiary .featured-content .entry-title a:hover, .home-asknikki .featured-content .entry-title a:hover, .home-askbrandon .featured-content .entry-title a:hover, .home-funstuff .featured-content .entry-title a:hover, .home-whatsnew .featured-content .entry-title a:hover, .home-mybooks .featured-content .entry-title a:hover, .home-myauthor .featured-content .entry-title a:hover, .home-realkids .featured-content .entry-title a:hover, .home-fanstories .featured-content .entry-title a:hover, .home-music .featured-content .entry-title a:hover, .home-videos .featured-content .entry-title a:hover, .home-wallpapers .featured-content .entry-title a:hover, .home-partykits .featured-content .entry-title a:hover, .home-games .featured-content .entry-title a:hover, .home-dorksworldwide .textwidget a:hover, .home-fanart .textwidget a:hover, .home .fanclub .textwidget a:hover, .home .characters .textwidget a:hover, .home .inspiration .textwidget a:hover, .home .shop .textwidget a:hover, .home .games .textwidget a:hover, .home-iheartwriting .featured-content .entry-title a:hover, .home-shop .featured-content .entry-title a:hover, .home-max .textwidget a:hover { color:#000; } /* Featured Content --------------------------------------------- */ .sidebar .featured-content .entry { margin-bottom: 0; padding: 0 ; text-align:center; } .sidebar .featured-content .entry-title { font-size: 15px; font-size: 1.5rem; line-height: 1; text-transform:uppercase; font-weight:normal; padding:0 0 8px 0 ; padding:0 0 .8rem 0 ; margin:0 0 8px 0; margin:0 0 .8rem 0; overflow:hidden; color:#000; letter-spacing:0; } .sidebar .featured-content .entry-title a{ color:#000; } .sidebar .featured-content .entry-title a:hover{ } .sidebar li.recentcomments { padding: 1px 0 9px 0; padding: .1rem 0 .9rem 0; font-weight: normal; line-height: 1; font-size:17px; font-size:1.7rem; font-family:comicneue, sans-serif; border-bottom: 4px dotted #818385; } .sidebar .recentcomments a{ font-size: 15px; font-size: 1.5rem; line-height: 1; text-transform:uppercase; font-family:comicneue-bold, sans-serif; } .menu-fun-stuff-menu-container{ padding: 1px 0 9px 0; padding: .1rem 0 .9rem 0; font-family: slappy, sans-serif; font-weight: normal; line-height: 1.2; font-size:14px; font-size:1.4rem; } .sidebar p{ line-height:1.2; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Entries --------------------------------------------- */ .entry { background-color: #fff; border-radius: 3px; margin-bottom: 20px; margin-bottom: 2rem; } .entry-content{min-height:115px;line-height:1.5;} @media screen and (-webkit-min-device-pixel-ratio:0) { .entry-content{min-height:100px;} } .entry-content h1, .entry-content h2, .entry-content h3 { color: #231f20; font-family: slappy, sans-serif; font-weight: normal; line-height: 1.2; margin: 0 0 16px; margin: 0 0 1.6rem; } .entry-content h1{ font-size:22px; font-size:2.2rem; text-transform:uppercase; font-weight: normal; } .entry-content h2{ font-size:20px; font-size:2rem; font-weight: normal; } .entry-content h3{ font-size:16px; font-size:1.6rem; font-weight: normal; } .entry-content h4, .entry-content h5, .entry-content h6 { color: #231f20; font-family:skippy, sans-serif; font-weight: normal; line-height: 1.1; margin: 10px 0 15px 0; margin: 1rem 0 1.5rem 0; } .entry-content h4{ font-size:36px; font-size:3.6rem; font-weight: normal; } .entry-content h5{ font-size:31px; font-size:3.1rem; font-weight: normal; } .entry-content h6{ font-size:29px; font-size:2.9rem; font-weight: normal; } .entry-content a { border-bottom: 0px solid #818385; text-decoration:underline; color: #000; } .entry-content a:hover { color: #818385; border-bottom: 0px solid #818385; } .entry-content .attachment a, .entry-content .gallery a { border: none; } .entry-content ol, .entry-content p, .entry-content ul, .quote-caption { margin-bottom: 18px; margin-bottom: 1.8rem; } .entry-content ul { margin-left: 30px; margin-left: 3rem; margin-right: 10px; margin-right: 1rem; } .entry-content ul li { list-style: none; line-height:1.2em; margin-bottom:8px; margin-bottom:.8rem; } .entry-content ul li:before { color: #000; content: '• '; font-size: 2em; font-weight: bold; vertical-align:middle; margin-left:-20px; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ clear:both; } .entry-content ol > li { position:relative; /* Create a positioning context */ margin:10px 15px 10px 35px ; /* Give each list item a left margin to make room for the numbers */ margin:1rem 1.5rem 1rem 3.5rem ; padding:0; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ width:42%; display:inline-block; clear:right; min-height:40px; min-height:4rem; vertical-align:top; } .entry-content ol > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:0; left:-35px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:1.5em; height:1.5em; border-radius: 1.5em; -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; padding:0px 2px 2px 3px; padding:0rem .2rem .2rem .3rem; color:#fff; background:#000; font-weight:bold; text-align:center; font-family:slappy, sans-serif; font-weight:normal; font-size:20px; font-size:2rem; } .entry-content li ol, .entry-content li ul {margin-top:6px;} .entry-content ol ol li:last-child {margin-bottom:0;} .entry-content .search-form { width: 50%; } .entry-meta { color: #999; font-size: 14px; font-size: 1.4rem; } .entry-meta a { border-bottom: 0px solid #818385; } .entry-header .entry-meta { margin-bottom: 24px; margin-bottom: 2.4rem; } .entry-footer .entry-meta { margin: 0 -2px; padding: 10px 2px 20px 2px; padding: 1rem .2rem 2rem .2rem; border-bottom: 4px dotted #000; } .single .post .entry-footer .entry-meta{ clear:both; } .entry-time{ font-family:slappy, sans-serif; font-weight:normal; color:#fff; padding:3px 6px ; border:2px solid #000; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; background:#000; } a.more-link { font-family:comicneue-bold, sans-serif; font-weight:normal; color:#fff; font-size:12px; font-size:1.2rem; line-height:1; padding:2px 6px 2px 6px; padding:.2rem .6rem .2rem .6rem; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; background:#000; border:0; white-space:nowrap; text-decoration:none; } a:hover.more-link { color:#fff; background:#000; } .entry-comments-link { font-family:comicneue-bold, sans-serif; font-weight:normal; text-transform: uppercase; font-size:17px; font-size:1.7rem; letter-spacing:-1px; } .entry-categories, .entry-tags { display: inline-block; padding-left:5px; padding-left:.5rem; text-transform: uppercase; font-size:15px; font-size:1.5rem; color:#000; } .entry-categories a, .entry-tags a{ text-transform: capitalize; border-bottom: 1px solid #818385; } .entry-categories a:hover, .entry-tags a:hover{ text-transform: capitalize; border-bottom: 0px solid #818385; color:#818385; } .entry-author{display:none;} /* Pagination --------------------------------------------- */ .archive-pagination, .entry-pagination { font-size: 14px; font-size: 1.4rem; font-family:slappy, sans-serif; margin: 40px 0; margin: 4rem 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #fff; border-radius: 12px; color: #000; border: 2px solid #000; cursor: pointer; display: inline-block; padding: 7px 10px; padding: 0.7rem 1rem; } .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #000; color: #fff; } .entry-pagination a { padding: 2px 8px; padding: 0.2rem .8rem; border: 2px solid #fff; } .entry-pagination a:hover { border-radius: 10px; color: #000; border: 2px solid #000; cursor: pointer; } .comments-pagination{ height:20px; height:2rem; margin-top:10px; margin-top:1rem; } .pagination-next, .pagination-previous{ font-size: 14px; font-size: 1.4rem; font-family:slappy, sans-serif; } .pagination-next a, .pagination-previous a { background-color: #fff; border-radius: 12px; color: #000; border: 2px solid #000; cursor: pointer; display: inline-block; padding: 7px 12px; padding: 0.7rem 1.2rem; } .pagination-next a:hover, .pagination-next.active a, .pagination-previous a:hover, .pagination-previous.active a { background-color: #000; color: #fff; } .home .max a{color:#1292D1;} /* Styles per category - my diary --------------------------------------------- */ .post.category-mydiary h1.entry-title, .post.category-mydiary h1.entry-title a,.post.category-mydiary h2.entry-title, .post.category-mydiary h2.entry-title a { color: #5DC1D1; } .post.category-mydiary .entry-time { background: #5DC1D1; } .post.category-mydiary .entry-footer .entry-meta {border-bottom: 4px dotted #5DC1D1;} .post.category-mydiary a.more-link { background: #5DC1D1; } .post.category-mydiary a:hover.more-link { background: #000; } .post.category-mydiary .entry-comments-link a:hover{color:#5DC1D1;} .post.category-mydiary .entry-content ol > li:before {background:#5DC1D1;} .post.category-mydiary .entry-content ul li:before {color:#5DC1D1;} .post.category-mydiary blockquote::before, .post.category-mydiary blockquote::after {color: #5DC1D1;} .post.category-mydiary .mydiary-background{background:#DBF1F6; padding:20px; padding:2rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .post.category-mydiary .entry-content{background: url(images/icons/nikki_signature.png)no-repeat bottom left; padding-bottom:65px; padding-bottom:6.5rem; } .archive.category-mydiary .entry-content, .archive.category-dorkworld .entry-content, .archive.tag .entry-content{background:none; padding-bottom:0;} body.search-results .category-mydiary .entry-content{background:none; padding-bottom:0;} .home .mydiary h2.entry-title a{color:#5DC1D1;} .mydiary .widgettitle{ color:#5DC1D1; background:url(images/icons/mydiary_icon.png)no-repeat left top; padding-left: 50px; padding-left: 5rem;} .mydiary h2.entry-title{border-bottom: 4px dotted #5DC1D1;} .mydiary h2.entry-title a:hover{color:#5DC1D1;} .mydiary .side-email{background:#5DC1D1;} .mydiary .side-email:hover{background:#000000;} .mydiary a.more-link { background: #5DC1D1; } .mydiary a:hover{color:#5DC1D1;} .mydiary a:hover.more-link { background: #000; color:#fff;} .mydiary li.recentcomments{border-bottom: 4px dotted #5DC1D1;} /* Styles per category - partykits --------------------------------------------- */ .post.category-partykits h1.entry-title, .post.category-partykits h1.entry-title a, .post.category-partykits h2.entry-title, .post.category-partykits h2.entry-title a{ color: #5cc151; } .post.category-partykits .entry-time { background: #5cc151; } .post.category-partykits .entry-footer .entry-meta {border-bottom: 4px dotted #5cc151;} .post.category-partykits a.more-link { background: #5cc151; } .post.category-partykits a:hover.more-link { background: #000; } .post.category-partykits .entry-comments-link a:hover{color:#5cc151;} .post.category-partykits .entry-content ol > li:before {background:#5cc151;} .post.category-partykits .entry-content ul li:before {color:#5cc151;} .post.category-partykits blockquote::before, .post.category-partykits blockquote::after {color: #5cc151;} .home .partykits h2.entry-title a{color:#5cc151;} .partykits .widgettitle{ color:#5cc151; } .partykits h2.entry-title{border-bottom: 4px dotted #5cc151;} .partykits h2.entry-title a:hover{color:#5cc151;} .partykits .side-email{background:#5cc151;} .partykits .side-email:hover{background:#000000;} .partykits a.more-link { background: #5cc151; } .partykits a:hover{color:#5cc151;} .partykits a:hover.more-link { background: #000; color:#fff;} .partykits .menu li {border-bottom: 4px dotted #5cc151; text-transform:uppercase;font-size:17px;font-size:1.7rem; padding-bottom:4px;text-align:center;} /* Styles per category - ask nikki --------------------------------------------- */ .post.category-asknikki h1.entry-title, .post.category-asknikki h1.entry-title a,.post.category-asknikki h2.entry-title, .post.category-asknikki h2.entry-title a { color: #c39ec9; } .post.category-asknikki .entry-time { background: #c39ec9; } .post.category-asknikki .entry-footer .entry-meta {border-bottom: 4px dotted #c39ec9;} .post.category-asknikki a.more-link { background: #c39ec9; } .post.category-asknikki a:hover.more-link { background: #000; } .post.category-asknikki .entry-comments-link a:hover{color:#c39ec9;} .post.category-asknikki .entry-content ol > li:before {background:#c39ec9;} .post.category-asknikki .entry-content ul li:before {color:#c39ec9;} .post.category-asknikki blockquote::before, .post.category-asknikki blockquote::after {color: #c39ec9;} .post.category-asknikki .nikki-question{font-family:skippy, sans-serif; font-weight:normal; font-size:30px; margin-top:10px; font-size:3rem;background:url(images/icons/asknikki_icon.png)no-repeat left top; padding-left: 60px; padding-left: 6rem; line-height:1.1;} .post.category-asknikki .nikki-answer{background:#ECE2F0 url(images/icons/nikki_signature.png)no-repeat 2% 99%; padding:15px 20px 80px 20px; padding:1.5rem 2rem 8rem 2rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-top:20px;} .home .asknikki h2.entry-title a{color:#c39ec9;} .asknikki .widgettitle{ color:#c39ec9; background:url(images/icons/asknikki_icon.png)no-repeat left top; padding-left: 40px; padding-left: 4rem;} .asknikki h2.entry-title{border-bottom: 4px dotted #c39ec9;} .asknikki h2.entry-title a:hover{color:#c39ec9;} .asknikki .side-email{background:#c39ec9;} .asknikki .side-email:hover{background:#000000;} .asknikki a.more-link { background: #c39ec9; } .asknikki a:hover{color:#c39ec9;} .asknikki a:hover.more-link { background: #000; color:#fff;} .asknikki li.recentcomments{border-bottom: 4px dotted #c39ec9;} /* Styles per category - ask brandon --------------------------------------------- */ .post.category-askbrandon h1.entry-title, .post.category-askbrandon h1.entry-title a,.post.category-askbrandon h2.entry-title, .post.category-askbrandon h2.entry-title a { color: #4473AB; } .post.category-askbrandon .entry-time { background: #4473AB; } .post.category-askbrandon .entry-footer .entry-meta {border-bottom: 4px dotted #4473AB;} .post.category-askbrandon a.more-link { background: #4473AB; } .post.category-askbrandon a:hover.more-link { background: #000; } .post.category-askbrandon .entry-comments-link a:hover{color:#4473AB;} .post.category-askbrandon .entry-content ol > li:before {background:#4473AB;} .post.category-askbrandon .entry-content ul li:before {color:#4473ab;} .post.category-askbrandon blockquote::before, .post.category-askbrandon blockquote::after {color: #4473ab;} .post.category-askbrandon .brandon-question{font-family:skippy, sans-serif; font-weight:normal; font-size:30px; font-size:3rem;background:url(images/icons/askbrandon_icon.png)no-repeat left top; padding-left: 60px; padding-left: 6rem;margin-top:10px;line-height:1.2;} .post.category-askbrandon .brandon-answer{background:#CCD9ED url(images/icons/brandon_signature.png)no-repeat 2% 100%; padding:15px 20px 50px 20px; padding:1.5rem 2rem 5rem 2rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-top:20px;} .home .askbrandon h2.entry-title a{color:#4473AB;} .askbrandon .widgettitle{ color:#4473AB; background:url(images/icons/askbrandon_icon.png)no-repeat left top; padding-left: 40px; padding-left: 4rem;} .askbrandon h2.entry-title{border-bottom: 4px dotted #4473AB;} .askbrandon h2.entry-title a:hover{color:#4473AB;} .askbrandon .side-email{background:#4473AB;} .askbrandon .side-email:hover{background:#000000;} .askbrandon a.more-link { background: #4473AB; } .askbrandon a:hover{color:#4473AB;} .askbrandon a:hover.more-link { background: #000; color:#fff;} .askbrandon li.recentcomments{border-bottom: 4px dotted #4473AB;} /* Styles per category - fan stories --------------------------------------------- */ .post.category-fan-stories h1.entry-title, .post.category-fan-stories h1.entry-title a,.post.category-fan-stories h2.entry-title, .post.category-fan-stories h2.entry-title a{ color: #b339a6; } .post.category-fan-stories .entry-time { background: #b339a6; } .post.category-fan-stories .entry-footer .entry-meta {border-bottom: 4px dotted #b339a6;} .post.category-fan-stories a.more-link { background: #b339a6; } .post.category-fan-stories a:hover.more-link { background: #000; } .post.category-fan-stories .entry-comments-link a:hover{color:#b339a6;} .post.category-fan-stories .entry-content ol > li:before {background:#b339a6;} .post.category-fan-stories .entry-content ul li:before {color:#b339a6;} .post.category-fan-stories blockquote::before, .post.category-fan-stories blockquote::after {color: #b339a6;} .home .fan-stories h2.entry-title a{color:#b339a6;} .fan-stories .widgettitle{ color:#b339a6; } .fan-stories h2.entry-title{border-bottom: 4px dotted #b339a6;} .fan-stories h2.entry-title a:hover{color:#b339a6;} .fan-stories .side-email{background:#b339a6;} .fan-stories .side-email:hover{background:#000000;} .fan-stories a.more-link { background: #b339a6; } .fan-stories a:hover{color:#b339a6;} .fan-stories a:hover.more-link { background: #000; color:#fff;} .fan-stories .menu li {border-bottom: 4px dotted #b339a6; text-transform:uppercase;font-size:17px;font-size:1.7rem; padding-bottom:4px;text-align:center;} .fan-stories li.recentcomments{border-bottom: 4px dotted #b339a6;} /* Styles per category - fan art --------------------------------------------- */ option[value="168"]{display:none;} .logged-In img{display:none;} .post.category-fanart h1.entry-title, .post.category-fanart h1.entry-title a, .post.category-fanart h2.entry-title, .post.category-fanart h2.entry-title a{ color: #D2232A; } .post.category-fanart .entry-time { background: #D2232A; } .post.category-fanart .entry-footer .entry-meta {border-bottom: 4px dotted #D2232A;} .post.category-fanart a.more-link { background: #D2232A; } .post.category-fanart a:hover.more-link { background: #000; } .post.category-fanart .entry-comments-link a:hover{color:#D2232A;} .post.category-fanart .entry-content ol > li:before {background:#D2232A;} .post.category-fanart .entry-content ul li:before {color:#D2232A;} .post.category-fanart blockquote::before, .post.category-fanart blockquote::after {color: #D2232A;} .home .fanart h2.entry-title a{color:#D2232A;} .home .fanart a {color:#D2232A;} .fanart .widgettitle{ color:#D2232A; } .fanart h2.entry-title{border-bottom: 4px dotted #D2232A;} .fanart h2.entry-title a:hover{color:#D2232A;} .fanart .side-email{background:#D2232A;} .fanart .side-email:hover{background:#000000;} .fanart a.more-link { background: #D2232A; } .fanart a:hover{color:#D2232A;} .fanart a:hover.more-link { background: #000; color:#fff;} .fanart .menu li {border-bottom: 4px dotted #D2232A; text-transform:uppercase;font-size:17px;font-size:1.7rem; padding-bottom:4px;text-align:center;} .fanart li.recentcomments{border-bottom: 4px dotted #D2232A;} .page-id-2840 hr {border:0;border-bottom: 4px dotted #D2232A;background:#ffffff;} /* Styles per category - inspiration --------------------------------------------- */ .home .inspiration a {color:#f991b2;} /* Styles per category - iheartwriting --------------------------------------------- */ .home .iheartwriting a {color:#ed145b;} .post.category-iheartwriting h1.entry-title, .post.category-iheartwriting h1.entry-title a,.post.category-iheartwriting h2.entry-title, .post.category-iheartwriting h2.entry-title a { color: #ed145b; } .post.category-iheartwriting .entry-time { background: #ed145b; } .post.category-iheartwriting .entry-footer .entry-meta {border-bottom: 4px dotted #ed145b;} .post.category-iheartwriting a.more-link { background: #ed145b; } .post.category-iheartwriting a:hover.more-link { background: #000; } .post.category-iheartwriting .entry-comments-link a:hover{color:#ed145b;} .post.category-iheartwriting .entry-content ol > li:before {background:#ed145b;} .post.category-iheartwriting .entry-content ul li:before {color:#ed145b;} .post.category-iheartwriting blockquote::before, .post.category-iheartwriting blockquote::after {color: #ed145b;} .archive.category-iheartwriting .entry-content, .archive.category-dorkystuff .entry-content, .archive.tag .entry-content{background:none; padding-bottom:0;} body.search-results .category-iheartwriting .entry-content{background:none; padding-bottom:0;} .home .iheartwriting h2.entry-title a{color:#ed145b;} .iheartwriting a.more-link { background: #ed145b; } .iheartwriting a:hover{color:#ed145b;} .iheartwriting a:hover.more-link { background: #000; color:#fff;} /* Styles per category - fan club --------------------------------------------- */ .home .fanclub a {color:#ecb70a;} /* Styles per category - fan club --------------------------------------------- */ .home .games a {color:#01a6de;} /* Styles per category - Dorks Worldwide --------------------------------------------- */ .home .dorksworldwide a {color:#69d0a3;} /* Styles per category - Music --------------------------------------------- */ .post.category-music h1.entry-title, .post.category-music h1.entry-title a,.post.category-music h2.entry-title, .post.category-music h2.entry-title a{ color: #f1590e; } .post.category-music .entry-time { background: #f1590e; } .post.category-music .entry-footer .entry-meta {border-bottom: 4px dotted #f1590e;} .post.category-music a.more-link { background: #f1590e; } .post.category-music a:hover.more-link { background: #000; } .post.category-music .entry-comments-link a:hover{color:#f1590e;} .post.category-music .entry-content ol > li:before {background:#f1590e;} .post.category-music .entry-content ul li:before {color:#f1590e;} .post.category-music blockquote::before, .post.category-music blockquote::after {color: #f1590e;} .home .music h2.entry-title a{color:#f1590e;} .music .widgettitle{ color:#f1590e; } .music h2.entry-title{border-bottom: 4px dotted #f1590e;} .music h2.entry-title a:hover{color:#f1590e;} .music .side-email{background:#f1590e;} .music .side-email:hover{background:#000000;} .music a.more-link { background: #f1590e; } .music a:hover{color:#f1590e;} .music a:hover.more-link { background: #000; color:#fff;} .music .menu li {border-bottom: 4px dotted #f1590e; text-transform:uppercase;font-size:17px;font-size:1.7rem; padding-bottom:4px;text-align:center;} .music li.recentcomments{border-bottom: 4px dotted #f1590e;} /* Styles per category - Videos --------------------------------------------- */ .post.category-videos h1.entry-title, .post.category-videos h1.entry-title a,.post.category-videos h2.entry-title, .post.category-videos h2.entry-title a{ color: #0046ad; } .post.category-videos .entry-time { background: #0046ad; } .post.category-videos .entry-footer .entry-meta {border-bottom: 4px dotted #0046ad;} .post.category-videos a.more-link { background: #0046ad; } .post.category-videos a:hover.more-link { background: #000; } .post.category-videos .entry-comments-link a:hover{color:#0046ad;} .post.category-videos .entry-content ol > li:before {background:#0046ad;} .post.category-videos .entry-content ul li:before {color:#0046ad;} .post.category-videos blockquote::before, .post.category-videos blockquote::after {color: #0046ad;} .home .videos h2.entry-title a{color:#0046ad;} .videos .widgettitle{ color:#0046ad; } .videos h2.entry-title{border-bottom: 4px dotted #0046ad;} .videos h2.entry-title a:hover{color:#0046ad;} .videos .side-email{background:#0046ad;} .videos .side-email:hover{background:#000000;} .videos a.more-link { background: #0046ad; } .videos a:hover{color:#0046ad;} .videos a:hover.more-link { background: #000; color:#fff;} .videos .menu li {border-bottom: 4px dotted #0046ad; text-transform:uppercase;font-size:17px;font-size:1.7rem; padding-bottom:4px;text-align:center;} .videos li.recentcomments{border-bottom: 4px dotted #0046ad;} /* Styles per category - Real Kids --------------------------------------------- */ .post.category-realkids h1.entry-title, .post.category-realkids h1.entry-title a,.post.category-realkids h2.entry-title, .post.category-realkids h2.entry-title a{ color: #ff2c08; } .post.category-realkids .entry-time { background: #ff2c08; } .post.category-realkids .entry-footer .entry-meta {border-bottom: 4px dotted #ff2c08;} .post.category-realkids a.more-link { background: #ff2c08; } .post.category-realkids a:hover.more-link { background: #000; } .post.category-realkids .entry-comments-link a:hover{color:#ff2c08;} .post.category-realkids .entry-content ol > li:before {background:#ff2c08;} .post.category-realkids .entry-content ul li:before {color:#ff2c08;} .post.category-realkids .realkids-background{background:#FCCBB6; padding:20px; padding:2rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;}.post.category-realkids blockquote::before, .post.category-realkids blockquote::after {color: #ff2c08;} .home .realkids h2.entry-title a{color:#ff2c08;} .realkids .widgettitle{ color:#ff2c08; background:url(images/icons/realkids_icon.png)no-repeat left top; padding-left: 40px; padding-left: 4rem;} .realkids h2.entry-title{border-bottom: 4px dotted #ff2c08;} .realkids h2.entry-title a:hover{color:#ff2c08;} .realkids .side-email{background:#ff2c08;} .realkids .side-email:hover{background:#000000;} .realkids a.more-link { background: #ff2c08; } .realkids a:hover{color:#ff2c08;} .realkids a:hover.more-link { background: #000; color:#fff;} .realkids .menu li {border-bottom: 4px dotted #ff2c08; text-transform:uppercase;font-size:17px;font-size:1.7rem; padding-bottom:4px;text-align:center;} .realkids li.recentcomments{border-bottom: 4px dotted #ff2c08;} /* Styles per category - Games --------------------------------------------- */ .post.category-games h1.entry-title, .post.category-games h1.entry-title a,.post.category-games h2.entry-title, .post.category-games h2.entry-title a{ color: #01a6de; } .post.category-games .entry-time { background: #01a6de; } .post.category-games .entry-footer .entry-meta {border-bottom: 4px dotted #01a6de;} .post.category-games a.more-link { background: #01a6de; } .post.category-games a:hover.more-link { background: #000; } .post.category-games .entry-comments-link a:hover{color:#01a6de;} .post.category-games .entry-content ol > li:before {background:#01a6de;} .post.category-games .entry-content ul li:before {color:#01a6de;} .post.category-games blockquote::before, .post.category-games blockquote::after {color: #01a6de;} .home .games h2.entry-title a{color:#01a6de;} .games .widgettitle{ color:#01a6de; } .games h2.entry-title{border-bottom: 4px dotted #01a6de;} .games h2.entry-title a:hover{color:#01a6de;} .games .side-email{background:#01a6de;} .games .side-email:hover{background:#000000;} .games a.more-link { background: #01a6de; } .games a:hover{color:#01a6de;} .games a:hover.more-link { background: #000; color:#fff;} .games .menu li {border-bottom: 4px dotted #01a6de; text-transform:uppercase;font-size:17px;font-size:1.7rem; padding-bottom:4px;text-align:center;} .games li.recentcomments{border-bottom: 4px dotted #01a6de;} /* Styles per category - Wallpapers --------------------------------------------- */ .post.category-wallpapers h1.entry-title, .post.category-wallpapers h1.entry-title a, .post.category-calendars h1.entry-title, .post.category-calendars h1.entry-title a,.post.category-wallpapers h2.entry-title, .post.category-wallpapers h2.entry-title a, .post.category-calendars h2.entry-title, .post.category-calendars h2.entry-title a{ color: #fa405a; } .post.category-wallpapers .entry-time, .post.category-calendars .entry-time { background: #fa405a; } .post.category-wallpapers .entry-footer .entry-meta,.post.category-calendars .entry-footer .entry-meta {border-bottom: 4px dotted #fa405a;} .post.category-wallpapers a.more-link, .post.category-calendars a.more-link { background: #fa405a; } .post.category-wallpapers a:hover.more-link, .post.category-calendars a:hover.more-link { background: #000; } .post.category-wallpapers .entry-comments-link a:hover, .post.category-calendars .entry-comments-link a:hover{color:#fa405a;} .post.category-wallpapers .entry-content ol > li:before, .post.category-calendars .entry-content ol > li:before {background:#fa405a;} .post.category-wallpapers .entry-content ul li:before, .post.category-calendars .entry-content ul li:before {color:#fa405a;} .post.category-wallpapers blockquote::before, .post.category-wallpapers blockquote::after {color: #fa405a;} .home .wallpapers h2.entry-title a{color:#fa405a;} .wallpapers .widgettitle, .calendars .widgettitle{ color:#fa405a; } .wallpapers h2.entry-title, .calendars h2.entry-title{border-bottom: 4px dotted #fa405a;} .wallpapers h2.entry-title a:hover, .calendars h2.entry-title a:hover{color:#fa405a;} .wallpapers .side-email, .calendars .side-email{background:#fa405a;} .wallpapers .side-email:hover, .calendars .side-email:hover{background:#000000;} .wallpapers a.more-link, .calendars a.more-link { background: #fa405a; } .wallpapers a:hover, .calendars a:hover{color:#fa405a;} .wallpapers a:hover.more-link, .calendars a:hover.more-link { background: #000; color:#fff;} .wallpapers .menu li, .calendars .menu li {border-bottom: 4px dotted #fa405a; text-transform:uppercase;font-size:17px;font-size:1.7rem; padding-bottom:4px;text-align:center;} .wallpapers li.recentcomments, .calendars li.recentcomments{border-bottom: 4px dotted #fa405a;} /* Dorky Stuff ---------------------------------------------------------------------------------------------------- */ .dorkyfreestuff h4 { display:none; } .dorkyfreestuff .widget-wrap{ padding:2% 9%; } .dorkyfreestuff p { text-align:center; font-family:slappy, sans-serif; color:#fff; font-size:14px; font-size:1.4rem; font-weight:normal; line-height:1; padding: 0; margin: 0; } .dorkyfreestuff .widget_sp_image-description{ margin:-25px 0 0 0; margin:-2.5rem 0 0 0; padding: 0; } .dorkyfreestuff img{ -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .dorkyfreestuff article {border-bottom: 4px dotted #fa405a; padding:0; margin:0;} .dorkyfreestuff .entry-title{line-height:1;margin-top:1.1rem;margin-bottom:1rem;} .dorkyfreestuff h2.entry-title a{color:#fa405a; } .dorkyfreestuff h2.entry-title a:hover{color:#000; } .dorkyfreestuff h2{margin:0;font-size: 16px; font-size: 1.6rem;text-transform: uppercase;font-family: comicneue-bold, sans-serif; line-height:1;padding:0;text-align:center;} /* Styles per category - whats new --------------------------------------------- */ .post.category-whatsnew h1.entry-title, .post.category-whatsnew h1.entry-title a,.post.category-whatsnew h2.entry-title, .post.category-whatsnew h2.entry-title a { color: #ED1C8F; } .post.category-whatsnew .entry-time { background: #ED1C8F; } .post.category-whatsnew .entry-footer .entry-meta {border-bottom: 4px dotted #ED1C8F;} .post.category-whatsnew a.more-link { background: #ED1C8F; } .post.category-whatsnew a:hover.more-link { background: #000; } .post.category-whatsnew .entry-comments-link a:hover{color:#ED1C8F;} .post.category-whatsnew .entry-content ol > li:before {background:#ED1C8F;} .post.category-whatsnew .entry-content ul li:before {color:#ed1c8f;} .post.category-whatsnew blockquote::before, .post.category-whatsnew blockquote::after {color: #ed1c8f;} .post.category-whatsnew .entry-content{background: url(images/icons/nikki_signature.png)no-repeat bottom left; padding-bottom:65px; padding-bottom:6.5rem; } .archive.category-whatsnew .entry-content, .archive.category-dorkworld .entry-content, .archive.tag .entry-content{background:none; padding-bottom:0;} body.search-results .category-whatsnew .entry-content{background:none; padding-bottom:0;} .post.category-whatsnew .whatsnew-background{background:#F6C8D4; padding:20px; padding:2rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .home .whatsnew h2.entry-title a{color:#ED1C8F;} .whatsnew li.recentcomments{border-bottom: 4px dotted #ED1C8F;} .whatsnew .widgettitle{ color:#ED1C8F;} .whatsnew h2.entry-title{border-bottom: 4px dotted #ED1C8F;} .whatsnew h2.entry-title a:hover{color:#ED1C8F;} .whatsnew .side-email{background:#ED1C8F;} .whatsnew .side-email:hover{background:#000000;} .whatsnew a.more-link { background: #ED1C8F; } .whatsnew a:hover{color:#ED1C8F;} .whatsnew a:hover.more-link { background: #000; color:#fff;} /* Styles per category - my books --------------------------------------------- */ .post.category-mybooks h1.entry-title, .post.category-mybooks h1.entry-title a,.post.category-mybooks h2.entry-title, .post.category-mybooks h2.entry-title a { color: #00B1B0;} .post.category-mybooks .entry-time { background: #00B1B0; } .post.category-mybooks .entry-header .entry-meta {display:none;} .post.category-mybooks .entry-footer .entry-meta {border-bottom: 4px dotted #00B1B0;} .post.category-mybooks a.more-link { background: #00B1B0; } .post.category-mybooks a:hover.more-link { background: #000; } .post.category-mybooks .entry-comments-link a:hover{color:#00B1B0;} .post.category-mybooks .entry-content ol > li:before {background:#00B1B0;} .post.category-mybooks .entry-content ul li:before {color:#00b1b0;} .post.category-mybooks blockquote::before, .post.category-mybooks blockquote::after {color: #00b1b0;} .post.category-mybooks .mybooks-background{background:#C5E7E7; padding:20px; padding:2rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .post.category-mybooks .entry-content ul {margin-left:20px;} .post.category-mybooks .entry-content ul li:before {content: none;} .post.category-mybooks .entry-content li.question{background:url(images/icons/question.png)no-repeat top left;padding-left:25px;padding-left:2.5rem;margin-bottom:3px;} .post.category-mybooks .entry-content li.checkbox{background:url(images/icons/checkmark.png)no-repeat top left;padding-left:25px;padding-left:2.5rem;margin-bottom:3px;} .home .mybooks h2.entry-title a{color:#00B1B0;} .mybooks .widgettitle{ color:#00B1B0;} .mybooks h2.entry-title{border-bottom: 4px dotted #00B1B0;} .mybooks h2.entry-title a:hover{color:#00B1B0;} .mybooks .side-email{background:#00B1B0;} .mybooks .side-email:hover{background:#000000;} .mybooks a.more-link { background: #00B1B0; } .mybooks a:hover{color:#00B1B0;} .mybooks a:hover.more-link { background: #000; color:#fff;} .mybooks li.recentcomments{border-bottom: 4px dotted #00B1B0;} .excerpt{background:#C5E7E7 url(images/icons/excerpt_icon.png)no-repeat 3% center; padding:15px 20px; padding:1.5rem 2rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;text-align:center;} .excerpt a{padding-left:20px; padding-left:2rem; font-family:slappy, sans-serif; font-size:18px; font-size:1.8rem;color:#00B1B0;} .excerpt a:hover{color:#000;} .pre h2, #purchaselinks h2, #purchaselinkslarge h2{background:url(images/icons/store_icon.png)no-repeat top left; padding-top:35px;padding-top:3.5rem;text-transform:uppercase;} .two-thirds select, .one-third select {font-family:slappy, sans-serif; font-weight:normal;margin-bottom:10px;} #go_button:hover{background:#00B1B0;} /* Styles per category - my author --------------------------------------------- */ .post.category-myauthor hr {border:0;border-bottom: 4px dotted #F58025;background:#ffffff;} .post.category-myauthor h1.entry-title, .post.category-myauthor h1.entry-title a,.post.category-myauthor h2.entry-title, .post.category-myauthor h2.entry-title a { color: #F58025; } .post.category-myauthor .entry-time { background: #F58025;} .post.category-myauthor .entry-header .entry-meta {display:none;} .post.category-myauthor .entry-footer .entry-meta {border-bottom: 4px dotted #F58025;} .post.category-myauthor a.more-link { background: #F58025; } .post.category-myauthor a:hover.more-link { background: #000; } .post.category-myauthor .entry-comments-link a:hover{color:#F58025;} .post.category-myauthor .entry-content ol > li:before {background:#F58025;} .post.category-myauthor .entry-content ul li:before {color:#F58025;} .post.category-myauthor blockquote::before, .post.category-myauthor blockquote::after {color: #f58025;} .post.category-myauthor .myauthor-background{background:#FEE2C9; padding:20px; padding:2rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .home .myauthor h2.entry-title a{color:#F58025;} .myauthor .widgettitle{ color:#F58025;} .myauthor h2.entry-title{border-bottom: 4px dotted #F58025;} .myauthor h2.entry-title a:hover{color:#F58025;} .myauthor .side-email{background:#f58025;} .myauthor .side-email:hover{background:#000000;} .myauthor a.more-link { background: #F58025; } .myauthor a:hover{color:#F58025;} .myauthor a:hover.more-link { background: #000; color:#fff;} .page-id-2839 h1.entry-title, .page-id-610 h1.entry-title a { color: #F58025; } .page-id-2839 .myauthor-background{background:#FEE2C9; padding:10px; padding:1rem; margin-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .category-mybooks .post-image { display: none; } .category-partykits .post-image { display: none; } .category-music .post-image { display: none; } .category-wallpapers .post-image{ display: none; } .category-mybooks .entry-content{min-height:420px;} .category-mybooks .entry-footer{width:100%;clear:both;} .category-mybooks .two-thirds{padding-bottom:2rem; padding-bottom:20px;} .category-partykits .entry-content{min-height:420px;} .category-partykits .entry-footer{width:100%;clear:both;} .category-partykits .two-thirds{padding-bottom:2rem; padding-bottom:20px;} .category-wallpapers .entry-content{min-height:420px;} .category-wallpapers .entry-footer{width:100%;clear:both;} .category-wallpapers .two-thirds{padding-bottom:2rem; padding-bottom:20px;} .category-music .entry-content{min-height:420px;} .category-music .entry-footer{width:100%;clear:both;} .category-music .two-thirds{padding-bottom:2rem; padding-bottom:20px;} .category-dorkworld .post-image { display: inline-block; } .category-dorkystuff .post-image { display: inline-block; } .category-fanstuff .post-image { display: inline-block; } .tag .post-image { display: inline-block; } .category-dorkworld .entry-content{min-height:115px;} .category-dorkystuff .entry-content{min-height:115px;} .category-fanstuff .entry-content{min-height:115px;} .tag .entry-content{min-height:115px;} /* Styles per category - meet characters --------------------------------------------- */ .page-id-2844 .one-fourth{ margin-right:.5%; line-height:1.2; } .home .characters a {color:#f30a0a;} figure.captions {position: relative; margin: 0; overflow: hidden; display: inline-block; background-color: #FFF; color: #000; width:100%; height: auto; z-index: 0;min-width:234px;min-width:23.4rem;} figure.captions.hide.text img {-moz-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} figure.captions.hide img {z-index: 999;-moz-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} figure.captions img {position: relative;display: block;padding: 0px;margin: 0px;-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} figure.captions.hide.text:hover img, figure.captions.hide.text:focus img {-moz-transform: translateY(68%);-webkit-transform: translateY(68%);-o-transform: translateY(68%);-ms-transform: translateY(68%);transform: translateY(68%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} figure.captions.hide.text figcaption {-moz-transform: translateY(-7%);-webkit-transform: translateY(-7%);-o-transform: translateY(-7%);-ms-transform: translateY(-7%);transform: translateY(-7%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} figure.captions.hide figcaption {width: 100%;height: auto;top: 0px;-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} figure.captions figcaption {width: 100%;position: absolute;padding: 12px;padding: 1.2rem;overflow: hidden;box-sizing: border-box;text-align:center; font-size:90%;line-height: 1.3;} figure.captions figcaption h2{line-height: 1;padding-bottom:0;margin-bottom:5px;padding-top:1em;} /* Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #fff; margin-bottom: 40px; margin-bottom: 4rem; } .entry-comments { padding: 0; padding: 0rem; } .entry-comments h3 { display:none; } .comment-respond, .entry-pings { padding: 10px 0 0 0; } .comment-respond a { text-decoration:none; } .entry-comments a { text-decoration:none; } .reply{ clear:both; text-align:right; padding-bottom: 5px; padding-bottom: .5rem; } .reply a{ font-family:comicneue-bold, sans-serif; font-size:85%; color:#000; } .reply a:hover{ color:#818385; } .comment-content a{ text-decoration:underline; } .entry-comments .comment-author .fn{ margin-bottom: 5px; margin-bottom: .5rem; font-size:20px; font-size:2rem; font-family:comicneue-bold, sans-serif; font-weight:normal; text-transform:capitalize; word-wrap: break-word; max-height:1em; overflow:hidden; } .says{ font-family:comicneue, sans-serif; font-size:19px; font-size:1.9rem; text-transform:none; } .entry-comments .comment-meta { font-size:80%; float:right; margin-top:-45px; margin-top:-4.5rem; text-align:right; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 100% } .comment-respond label { display: block; margin-right: 12px; margin-right: 1.2rem; } .comment-list li, .ping-list li {list-style:none; list-style-position: outside; } ul.children{ padding-bottom:15px; padding-bottom:1.5rem; } .comment-list li { margin-top: 30px; margin-top: 3rem; padding: 0 ; border-bottom:4px dotted #000; } .comment-list li li { margin-left:35px; margin-left:3.5rem; list-style:none; border-bottom:4px dotted #818385; } .comment-list li li:last-child { border-bottom:none;} .comment-list .children { border-top:4px dotted #000; } .comment-list p{ line-height:1.2; padding-right:40px; padding-right:4rem; word-wrap: break-word; padding-bottom:15px; } .comment.thread-odd.depth-1 p{ background:url(images/icons/comment-odd.png)no-repeat right center; } .comment.thread-even.depth-1 p{ background:url(images/icons/comment-even.png)no-repeat right center; } li.comment { background-color: #fff; border-right: none; } .comment .avatar { margin: 0 16px 0 0; margin: 0 1.6rem 0 0; width:48px; height:auto; } .entry-pings .reply { display: none; } .bypostauthor { } .backtop{text-align:center;} .backtop a{ font-family:slappy, sans-serif; font-weight:normal; text-align:center; color:#ffffff; font-size:14px; font-size:1.4rem; background:#000000; border-radius: 12px; cursor: pointer; display: inline-block; padding: 7px 10px; padding: 0.7rem 1rem; margin:0 0 15px 0; margin:0 0 1.5rem 0; } .backtop a:hover{background:#818385;} .commentnumber { float:left; display:inline-block; margin-right:10px; text-align:center; font-family:slappy, sans-serif; font-weight:normal; font-size:18px; font-size:1.8rem; } .commentnumber:after { content: '. '; } .comment-policy-box{ border: 2px solid #000000; border-radius: 12px; padding: 15px; padding: 1.5rem; margin-bottom:20px; margin-bottom:2rem; } .comment-policy-box ul li { list-style: none; line-height:1.3em; } .comment-policy-box ul li:before { color: #000; content: '• '; font-size: 2em; font-weight: bold; vertical-align:middle; padding-bottom:4px; } .comment-form-email, #email-notes { display: none; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { color: #231f20; } .sidebar a { border-bottom: 0px solid #ddd; } .sidebar p:last-child { margin-bottom: 0; } .sidebar li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.6rem; word-wrap: break-word; } .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { background-color: #fff; margin-bottom: 25px; margin-bottom: 2.5rem; font-family:comicneue-bold, sans-serif; font-weight:normal; font-size:16px; font-size:1.6rem; line-height:1.2; color:#000; text-align:center; } .sidebar .widget_sp_image-description p{ text-align:center; font-family:slappy, sans-serif; color:#fff; font-size:11.5px; font-size:1.15rem; font-weight:normal; line-height:1; padding: 0; margin: -17px 0 0 0; } .sidebar img {-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .side-email { background:#000; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; color:#fff; line-height:2.5; padding:1px 4px; padding:.1rem .4rem; font-size:13px; font-size:1.3rem; font-weight:normal; font-family:slappy, sans-serif; text-transform:capitalize; border-bottom:0; text-decoration:none; } .side-email:hover{background:#818385; text-decoration:none;} a:hover.side-email{color:#fff; text-decoration:none;} /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background: #fff url(images/backgrounds/book_bg_book12.png) repeat-x top center; color: #818385; clear: both; background-size:auto 252px; } .footer-widgets .wrap{ max-width:1050px; margin-top:5px; } .footer-widgets-1 { margin:0 auto; max-width:750px; clear:both; display:block; padding:0px 25px 0px 25px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 16%, rgba(255,255,255,1) 84%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 84%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 16%,rgba(255,255,255,1) 84%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .bookicon { width: 74px; height: 109px; margin: 5px 5px 5px 5px; background:url(images/icons/book_icons_2017.png) no-repeat; background-size: 1045px 109px; -webkit-box-shadow: 0 6px 5px -5px rgba(129, 131, 133,.4), 0px 2px 2px 2px rgba(129, 131, 133,.3); -moz-box-shadow: 0 6px 5px -5px rgba(129, 131, 133,.4), 0px 2px 2px 2px rgba(129, 131, 133,.3); box-shadow: 0 6px 5px -5px rgba(129, 131, 133,.4), 0px 2px 2px 2px rgba(129, 131, 133,.3); -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .bookicon:hover{ -moz-transform: translateY(7%); -webkit-transform: translateY(7%); -o-transform: translateY(7%); -ms-transform: translateY(7%); transform: translateY(7%); -moz-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .bookicon.bookicon-1 {background-position: 0px 0;} .bookicon.bookicon-2 {background-position: -74px 0px;} .bookicon.bookicon-3 {background-position: -150px 0px ;} .bookicon.bookicon-35 {background-position: -225px 0px ;} .bookicon.bookicon-4 {background-position: -299px 0px;} .bookicon.bookicon-5 {background-position: -374px 0px;} .bookicon.bookicon-6 {background-position: -449px 0px ;} .bookicon.bookicon-65 {background-position: -524px 0px;} .bookicon.bookicon-7 {background-position: -598px 0px;margin-left:92px;} .bookicon.bookicon-8 {background-position: -673px 0px;} .bookicon.bookicon-9 {background-position: -748px 0px;} .bookicon.bookicon-10 {background-position: -822px 0px;} .bookicon.bookicon-11 {background-position: -897px 0px;} .bookicon.bookicon-12 {background-position: -971px 0px;} .footer-widgets-1 h4{ display:none; } .footer-widgets-1 .widget_sp_image-description{ display:none; } .footer-widgets-2 { max-width: 280px; } .footer-widgets-3 { max-width: 280px; } .footer-widgets-4 { max-width: 350px; } .footer-widgets-2 { margin-right: 50px; margin-right: 5rem; } .footer-widgets-2, .footer-widgets-3 { float: left; } .footer-widgets-4 { float: right; } .footer-widgets a { color: #818385; } .footer-widgets a:hover { color: #000; } .footer-widgets .widget { margin-bottom: 10px; margin-bottom: 1rem; font-size:13px; font-size:1.3rem; line-height:1; } .footer-widgets .widget-title { color: #ff0641; font-family:slappy, sans-serif; font-size:15px; font-size:1.5rem; font-weight:normal; margin-top:15px; margin-top:1.5rem; } .navigation, .store, .world { position:relative; float:left; } .navigation .widget-title:before{ content: ""; float:left; width:21px; height:21px; background: url(images/icons/nav_icons.png)no-repeat 0 0; margin:-2px 10px 0 0; margin:-.2rem 1rem 0 0; } .store .widget-title:before{ content: ""; float:left; width:28px; height:22px; background: url(images/icons/nav_icons.png)no-repeat -22px 0; margin:-2px 10px 0 0; margin:-.2rem 1rem 0 0; } .world .widget-title:before{ content: ""; float:left; width:20px; height:22px; background: url(images/icons/nav_icons.png)no-repeat -50px 0; margin:-2px 6px 0 0; margin:-.2rem .6rem 0 0; } .footer-widgets ul { max-width:350px; overflow:hidden; height:100px; } .footer-widgets li { width:50%; list-style-type: none; margin: 3px 0; margin: 0.3rem 0; word-wrap: break-word; float:left; display:inline; } .world li{ width:24%; padding-right:1%; list-style-type: none; margin: 3px 0; margin: .3rem 0; word-wrap: break-word; float:left; display:inline; } .flag { border:0; width: 16px; height: 11px; background:#ffffff url(images/flags/flags_icons.png) no-repeat; } .flag.flag-bg {background-position: -16px 0px;} .flag.flag-br {background-position: -32px 0;} .flag.flag-cz {background-position: -48px 0;} .flag.flag-de {background-position: -64px 0;} .flag.flag-ee {background-position: 0 -11px;} .flag.flag-fr {background-position: -16px -11px;} .flag.flag-gb {background-position: -32px -11px;} .flag.flag-gr {background-position: -48px -11px;} .flag.flag-hu {background-position: -64px -11px;} .flag.flag-il {background-position: 0 -22px;} .flag.flag-it {background-position: -16px -22px;} .flag.flag-lt {background-position: -32px -22px;} .flag.flag-lv {background-position: -48px -22px;} .flag.flag-nl {background-position: -64px -22px;} .flag.flag-no {background-position: 0 -33px;} .flag.flag-pt {background-position: -16px -33px;} .flag.flag-ro {background-position: -32px -33px;} .flag.flag-tr {background-position: -48px -33px;} .flag.flag-ko {background-position: -64px -33px;} /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background: #fff url(images/icons/dork_tagline.png)no-repeat top center; background-size: 536px 65px; color: #818385; font-size: 11px; font-size: 1.1rem; padding: 80px 0 10px 0; padding: 8rem 0 1rem 0; text-align: center; clear: both; } .site-footer a { color: #818385; } .site-footer p { margin-bottom: 0; } /* Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .post.category-askbrandon .brandon-question{background:url(images/icons/askbrandon_iconx2.png)no-repeat left top; background-size:51.5px;background-size:5.15rem; } .post.category-askbrandon .brandon-answer{background:#CCD9ED url(images/icons/brandon_signaturex2.png)no-repeat 2% 100%;background-size:140px; } .askbrandon .widgettitle{ background:url(images/icons/askbrandon_iconx2.png)no-repeat left top;background-size:51.5px;background-size:5.15rem; } .post.category-asknikki .nikki-question{background:url(images/icons/asknikki_iconx2.png)no-repeat left top;background-size:51.5px;background-size:5.15rem; } .post.category-asknikki .nikki-answer{background:#ECE2F0 url(images/icons/nikki_signaturex2.png)no-repeat 2% 100%;background-size:100px;} .asknikki .widgettitle{ background:url(images/icons/asknikki_iconx2.png)no-repeat left top;background-size:51.5px;background-size:5.15rem; } .mydiary .widgettitle{ background:url(images/icons/mydiary_iconx2.png)no-repeat left top; background-size:52.5px;background-size:5.25rem;} .post.category-mydiary .entry-content{background: url(images/icons/nikki_signaturex2.png)no-repeat bottom left; background-size:100px;background-size:10rem;} .archive.category-mydiary .entry-content, .archive.category-dorkystuff .entry-content{background:none; padding-bottom:0;} .post.category-whatsnew .entry-content{background: url(images/icons/nikki_signaturex2.png)no-repeat bottom left; background-size:100px;background-size:10rem;} .archive.category-whatsnew .entry-content, .archive.category-dorkworld .entry-content{background:none; padding-bottom:0;} .header-image .site-title a {background: url('images/logo@2x.png') no-repeat scroll left center transparent;background-size:100%;} .facebook:before{background: url(images/icons/nav_icons_x2.png)no-repeat -70px 0;background-size:102px;margin-top:15px;} .twitter:before{background: url(images/icons/nav_icons_x2.png)no-repeat -90px 0;background-size:102px;} .navigation .widget-title:before{background: url(images/icons/nav_icons_x2.png)no-repeat 0 0; background-size:102px;} .store .widget-title:before{background: url(images/icons/nav_icons_x2.png)no-repeat -22px 0; background-size:102px;} .world .widget-title:before{background: url(images/icons/nav_icons_x2.png)no-repeat -50px 0; background-size:102px;} .comment-list .odd article{background:url(images/icons/comment-odd_x2.png)no-repeat center right;background-size:30px;} .comment-list .even article{background:url(images/icons/comment-even_x2.png)no-repeat center right;background-size:30px;} .comment-list li .odd article{background:url(images/icons/comment-odd2_x2.png)no-repeat center right;background-size:30px;} .comment-list li .even article{background:url(images/icons/comment-even2_x2.png)no-repeat center right;background-size:30px;} } @media only screen and (max-width: 1136px) { .wrap { max-width: 1136px; } .site-inner{ max-width: 1110px;} .site-header, .wrap { max-height: 335px; } .genesis-nav-menu a { padding: 2rem 1.1rem; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } .content { width: 700px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .footer-widgets .wrap{ max-width:960px; } .footer-widgets-2 { margin-right:10px; margin-right:1rem; margin-left:10px; margin-left:1rem; } .nav-right.widget-area { margin-left: 200px; margin-left: 20rem; } } @media only screen and (max-width: 1120px) { .genesis-nav-menu a { padding: 2.1rem 1rem; font-size:14px; } .series{ width:255px; font-size:15px; font-size:1.5rem; padding:8px 65px 8px 8px; padding:.8rem 6.5rem .8rem .8rem; } } @media only screen and (max-width: 1080px) { .site-header .wrap { margin: 7px auto 0px; } .site-header, .wrap { max-height: 316px; } .site-inner{ max-width: 1060px;} .content { width: 670px; } .page-id-2844 .one-fourth{ line-height:1.3; } } @media only screen and (max-width: 1060px) { body { font-size:18px; font-size:1.8rem; font-family: HelveticaNeue, Helvetica, Arial, ArialMT, sans-serif; } .site-inner{ max-width: 1010px; } .content { width: 620px; } .site-header, .wrap { max-height: 310px; } .widget_sp_image-description p{ font-size:11px; font-size:1.1rem; margin-top:-13px; } figure.captions {min-width:200px;min-width:20rem; } .entry-content ol > li { width:90%; } .page-id-2844 .one-fourth{ line-height:1.2; font-size:80%; } figure.captions.hide.text:hover img, figure.captions.hide.text:focus img {-moz-transform: translateY(75%);-webkit-transform: translateY(75%);-o-transform: translateY(75%);-ms-transform: translateY(75%);transform: translateY(75%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { font-size:16px; font-size:1.6rem; } .sidebar .widget { font-size:18px; font-size:1.8rem; } .sidebar .featured-content .entry-title, .sidebar .recentcomments a { font-size:16px; font-size:1.6rem; } img.alignleft, .wp-caption.alignleft { margin: 0px 24px 35px 0px; margin: 0px 2.4rem 3.5rem 0px; } #text-6 { width:200px; } .nav-right.widget-area { margin-left: 210px; margin-left: 21rem; } .series{ width:190px; font-size:15px; font-size:1.5rem; padding:8px 30px 8px 8px; padding:.8rem 3rem .8rem .8rem; } .facebook a, .twitter a, .instagram a{ font-size:10px;line-height: 50px; } } @media only screen and (max-width: 1023px) { body { background-color: #fff; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .wrap { width: 100%; } .site-header { max-height: 300px; } .nav-right.widget-area { margin-left: 200px; margin-left: 20rem; } .series{ width:280px; font-size:16px; font-size:1.6rem; padding:8px 70px 8px 8px; padding:.8rem 7rem .8rem .8rem; } #text-6{ display:none; } .one-fourth { width: 31%; margin-left: 2%; } .home-mydiary img, .home-asknikki img, .home-askbrandon img, .home-funstuff img, .home-whatsnew img, .home-mybooks img, .home-myauthor img, .home-socialmedia img, .home-dorksworldwide img, .home-newsletter img, .home-fanstories img, .home-fanart img, .home-realkids img, .home-music img, .home-videos img, .home-wallpapers img, .home-partykits img, .home-characters img, .home-inspiration img, .home-games img , .home-shop img, .home-iheartwriting img, .home-max img{ width:100%; } .widget_sp_image-description{ width:283px; } .widget_sp_image-description p{ font-size:15px; margin-top:-18px; } .widgettitle{ padding:10px 0; font-size:24px;} .sidebar .widget_sp_image-description { width:100%; } .sidebar .widget_sp_image-description p{ font-size:15px; margin-top:-20px; } .page-id-2844 .one-fourth{ width: 46%; margin-left: 2.8%; line-height:1.2; font-size:100%; } figure.captions.hide.text:hover img, figure.captions.hide.text:focus img {-moz-transform: translateY(60%);-webkit-transform: translateY(68%);-o-transform: translateY(60%);-ms-transform: translateY(60%);transform: translateY(60%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} } @media only screen and (max-width: 966px) { body { background-color: #fff; } .site-inner { } .site-header { max-height: 287px; } .header-image .site-title a { background-size:100%; margin-left: -55px; width: 190px; top:5px; } .nav-right.widget-area { margin-left: 185px; margin-left: 18.5rem; padding-right:0; } .series{ width:270px; font-size:16px; font-size:1.6rem; padding:8px 65px 8px 8px; padding:.8rem 6.5rem .8rem .8rem; } .footer-widgets .wrap{ max-width:880px; } .footer-widgets-1 { margin:0 auto; max-width:740px; padding-left:10px; padding-right:10px; } .footer-widgets-2 { margin-left:20px; margin-left:2rem; } .footer-widgets-2 { max-width: 240px; } .footer-widgets-3 { max-width: 210px; } .footer-widgets-4 { max-width: 340px; } .home-mydiary img, .home-asknikki img, .home-askbrandon img, .home-funstuff img, .home-whatsnew img, .home-mybooks img, .home-myauthor img, .home-socialmedia img, .home-dorksworldwide img, .home-newsletter img, .home-fanstories img, .home-fanart img, .home-realkids img, .home-music img, .home-videos img, .home-wallpapers img, .home-partykits img, .home-characters img, .home-inspiration img, .home-games img , .home-shop img, .home-iheartwriting img, .home-max img{ -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; width:260px; width:26.0rem; } .widget_sp_image-description{ width:262px; } .widget_sp_image-description p{ font-size:13px; margin-top:-17px; } .one-fourth { width: 31%; margin-left: 2.3%; } .sidebar .widget_sp_image-description { width:100%; } } @media only screen and (max-width: 850px) { .footer-widgets-1 { margin:0 auto; max-width:740px; padding-left:10px; padding-right:10px; } .nav-right.widget-area { margin-left: 190px; margin-left: 19rem; } .series{ font-size:15px; background:none; width:180px; padding:7px 0; margin:0; } } @media only screen and (max-width: 800px) { .site-inner { } .header-image .site-title a { background-size:100%; top: 10px; margin-left: -55px; width: 180px; } .footer-widgets .wrap{ max-width:740px; } .footer-widgets-1 { margin:0 auto; max-width:740px; padding-left:10px; padding-right:10px; } .footer-widgets-2 { margin-right:-26px; margin-right:-2.6rem; margin-left:15px; margin-left:1.5rem; } .footer-widgets-2 { max-width: 220px; } .footer-widgets-3 { max-width: 190px; } .footer-widgets-4 { max-width: 330px; } .widget_sp_image-description{ width:219px; } .widget_sp_image-description p{ font-size:12px; margin-top:-15px; } .dorkyfreestuff .widget_sp_image-description{ width:260px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:11px; margin-top:5px; } } @media only screen and (max-width: 768px) { .five-sixths, .four-sixths, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .widget_sp_image-description{ width:310px; } .widget_sp_image-description p{ font-size:16px; margin-top:-20px; } .dorkyfreestuff .widget_sp_image-description{ width:450px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:16px; margin-top:0px; } .one-fourth { width: 47%; margin-left: 2.8%; } .home-mydiary img, .home-asknikki img, .home-askbrandon img, .home-funstuff img, .home-whatsnew img, .home-mybooks img, .home-myauthor img, .home-socialmedia img, .home-dorksworldwide img, .home-newsletter img, .home-fanstories img, .home-fanart img, .home-realkids img, .home-music img, .home-videos img, .home-wallpapers img, .home-partykits img, .home-characters img, .home-inspiration img, .home-games img , .home-shop img, .home-iheartwriting img, .home-max img{ width:310px; width:31rem; } .header-image .site-title a { background-size:100%; top: 10px; margin-left: -55px; width: 180px; } .nav-right.widget-area { margin-left: 180px; margin-left: 18rem; } .series{ font-size:15px; background:none; width:180px; padding:7px 0; margin:0; } @media screen and (-webkit-min-device-pixel-ratio:0) { .header-image .site-title a { top: 5px; } } @supports (-webkit-appearance:none) { .header-image .site-title a { top: 5px; } } .site-header .widget-area { font-size:12px; font-size:1.2rem; width:75px; height:75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; -khtml-border-radius: 75px; border-radius: 75px; } .site-header { max-height: 240px; } .footer-widgets .wrap{ max-width:768px; } .footer-widgets-1 { margin:0 auto; max-width:740px; padding-left:10px; padding-right:10px; } .footer-widgets-2 { margin-right:-26px; margin-right:-2.6rem; margin-left:15px; margin-left:1.5rem; } .footer-widgets-2 { max-width: 220px; } .footer-widgets-3 { max-width: 190px; } .footer-widgets-4 { max-width: 350px; } .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { font-size:17px; font-size:1.7rem; } .sidebar .widget { font-size:20px; font-size:2rem; } .side-email, .sidebar .featured-content .entry-title, .sidebar .recentcomments a { font-size:18px; font-size:1.8rem; } } @media only screen and (max-width: 767px) { .header-image .site-title a { background-size:100%; top: 5px; margin-left: -45px; width: 160px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .header-image .site-title a { top: 0px; } } @supports (-webkit-appearance:none) { .header-image .site-title a { top: 0px; } } .site-header .widget-area { font-size:12px; font-size:1.2rem; width:75px; height:75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; -khtml-border-radius: 75px; border-radius: 75px; } .genesis-nav-menu a { padding: 1.4rem 1.4rem; font-size: 1.5rem; } .nav-right.widget-area { display:none; } .site-header .wrap { margin: 0px auto 0px; } .site-header { max-height: 222px; } .genesis-nav-menu a { padding: 1.4rem 1.4rem; font-size: 1.5rem; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4{ display:none; } .widget_sp_image-description{ width:295px; } .widget_sp_image-description p{ font-size:14px; margin-top:-18px; } .dorkyfreestuff .widget_sp_image-description{ width:450px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:14px; margin-top:0px; } } @media only screen and (max-width: 667px) { .site-header { max-height: 193px; } .nav-right.widget-area { display:none; } .site-header .widget-area { margin-left: -25px; font-size:11px; font-size:1.1rem; width:70px; height:70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; -khtml-border-radius: 70px; border-radius: 70px; } .widget_sp_image-description{ width:245px; } .widget_sp_image-description p{ font-size:12px; margin-top:-16px; } .dorkyfreestuff .widget_sp_image-description{ width:410px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:14px; margin-top:0px; } .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { font-size:15px; font-size:1.5rem; } .home-mydiary img, .home-asknikki img, .home-askbrandon img, .home-funstuff img, .home-whatsnew img, .home-mybooks img, .home-myauthor img, .home-socialmedia img, .home-dorksworldwide img, .home-newsletter img, .home-fanstories img, .home-fanart img, .home-realkids img, .home-music img, .home-videos img, .home-wallpapers img, .home-partykits img, .home-characters img, .home-inspiration img, .home-games img , .home-shop img, .home-iheartwriting img, .home-max img{ width:295px; } .sidebar .widget_sp_image-description { width:100%; } .site-footer{ background-size:90% auto; margin-top:20px; } .page-id-2844 .one-fourth{ line-height:1.2; font-size:90%; } figure.captions.hide.text:hover img, figure.captions.hide.text:focus img {-moz-transform: translateY(68%);-webkit-transform: translateY(68%);-o-transform: translateY(68%);-ms-transform: translateY(68%);transform: translateY(68%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} } @media only screen and (max-width: 603px) { .widget_sp_image-description{ width:235px; } .widget_sp_image-description p{ font-size:12px; margin-top:-15px; } .dorkyfreestuff .widget_sp_image-description{ width:380px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:14px; margin-top:0px; } } @media only screen and (max-width: 568px) { .widget_sp_image-description{ width:215px; } .widget_sp_image-description p{ font-size:11px; margin-top:-14px; } .genesis-nav-menu { margin-left: 155px; } .genesis-nav-menu a { padding: 1.4rem 1.1rem; font-size: 1.3rem; } .dorkyfreestuff .widget_sp_image-description{ width:360px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:13px; margin-top:0px; } } @media only screen and (max-width: 520px) { .genesis-nav-menu a { padding: 1.4rem 0.5rem; font-size: 1.4rem; } .site-header { max-height: 170px; } .site-header .widget-area { display:none; } .page-id-2844 .one-fourth{ width: 100%; margin:0; } .dorkyfreestuff .widget_sp_image-description{ width:320px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:12px; margin-top:0px; } .one-fourth { width: 100%; } .home-mydiary img, .home-asknikki img, .home-askbrandon img, .home-funstuff img, .home-whatsnew img, .home-mybooks img, .home-myauthor img, .home-socialmedia img, .home-dorksworldwide img, .home-newsletter img, .home-fanstories img, .home-fanart img, .home-realkids img, .home-music img, .home-videos img, .home-wallpapers img, .home-partykits img, .home-characters img, .home-inspiration img, .home-games img , .home-shop img, .home-iheartwriting img, .home-max img{ width:100%; } .widget_sp_image-description p{ font-size:15px; margin-top:-20px; } .widget_sp_image-description{ width:100%; } .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { font-size:18px; font-size:1.8rem; margin-bottom:10px; line-height: 1.2; } .home .site-inner { margin: 15px 52px 20px 53px ; margin:1.5rem 5.2rem 2rem 5.3rem; } figure.captions.hide.text:hover img, figure.captions.hide.text:focus img {-moz-transform: translateY(50%);-webkit-transform: translateY(50%);-o-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} } @media only screen and (max-width: 480px) { .header-image .site-title a { background-size:100%; margin: -5px 0 0 20%; position:relative; width: 240px; -moz-transform: rotate(8deg); -webkit-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); z-index:10; } .site-header { min-height: 150px; } #layerslider_2 { display:none; } .genesis-nav-menu { margin: 0 auto; width:100%; text-align:center; } .site-header .widget-area { display:none; } .widget_sp_image-description p{ font-size:15px; margin-top:-20px; } .dorkyfreestuff .widget_sp_image-description{ width:340px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:12px; margin-top:3px; } .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { font-size:18px; font-size:1.8rem; } .site-inner { padding: 15px 30px ; padding:1.5rem 3rem; } .home .site-inner { padding: 15px 50px 20px 49px ; padding:1.5rem 5rem 2rem 4.9rem; } figure.captions.hide.text:hover img, figure.captions.hide.text:focus img {-moz-transform: translateY(30%);-webkit-transform: translateY(30%);-o-transform: translateY(30%);-ms-transform: translateY(30%);transform: translateY(30%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} } @media only screen and (max-width: 426px) { .header-image .site-title a { margin: -5px 0 0 15%; } .genesis-nav-menu a { padding: 1.2rem .5rem; font-size:1.5rem; } .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a { background:url(images/icons/menu_icon.png)no-repeat top center; background-size:20px; } .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { font-size:18px; font-size:1.8rem; overflow: display; } .post.category-asknikki .nikki-answer { padding: 1.5rem 2rem 8rem 2rem; } .home .site-inner { padding: 15px 18px 20px 18px ; padding:1.5rem 1.8rem 2rem 1.8rem; } .sidebar .widget { font-size:18px; font-size:1.8rem; } .side-email, .sidebar .featured-content .entry-title, .sidebar .recentcomments a { font-size:16px; font-size:1.6rem; } .entry-comments .comment-meta{display:none;} .dorkyfreestuff .widget_sp_image-description{ width:260px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:11px; margin-top:5px; } } @media only screen and (max-width: 375px) { .header-image .site-title a { margin: 0px 0 0 10%; } .genesis-nav-menu a { padding: 1.3rem .5rem; font-size:1.4rem; } .widget_sp_image-description p{ font-size:14px; margin-top:-18px; } .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { font-size: 1.8rem; font-size: 18px; overflow: display; } img.alignleft, .wp-caption.alignleft { margin: 0px 1rem 1rem 0px; border: 0px none; } .home .site-inner { padding: 15px 0 20px 0 ; padding:1.5rem 0 2rem 0; } figure.captions.hide.text:hover img, figure.captions.hide.text:focus img {-moz-transform: translateY(50%);-webkit-transform: translateY(50%);-o-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} .sidebar .widget_sp_image-description p{ font-size:15px; margin-top:-22px; } } @media only screen and (max-width: 320px) { .header-image .site-title a { margin: -5px 0 0 5%; } .genesis-nav-menu a { padding: 1.3rem .5rem; font-size:1.2rem; } .site-inner { padding: 15px 20px 20px 20px ; padding:1.5rem 2rem 2rem 2rem; } .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { font-size: 1.6rem; font-size: 16px; overflow: display; line-height:0.9; } .widget_sp_image-description p{ font-size:11px; margin-top:-10px; } .sidebar .widget_sp_image-description p{ font-size:13px; margin-top:-19px; } img.alignleft, .wp-caption.alignleft { margin: 0px 6rem 1rem 6rem; border: 0px none; } .dorkyfreestuff .widget_sp_image-description{ width:230px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:10px; margin-top:8px; } } @media only screen and (max-width: 240px) { .header-image .site-title a { margin: 0px 0 0 0; width: 200px; } .genesis-nav-menu { padding: 0;margin:0; height:10px; } .genesis-nav-menu a{ display:none; } .site-inner { padding: 15px 10px 20px 10px; padding:1.5rem 1rem 2rem 1rem; } .home .site-inner { margin: 15px 0 20px 0px ; margin:1.5rem 2rem 2rem 3rem; } .widget_sp_image-description p{ font-size:11px; margin-top:-11px; } .sidebar .widget_sp_image-description p{ font-size:11px; margin-top:-16px; } .dorkyfreestuff .widget_sp_image-description{ width:170px; } .dorkyfreestuff .widget_sp_image-description p{ font-size:7px; margin-top:10px; } .home h2.entry-title a, .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .games .textwidget, .home .characters .textwidgett, .home .max .textwidget { font-size: 1.5rem; font-size: 15px; overflow: display; } .home-dorksworldwide .textwidget, .home-fanart .textwidget, .home .fanclub .textwidget, .home .inspiration .textwidget, .home .shop .textwidget, .home .characters .textwidget, .home .games .textwidget, .home .max .textwidget { margin-bottom:15px; } img.alignleft, .wp-caption.alignleft { margin: 0px 3rem 1rem 3rem; border: 0px none; } figure.captions.hide.text:hover img, figure.captions.hide.text:focus img {-moz-transform: translateY(75%);-webkit-transform: translateY(75%);-o-transform: translateY(75%);-ms-transform: translateY(75%);transform: translateY(75%);-moz-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;} } .topbar { background-color: #f9ef54; border-top: 6px solid #70cde3; height: 59px; box-shadow: 0 0 10px #000; } .topmenu { float: right; background-color: #613d9f; } .topmenu a { display: inline-block; line-height: 59px; padding: 0 10px; color: #FFF; text-decoration: none; font-family: 'slappy', sans-serif; text-transform: uppercase; font-size: 16px; } .topmenu a:hover { background-image: url(http://dorkdiaries.co.uk/wp-content/themes/dorkdiaries/images/tic.jpg); background-position: center top; background-repeat: no-repeat; color: #FFF; } .logo { position: absolute; z-index: 99999; margin-top: 5px; } #endlinks { width: 270px; height: 59px; overflow: hidden; float: right; } a.fblink, a.newslink { font-family: 'comicneue-bold', sans-serif; display: block; width: 240px; height: 30px; overflow: hidden; line-height: 29px; font-size: 13px; text-transform: none; color: #613d9f; text-decoration: none; text-align: right; padding-right: 30px; } a.fblink { background-image: url(http://dorkdiaries.co.uk/wp-content/themes/dorkdiaries/images/facebook-sm.jpg); background-position: 15px top; background-repeat: no-repeat; padding-right: 20px; width: 250px; } a.newslink { background-image: url(http://dorkdiaries.co.uk/wp-content/themes/dorkdiaries/images/news-sm.jpg); background-position: left top; background-repeat: no-repeat; padding-right: 5px; } a.fblink:hover {background-position: 15px bottom; color: #000;} a.newslink:hover {background-position: left bottom; color: #000;} .centered {margin: 0 auto;}