<data:blog.title/> | Your Tagline <data:blog.pageName/> | <data:blog.title/> */ /* Content ----------------------------------------------- */ body { font: normal normal 14px Verdana, Geneva, sans-serif; color: #333333; background: url(http://1.bp.blogspot.com/-OMXdgXwT6ms/TmhqXoKjHXI/AAAAAAAABFo/ynE6PxPQ-to/s1600/fancy_deboss_fa02b9a78442835d647438f833ed8e5d.png); } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } .content-outer { font-size: 90%; } a:link { text-decoration:none; color: $(link.color); } a:visited { text-decoration:none; color: $(link.visited.color); } a:hover { text-decoration:underline; color: $(link.hover.color); } .content-outer { background: $(content.background); -moz-border-radius: $(content.border.radius); -webkit-border-radius: $(content.border.radius); -goog-ms-border-radius: $(content.border.radius); border-radius: $(content.border.radius); -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); margin: $(content.margin) auto; } .content-inner { padding: $(content.padding); } /* Header ----------------------------------------------- */ .header-outer { background: transparent none repeat-x scroll top left; _background-image: none; color: #a7d696; -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .Header img, .Header #header-inner { -moz-border-radius: $(header.border.radius); -webkit-border-radius: $(header.border.radius); -goog-ms-border-radius: $(header.border.radius); border-radius: $(header.border.radius); } .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: $(header.padding); padding-right: $(header.padding); } .Header .description { font-size: 100%; } /* Columns ----------------------------------------------- */ .main-outer { border-top: $(main.border.width) solid $(body.rule.color); } .fauxcolumn-left-outer .fauxcolumn-inner { border-right: 1px solid $(body.rule.color); } .fauxcolumn-right-outer { border-left: solid 0px #ff7f2a; padding-right: 0px; } /* Headings ----------------------------------------------- */ h2 { font: $(widget.title.font); text-transform: $(widget.title.text.transform); color: $(widget.title.text.color); margin: .5em 0; } /* Main ----------------------------------------------- */ .main-outer { background: $(main.background); -moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; -webkit-border-top-left-radius: $(main.border.radius.top); -webkit-border-top-right-radius: $(main.border.radius.top); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0; -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); } .main-inner { padding: 15px $(main.padding.sides) 20px; } .main-inner .column-center-inner { padding: 0 0; } .main-inner .column-left-inner { padding-left: 0; } .main-inner .column-right-inner { padding-right: 0; } /* Posts ----------------------------------------------- */ h3.post-title { margin: 0; font: $(post.title.font); } .comments h4 { margin: 1em 0 0; font: $(post.title.font); } .post-outer { padding: 15px 10px; margin: 0 $(post.margin.sides) 20px; } .post-body { line-height: 1.4; font-size: 110%; position: relative; } .post-header { margin: 0 0 1.5em; color: $(post.footer.text.color); line-height: 1.6; } .post-footer { margin: .5em 0 0; color: $(post.footer.text.color); line-height: 1.6; } #blog-pager { font-size: 140% } #comments .comment-author { padding-top: 1.5em; border-top: dashed 1px #ccc; border-top: dashed 1px rgba(128, 128, 128, .5); background-position: 0 1.5em; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; } .sidebar .widget{ background: url(http://3.bp.blogspot.com/-0M3kwKgbXkI/TmhqYgRNAHI/AAAAAAAABFw/iTpqFxfENkc/s1600/brushed_alu_5276e461592d6ba2f927b2860a617bdf.png); -moz-opacity: 0.80; opacity: 0.80; text-align:left; width: 290px; padding:5px; right:-50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; border: 8px solid transparent; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .sidebar .widget h2 {background:url(http://2.bp.blogspot.com/-spQ8rz8xezI/TlU3jD-vJVI/AAAAAAAABA4/Nh7mjApUMEo/s1600/sidebar_ribbon.png) no-repeat; height:42px; width:275px; right:-32px; padding-top:7px; text-align:center; margin-bottom:2px; font-size:1.429em; text-shadow:1px 1px 3px #151515; font-size:170% } /* Widgets ----------------------------------------------- */ .widget ul, .widget #ArchiveList ul.flat { padding: 0; list-style: none; } .widget ul li, .widget #ArchiveList ul.flat li { } .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child { border-top: none; } .widget .post-body ul { list-style: disc; } .widget .post-body ul li { border: none; } /* Footer ----------------------------------------------- */ .footer-outer { top:30px; color:$(footer.text.color); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E8FC62', endColorstr='#FFFCFE');/*For IE7-8-9*/ height: 1%;/*For IE7*/ /* IE10 */ background-image: -ms-linear-gradient(right, #E8FC62 0%, #FFFCFE 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(right, #E8FC62 0%, #FFFCFE 100%); /* Opera */ background-image: -o-linear-gradient(right, #E8FC62 0%, #FFFCFE 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #E8FC62), color-stop(1, #FFFCFE)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(right, #E8FC62 0%, #FFFCFE 100%); /* Proposed W3C Markup */ background-image: linear-gradient(right, #E8FC62 0%, #FFFCFE 100%); -moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); -webkit-border-top-left-radius: $(footer.border.radius.top); -webkit-border-top-right-radius: $(footer.border.radius.top); -webkit-border-bottom-left-radius: $(footer.border.radius.bottom); -webkit-border-bottom-right-radius: $(footer.border.radius.bottom); -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom); -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15); } .footer-outer h2 {font-size:2.5em;font-family: 'Leckerli One', cursive;text-decoration:none;} .footer-outer a:visited { color: $(footer.link.visited.color); } .footer-outer a:hover { color: $(footer.link.hover.color); } h4 { font-family: 'Shadows Into Light', arial, serif; } h5 {font-family: '', cursive; font-size:120%} /* Mobile ----------------------------------------------- */ html .mobile .mobile-date-outer { border-bottom: none; background: $(main.background); margin-bottom: 10px; } .mobile .date-outer { background: $(main.background); } .mobile .header-outer, .mobile .main-outer, .mobile .post-outer, .mobile .footer-outer { -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .mobile .content-outer, .mobile .main-outer, .mobile .post-outer { background: inherit; border: none; } .mobile-link-button { background-color: $(link.color); } .mobile-link-button a:link, .mobile-link-button a:visited { color: $(post.background.color); } .main-outer {z-index:10;}/*for IE*/ .tabs-outer {z-index:11;}/*for IE*/ .item_content{ position:absolute; height:52px; width:220px; overflow:hidden; left:56px; top:7px; background:transparent; display:none; } .item_content h2{ color:#aaa; text-shadow: 1px 1px 1px #fff; background-color:transparent; font-size:14px; } .item_content a{ background-color:transparent; float:left; margin-right:7px; margin-top:3px; color:#bbb; text-shadow: 1px 1px 1px #fff; text-decoration:none; font-size:12px; } .item_content a:hover{ color:#0b965b; } .item_content p { background-color:transparent; display:none; } .item_content p input{ border:1px solid #ccc; padding:1px; width:155px; float:left; margin-right:5px; } .author_info { float: center; width: 533px; /* Set Width of Widget As you want */ padding: 10px; border: 1px solid #a1cb26; /* Border of Widget */ margin-bottom: 15px; margin-top: 15px; background: #F0FDC6; /* Background Color of Widget*/ } .author_info h4 { font-size:17px; color:#001530; /* Text color of "This Post is Written" by */ margin-bottom: 5px; } .author_photo { float: left; margin: 0 10px 0 5px; } .author_photo img { border: 3px solid #ccc; /* Border color of Image*/ height: 100px; width:100px; /*Height and Width of Avatar of Author */ } #blog-pager {padding:6px 0px} .showpageArea{float:left} .showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#232323;font:15px Arial,Verdana;background:transparent;} .showpagePoint{color:#fff;font:bold 15px Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#1c2026;text-decoration:none} .showpageNum a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;} .showpageNum a:hover{color:#fff;background:#2284ac;} .showpage a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;} .showpage a:hover{color:#fff;background:#2284ac;} .showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#232323;} .comment-footer{ margin-bottom:0 !important; } .author-comment{ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D9D9D9', endColorstr='#FAFAFA');/*For IE7-8-9*/ background:-webkit-gradient(linear, 68% 0%, 100% 100%, from(#D9D9D9), to(#FAFAFA), color-stop(.6,#C2C2C2)); background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #89708A 100%); background-image: -o-linear-gradient(top left, #FFFFFF 0%, #89708A 100%); padding:5px; margin-bottom:2.5em; border:1px solid #ccc; border-radius:10px; } .comment-body-author { background: url("") no-repeat scroll right bottom ; -moz-border-radius: 6px;-webkit-border-radius: 6px; padding: 5px; } .stay-connected { background: #ffffff; margin: 10px 0 10px 0; padding: 10px; border: 1px solid #E6E6E6; overflow: auto; } .author-comment.blog-author { background:-webkit-gradient(linear, 68% 56%, 68% 100%, from(#F9F7FF), to(#E0E0E0), color-stop(.8,#E8E6FC)); background: -moz-linear-gradient(top left, #FFFFFF 0%, #ABABAB 100%); background-image: -o-linear-gradient(top left, #FFFFFF 0%, #ABABAB 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F7FF', endColorstr='#E0E0E0');/*For IE7-8-9*/ } .spice-email{ background:url(http://cdn1.iconfinder.com/data/icons/socialmediaicons_v120/48/email.png) no-repeat 0px 12px ; width:265px; padding:10px 0 0 55px; float:left; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; color:#686B6C; } .tabs-fauxborder-left{ margin-top: -90px; } #dropmenu, #dropmenu ul {list-style-type: none;margin: 0px;display: block;width: 100%;height: auto;padding: 0px;clear: both;top:-28px;position:absolute;left:50px;} #dropmenu li {list-style-type: none;text-align: center;width: auto;display: block;float: left;height: auto;margin: 0px;padding: 0px;list-style-image: none;background:#CCFB5D;background-repeat: no-repeat;background-position: right center;} #dropmenu li li {margin: 0px;padding: 0px;float: left;list-style-type: none;width: 10em;text-align: left;background-image: none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ffffff;} #dropmenu li li:hover {background-image: none;} #dropmenu li a {list-style-type: none;display: block;width: auto;text-decoration: none;font-size: 11px;height: auto;color: #FFFFFF;text-transform: uppercase;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;margin: 0px;font-weight: bold;text-shadow: 0px 1px 1px #000;padding-top: 13px;padding-right: 15px;padding-bottom: 13px;padding-left: 15px;} #dropmenu li a:hover, #dropmenu li#home a, #dropmenu li#home a:hover, #dropmenu li.current_page_item a, #dropmenu li#page_item a, #dropmenu li.menu-item-home a, #dropmenu li.current-menu-item a {background-image: url(http://2.bp.blogspot.com/-pxtl_19SFHM/TdU13APuB0I/AAAAAAAAANA/DcFk8qRNnJY/s1600/navbg-hover.png);background-repeat: repeat-x;background-position: left center;color: #ffffff;text-shadow: 0px 1px 1px #fff;} #dropmenu .current_page_item li a, #dropmenu #page_item li a, #dropmenu .menu-item-home li a, #dropmenu .current-menu-item li a {background-image: none;} #dropmenu li li a {padding-top: 8px;padding-bottom: 8px;} #dropmenu li li a:hover {background-image: none;text-shadow: 0px 1px 1px #000;color: #FFFFFF;background-color: #ffffff;} #dropmenu span {} #dropmenu ul {position:absolute;width: 10em;left: -999em;z-index: 9999;background:#000000;margin: 0px;padding: 0px;border-top-width: 0px;border-right-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-left-style: solid;border-top-color: #ffffff;border-right-color: #ffffff;border-left-color: #ffffff;} #dropmenu ul ul {margin-top: -1.95em;margin-right: 0;margin-bottom: 0;margin-left: 10em;} #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {left: -999em;} #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {left: auto;} .MBT-replycomments{ float:right; } .header-outer { padding:10px; margin-left:300px; margin-top:20px; } .share-button{ margin: 0px !important; } #w2btoTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(http://4.bp.blogspot.com/-VYf3ydlVQPU/TjKDrYenNCI/AAAAAAAAA2I/p9YYdDiW970/s1600/way2blogging.org.ui.totop_113365916f361cd736efdb4ca1d42a2b.png) no-repeat left top;} #w2btoTopHover {background:url(http://4.bp.blogspot.com/-VYf3ydlVQPU/TjKDrYenNCI/AAAAAAAAA2I/p9YYdDiW970/s1600/way2blogging.org.ui.totop_113365916f361cd736efdb4ca1d42a2b.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);} #w2btoTop:active, #w2btoTop:focus {outline:none;} .cse .gsc-control-cse, .gsc-control-cse { padding: 2%; width: 96%; } .cse .gsc-branding, .gsc-branding { display: none; } .cse .gsc-control-cse div, .gsc-control-cse div { position: normal; } /* Selector for entire element. */ .cse .gsc-control-cse, .gsc-control-cse { background-color: #ffffff; border: 1px solid; border-color: #ffffff; } .cse .gsc-control-cse:after, .gsc-control-cse:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .cse .gsc-resultsHeader, .gsc-resultsHeader { border: block; } /* Search button */ .cse input.gsc-search-button, input.gsc-search-button { font-family: inherit; color: #000000; text-shadow: 0 1px 2px #FFFFFF; background-color: #CECECE; border: 1px outset; border-color: #666666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* Inactive tab */ .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive { border-bottom: none; color: #666666; background-color: #e9e9e9; border: 1px solid; border-color: #e9e9e9; border-bottom: none; } /* Active tab */ .cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive { background-color: #FFFFFF; border: 1px solid; border-top: 2px solid; border-color: #e9e9e9; border-top-color: #FF9900; border-bottom: none; } /* This is the tab bar bottom border. */ .cse .gsc-tabsArea, .gsc-tabsArea { margin-top: 1em; border-bottom: 1px solid #e9e9e9; } /* Inner wrapper for a result */ .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result { padding: .25em; border: 1px solid; border-color: #ffffff; margin-bottom: 1em; } /* Result hover event styling */ .cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover { border: 1px solid; border-color: #FFFFFF; } /*Promotion Settings*/ /* The entire promo */ .cse .gs-promotion, .gs-promotion { background-color: #FFFFFF; border: 1px solid; border-color: #336699; } /* Promotion image */ .cse .gs-promotion .gs-promotion-image, .gs-promotion .gs-promotion-image {} /* Promotion links */ .cse .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link, .cse .gs-promotion a.gs-title:link *, .gs-promotion a.gs-title:link *, .cse .gs-promotion .gs-snippet a:link, .gs-promotion .gs-snippet a:link { color: #0000CC; } .cse .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited, .cse .gs-promotion a.gs-title:visited *, .gs-promotion a.gs-title:visited *, .cse .gs-promotion .gs-snippet a:visited, .gs-promotion .gs-snippet a:visited { color: #0000CC; } .cse .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover, .cse .gs-promotion a.gs-title:hover *, .gs-promotion a.gs-title:hover *, .cse .gs-promotion .gs-snippet a:hover, .gs-promotion .gs-snippet a:hover { color: #0000CC; } .cse .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active, .cse .gs-promotion a.gs-title:active *, .gs-promotion a.gs-title:active *, .cse .gs-promotion .gs-snippet a:active, .gs-promotion .gs-snippet a:active { color: #0000CC; } /* Promotion snippet */ .cse .gs-promotion .gs-snippet, .gs-promotion .gs-snippet, .cse .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right, .cse .gs-promotion .gs-title .gs-promotion-title-right *, .gs-promotion .gs-title .gs-promotion-title-right * { color: #000000; } /* Promotion url */ .cse .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl { color: #008000; } /* Style for auto-completion table * .gsc-completion-selected : styling for a suggested query which the user has moused-over * .gsc-completion-container : styling for the table which contains the completions */ .gsc-completion-selected { background: #D5E2FF; } .gsc-completion-container { font-family: Arial, sans-serif; font-size: 13px; position: absolute; background: white; border: 1px solid #666666; margin-left: 0; margin-right: 0; /* The top, left, and width are set in JavaScript. */ } /* Full URL */ .gs-webResult div.gs-visibleUrl-short { display: none; } .gs-webResult div.gs-visibleUrl-long { display: block; } h3{ position:relative; color:#fff; background:#F7D358; font-size:1.5em; float:left; clear:both; padding:10px 10px 10px 20px; margin-left:-20px; margin-bottom:20px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-box-shadow:0 2px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 0 rgba(0,0,0,0.1); -o-box-shadow:0 2px 0 rgba(0,0,0,0.1); box-shadow:0 2px 0 rgba(0,0,0,0.1); } .post h3 {left:-33px;} h3:before{ content:" "; background:url(http://1.bp.blogspot.com/-7P6BWWsXB44/Tknd-6v7TGI/AAAAAAAAA6M/7nBSutCnyyE/s1600/ribbonsd.png); display:block; width:10px; height:10px; position:absolute; bottom:0; left:0; margin-bottom:-10px; z-index:-1; } #header:before{ content:" "; background:url(http://3.bp.blogspot.com/-FA41g5xlkMY/TkjKf2J1BEI/AAAAAAAAA50/KhNlkrx3yAU/s1600/ribbon.png); display:block; width:10px; height:10px; position:absolute; bottom:0; left:684px; margin-bottom:-10px; z-index:-1; } a.button {text-decoration: none; } .orangellow.button { -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; } h6{font-family: 'Delius Swash Caps', cursive;font-size:100%} h7{font-family: 'Delius Unicase', cursive;text-decoration:none;} h8{font-family: 'Architects Daughter', cursive;text-decoration:none;} h1{font-family: 'Monoton', cursive;text-decoration:none;font-size:400%} #header1 { top:-150px; left:-311px; height:103px; width:1120px; -moz-border-radius: 0 0 10px 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -goog-ms-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; position:absolute; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1C1C1C', endColorstr='#575657');/*For IE7-8-9*/ /* IE10 */ background-image: -ms-linear-gradient(top, #1C1C1C 0%, #575657 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #1C1C1C 0%, #575657 100%); /* Opera */ background-image: -o-linear-gradient(top, #1C1C1C 0%, #575657 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1C1C1C), color-stop(1, #575657)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #1C1C1C 0%, #575657 100%); /* Proposed W3C Markup */ background-image: linear-gradient(top, #1C1C1C 0%, #575657 100%); } body { margin: 0; padding: 0; margin-top:140px; } .button { /* text */ text-decoration: none; font: 15px/1em 'Droid Sans', sans-serif; font-weight: bold; text-shadow: rgba(255,255,255,.5) 0 1px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* layout */ padding: .5em .6em .4em .6em; margin:0px 0px 0px 650px; display: inline-block; text-align:right; position: absolute; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /* effects */ border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(0,0,0,0.1); background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(http://4.bp.blogspot.com/-Zv7ZVTP6URs/TmhqXcc2EPI/AAAAAAAABFk/nq8vjm3OA2E/s1600/noise_c73a102e4edf4f1c3a372f5653b34f55.png); background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(http://4.bp.blogspot.com/-Zv7ZVTP6URs/TmhqXcc2EPI/AAAAAAAABFk/nq8vjm3OA2E/s1600/noise_c73a102e4edf4f1c3a372f5653b34f55.png); background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(http://4.bp.blogspot.com/-Zv7ZVTP6URs/TmhqXcc2EPI/AAAAAAAABFk/nq8vjm3OA2E/s1600/noise_c73a102e4edf4f1c3a372f5653b34f55.png); -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; transition: background .2s ease-in-out; /* color */ color: hsl(0, 0%, 40%) !important; background-color: hsl(0, 0%, 75%); -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ } /* -------------- button (tag) -------------- */ button.button { border-left: none; border-right: none; } button.button:hover { cursor: pointer; } .button:before { font: 1.2em/0 'Pictos', sans-serif; content: attr(data-icon); /* gets the icon value from the custom data attribute and puts it infront of the button label */ margin-right: 0.4em; } .button.social:before { font: 2em/.5em 'writesocialRegular', sans-serif; vertical-align: -.08em; margin-right: 0.25em; } /* icon only */ .icon { font-weight: normal; font-style: normal; text-indent: -999em; } .icon:before, .icon.social:before { margin-right: 0; display: block; height: 0; text-indent: 0px; } .button.blue { color: hsl(208, 50%, 40%) !important; background-color: hsl(208, 100%, 75%); -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ } .button.blue:hover { background-color: hsl(208, 100%, 83%); } .button:hover { background-color: hsl(0, 0%, 83%); } .button:active { background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(http://4.bp.blogspot.com/-Zv7ZVTP6URs/TmhqXcc2EPI/AAAAAAAABFk/nq8vjm3OA2E/s1600/noise_c73a102e4edf4f1c3a372f5653b34f55.png); background-image: -moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(http://4.bp.blogspot.com/-Zv7ZVTP6URs/TmhqXcc2EPI/AAAAAAAABFk/nq8vjm3OA2E/s1600/noise_c73a102e4edf4f1c3a372f5653b34f55.png); background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(http://4.bp.blogspot.com/-Zv7ZVTP6URs/TmhqXcc2EPI/AAAAAAAABFk/nq8vjm3OA2E/s1600/noise_c73a102e4edf4f1c3a372f5653b34f55.png); -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */ rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */ -moz-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */ rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */ box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ rgba(0,0,0,0.4) 0 .1em 1px, /* border */ rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */ -webkit-transform: translateY(.2em); -moz-transform: translateY(.2em); transform: translateY(.2em); } .button:focus { outline: none; color: rgba(254,255,255,0.9) !important; text-shadow: rgba(0,0,0,0.2) 0 1px 2px; } /* morph */ .morph { border-top: none; -webkit-border-radius: 5em / 2em; -moz-border-radius: 5em / 2em; border-radius: 5em / 2em; -webkit-transition: -webkit-border-radius .3s ease-in-out; -moz-transition: -moz-border-radius .3s ease-in-out; transition: -moz-border-radius .3s ease-in-out; } .morph:hover { -webkit-border-radius: .4em .4em 2em 2em / .4em .4em 3em 3em; -moz-border-radius: .4em .4em 2em 2em / .4em .4em 3em 3em; border-radius: .4em .4em 2em 2em / .4em .4em 3em 3em; } .morph:active { -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; } .morph:after { display: none; } a.button1 { background: transparent url('') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.button1 span { background: transparent url('') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button1:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button1:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } .avatar-image-container { background: url("http://1.bp.blogspot.com/-1si7nOY6_6w/TkkPLuW6lsI/AAAAAAAAA6E/7sTq6kcZ36k/s1600/1313410766_style.png") no-repeat scroll center center;} @-moz-document url-prefix() { .button { text-align: center; } .icon { padding: .5em 1em; } .icon:before { margin-left: -.42em; float: left; } .social.icon:before { margin-left: -.22em; } .drop.icon { padding-right: 1.1em; } .shield.icon { padding-left: 1.1em; padding-right: 1.1em; } .skew.icon { padding-right: 1.4em; padding-left: 1.3em; } .oval.icon { padding-left: 1.3em; padding-right: 1.3em; } .knife { padding-left: 2em; } } #PageList1 {display:none;} .button.green { color: hsl(88, 70%, 30%) !important; background-color: hsl(88, 70%, 60%); -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ } .button.green:hover { background-color: hsl(88, 70%, 75%); } .button.pink { color: hsl(340, 100%, 30%) !important; background-color: hsl(340, 100%, 75%); -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */ } .button.pink:hover { background-color: hsl(340, 100%, 83%); } /* skew */ .skew { border-top: none; padding-right: 1.2em; padding-left: 0.8em; -webkit-border-radius: 5em 1em / 5em 1em; -moz-border-radius: 5em 1em / 5em 1em; border-radius: 5em 1em / 5em 1em; } .skew.glossy:after, .skew.glass:after { left: 10%; -webkit-border-radius: 7em 1em / 5em 1em; -moz-border-radius: 7em 1em / 5em 1em; border-radius: 7em 1em / 5em 1em; } .skew.icon { padding-right: .9em; padding-left: .8em; } #cat { position:absolute; top:25px; left:644px; font-family: 'Sue Ellen Francisco', cursive;text-decoration:none; } /* Rounded Edges */ img { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color: transparent; } img:hover { cursor:pointer !important; filter:alpha(opacity=50); -moz-opacity: 0.80; opacity:0.8; } .nudge ul { list-style:none; } .nudge ul li a { background-color: #fff; color: #afafaf; padding: 10px 0 10px 25px; display:block; text-decoration:none; border-top:1px solid #eee; } .css3_nudge ul li a { -webkit-transition-property: color, background-color, padding-left; -webkit-transition-duration: 500ms, 500ms, 500ms; } .css3_nudge ul li a:hover { background-color: #efefef; color: #333; padding-left: 50px; } #tabled{ position:absolute; top:-130px; left:70px; } ]]>



Icon
Icon
Icon
Icon
Icon
Icon

Stay Connected With Free Updates

Subscribe via Email






()

▼  ◄  ► 
  • ()
  • ()

&#9660;

  • ()
()