လွယ်အိတ်နည်းပညာ: ကၽြန္ေတာ္ Blogger မွာျပဳလုပ္ထားတဲ့ Blogger Template Style ေလးပါ

Tuesday 26 April 2016

ကၽြန္ေတာ္ Blogger မွာျပဳလုပ္ထားတဲ့ Blogger Template Style ေလးပါ

ကဲ....ငယ္ခ်င္းတို႔ေရ ဒီတစ္ခါတင္ေပးလိုက္တာကေတာ့ ကၽြန္ေတာ္ Blogger မွာျပဳလုပ္ထားတဲ့ Blogger Template Style ေလးပါ လိုခ်င္သူမ်ား ေအာက္မွာယူသြားေနာ္ ထည့္ပံုထည့္နည္ကေတာ့ေအာက္ပံုေနာ္

ပထမဆံု Template ကိုသြားပါ ေဘာက္တစ္ခုၾကလာပါမယ္ ေအာက္ပံုေနာ္

မွ်ားျပထားတဲ့ အတိုင္ customise ဆိုတာကိုသြားပါ ေဘာက္တစ္ခု ၾကလာပါမယ္ ေအာက္ပံုေနာ္

ပံုမွာျပဖထားတဲ့အတိုင္း (၁)လို႔ျပထားတဲ့ Advanced ကိုနွိပါ ေနာက္ျပီး (၂) လို႔ျပထားတာကိုနွိပ္ပါ မေတြ႔ပါက ဘားေလးကို ေအာက္ကိုဆြဲခ်ပါ (၂) လို႔ျပထားတဲ့ Add CSS ဆိုတာကိုနွိပ္ပါေဘာက္တစ္ခု
ျကလာပါမယ္ ေအာက္ပံုေနာ္

ပံုမွာျပထားတဲ့ အတိုင္း code ကို အကြတ္ထဲမွာ ထည့္ေပးလိုက္ပါ အနီေရာင္ျပထားအကြတ္ေလး
ျပထားတဲ့ Apply to blog ဆိုတာကိုနွိပ္လိုက္ပါ ဒီဆိုအဆင္ျပပါျပီဗ်ာ အားလံုးျပီတာနဲ့ Apply to blog ရဲ့
ေရွ့မွာ Back to Blogger ဆိုုတာကိုနွိပ္လိုက္ပါ အားလံုးအဆင္ေျပၾကပါေစ ဗ်ာလိုခ်င္သူမ်ားေအာက္မွာ cod ယူလိုက္ပါ

/*
-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */
/* Variable definitions
====================
<variable name="keycolor" description="Main Color" type="color" default="#ffffff"/>
<group description="Page" selector="body">
<variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="body.background.color" description="Background Color" type="color" default="#000000"/>
<variable name="body.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Links" selector=".main-inner">
<variable name="link.color" description="Link Color" type="color" default="#888888"/>
<variable name="link.visited.color" description="Visited Color" type="color" default="#444444"/>
<variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc"/>
</Group>
<group description="Blog Title" selector=".header h1">
<variable name="header.font" description="Title Font" type="font"
default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="header.text.color" description="Title Color" type="color" default="#ffffff" />
<variable name="header.background.color" description="Header Background" type="color" default="transparent" />
</Group>
<group description="Blog Description" selector=".header .description">
<variable name="description.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="description.text.color" description="Text Color" type="color"
default="#ffffff" />
</Group>
<group description="Tabs Text" selector=".tabs-inner .widget li a">
<variable name="tabs.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff"/>
<variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff"/>
</Group>
<group description="Tabs Background" selector=".tabs-outer .PageList">
<variable name="tabs.background.color" description="Background Color" type="color" default="#141414"/>
<variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444"/>
<variable name="tabs.border.color" description="Border Color" type="color" default="#222222"/>
</Group>
<group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
<variable name="date.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="date.text.color" description="Text Color" type="color" default="#666666"/>
<variable name="date.border.color" description="Border Color" type="color" default="#222222"/>
</Group>
<group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
<variable name="post.title.font" description="Font" type="font"
default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="post.title.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Post Background" selector=".post">
<variable name="post.background.color" description="Background Color" type="color" default="#141414" />
<variable name="post.border.color" description="Border Color" type="color" default="#222222" />
<variable name="post.border.bevel.color" description="Bevel Color" type="color" default="#222222"/>
</Group>
<group description="Gadget Title" selector="h2">
<variable name="widget.title.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="widget.title.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Gadget Text" selector=".sidebar .widget">
<variable name="widget.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="widget.text.color" description="Text Color" type="color" default="#ffffff"/>
<variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666"/>
</Group>
<group description="Gadget Links" selector=".sidebar .widget">
<variable name="widget.link.color" description="Link Color" type="color" default="#888888"/>
<variable name="widget.link.visited.color" description="Visited Color" type="color" default="#444444"/>
<variable name="widget.link.hover.color" description="Hover Color" type="color" default="#cccccc"/>
</Group>
<group description="Gadget Background" selector=".sidebar .widget">
<variable name="widget.background.color" description="Background Color" type="color" default="#141414"/>
<variable name="widget.border.color" description="Border Color" type="color" default="#222222"/>
<variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000"/>
</Group>
<group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
<variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" />
</Group>
<group description="Images" selector=".main-inner">
<variable name="image.background.color" description="Background Color" type="color" default="transparent"/>
<variable name="image.border.color" description="Border Color" type="color" default="transparent"/>
</Group>
<group description="Feed" selector=".blog-feeds">
<variable name="feed.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Feed Links" selector=".blog-feeds">
<variable name="feed.link.color" description="Link Color" type="color" default="#888888"/>
<variable name="feed.link.visited.color" description="Visited Color" type="color" default="#444444"/>
<variable name="feed.link.hover.color" description="Hover Color" type="color" default="#cccccc"/>
</Group>
<group description="Pager" selector=".blog-pager">
<variable name="pager.background.color" description="Background Color" type="color" default="#141414" />
</Group>
<group description="Footer" selector=".footer-outer">
<variable name="footer.background.color" description="Background Color" type="color" default="#141414" />
<variable name="footer.text.color" description="Text Color" type="color" default="#ffffff" />
</Group>
<variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px" min="-1px" max="100px"/>
<variable name="body.background" description="Body Background" type="background"
color="#000000"
default="$(color) none repeat scroll top left"/>
<variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="none"/>
<variable name="body.background.size" description="Body Background Size" type="string" default="auto"/>
<variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="none"/>
<variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" />
<variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" min="0" max="100px"/>
<variable name="header.margin.top" description="Header Top Margin" type="length" default="0" min="0" max="100px"/>
<variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" min="0" max="100px"/>
<variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" min="0" max="20px"/>
<variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" min="0" max="100px"/>
<variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" min="0" max="100px"/>
<variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" />
<variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" min="0" max="100px"/>
<variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" min="0" max="100px"/>
<variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" min="0" max="100px"/>
<variable name="date.header.position" description="Date Header Position" type="length" default="15px" min="0" max="100px"/>
<variable name="date.space" description="Date Space" type="length" default="30px" min="0" max="100px"/>
<variable name="date.position" description="Date Float" type="string" default="static" />
<variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" min="0" max="100px"/>
<variable name="date.border.size" description="Date Border Size" type="length" default="0" min="0" max="10px"/>
<variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" />
<variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="0" min="0" max="100px"/>
<variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="20px" min="0" max="100px"/>
<variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="0" min="0" max="100px"/>
<variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" min="0" max="100px"/>
<variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0" min="0" max="100px"/>
<variable name="image.border.radius" description="Image Border Radius" type="length" default="0" min="0" max="100px"/>
<variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" min="0" max="100px"/>
<variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px" min="0" max="10px"/>
<variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" min="0" max="10px"/>
<variable name="shadow.spread" description="Shadow Size" type="length" default="0" min="0" max="100px"/>
<variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
<variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
<variable name="date.side" description="Side where date header is placed" type="string" default="right"/>
<variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="0" min="0" max="100px"/>
<variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" min="0" max="20em"/>
<variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" />
<variable name="mobile.background.size" description="Mobile Background Size" type="string"
default="auto"/>
<variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left"/>
<variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" />
*/
/* Content
----------------------------------------------- */
body {
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
background: #000000 url(//www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left;
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
a:link {
text-decoration: none;
color: #888888;
}
a:visited {
text-decoration: none;
color: #444444;
}
a:hover {
text-decoration: underline;
color: #cccccc;
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent url(//www.blogblog.com/1kt/awesomeinc/body_gradient_dark.png) repeat-x scroll top left;
_background-image: none;
}
/* Columns
----------------------------------------------- */
.content-inner {
padding: 0;
}
.header-inner .section {
margin: 0 16px;
}
.tabs-inner .section {
margin: 0 16px;
}
.main-inner {
padding-top: 30px;
}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}
*+html body .main-inner .column-center-inner {
margin-top: -30px;
}
#layout .main-inner .column-center-inner {
margin-top: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: 0 0 0 0;
background: transparent none repeat scroll 0 0;
}
.Header h1 {
font: normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
text-shadow: 0 0 -1px #000000;
}
.Header h1 a {
color: #ffffff;
}
.Header .description {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: 22px;
}
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: #141414 none repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid #222222;
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
border-left: 1px solid #222222;
height: 16px;
line-height: 16px;
}
.tabs-inner .widget li:last-child a {
border-right: 1px solid #222222;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: #444444 none repeat-x scroll 0 -100px;
color: #ffffff;
}
/* Headings
----------------------------------------------- */
h2 {
font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: 0;
}
#layout .main-inner .column-left-outer,
#layout .main-inner .column-right-outer {
margin-top: 0;
}
.main-inner .column-left-inner,
.main-inner .column-right-inner {
background: transparent none repeat 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
margin-top: 0;
}
.sidebar .widget {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
.sidebar .widget a:link {
color: #888888;
}
.sidebar .widget a:visited {
color: #444444;
}
.sidebar .widget a:hover {
color: #cccccc;
}
.sidebar .widget h2 {
text-shadow: 0 0 -1px #000000;
}
.main-inner .widget {
background-color: #141414;
border: 1px solid #222222;
padding: 0 15px 15px;
margin: 20px -16px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.main-inner .widget h2 {
margin: 0 -15px;
padding: .6em 15px .5em;
border-bottom: 1px solid #000000;
}
.footer-inner .widget h2 {
padding: 0 0 .4em;
border-bottom: 1px solid #000000;
}
.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
border-top: 1px solid #222222;
padding-top: 8px;
}
.main-inner .widget .widget-content {
margin: 0 -15px;
padding: 7px 15px 0;
}
.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
margin: -8px -15px 0;
padding: 0;
list-style: none;
}
.main-inner .widget #ArchiveList {
margin: -8px 0 0;
}
.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
padding: .5em 15px;
text-indent: 0;
color: #666666;
border-top: 1px solid #222222;
border-bottom: 1px solid #000000;
}
.main-inner .widget #ArchiveList ul li {
padding-top: .25em;
padding-bottom: .25em;
}
.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.main-inner .widget .post-body ul {
padding: 0 2.5em;
margin: .5em 0;
list-style: disc;
}
.main-inner .widget .post-body ul li {
padding: 0.25em 0;
margin-bottom: .25em;
color: #ffffff;
border: none;
}
.footer-inner .widget ul {
padding: 0;
list-style: none;
}
.widget .zippy {
color: #666666;
}
/* Posts
----------------------------------------------- */
body .main-inner .Blog {
padding: 0;
margin-bottom: 1em;
background-color: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.main-inner .section:last-child .Blog:last-child {
padding: 0;
margin-bottom: 1em;
}
.main-inner .widget h2.date-header {
margin: 0 -15px 1px;
padding: 0 0 0 0;
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #666666;
background: transparent none no-repeat scroll top left;
border-top: 0 solid #222222;
border-bottom: 1px solid #000000;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
position: static;
bottom: 100%;
right: 15px;
text-shadow: 0 0 -1px #000000;
}
.main-inner .widget h2.date-header span {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
display: block;
padding: .5em 15px;
border-left: 0 solid #222222;
border-right: 0 solid #222222;
}
.date-outer {
position: relative;
margin: 30px 0 20px;
padding: 0 15px;
background-color: #141414;
border: 1px solid #222222;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.date-outer:first-child {
margin-top: 0;
}
.date-outer:last-child {
margin-bottom: 20px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-goog-ms-border-bottom-left-radius: 0;
-goog-ms-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.date-posts {
margin: 0 -15px;
padding: 0 15px;
clear: both;
}
.post-outer, .inline-ad {
border-top: 1px solid #222222;
margin: 0 -15px;
padding: 15px 15px;
}
.post-outer {
padding-bottom: 10px;
}
.post-outer:first-child {
padding-top: 0;
border-top: none;
}
.post-outer:last-child, .inline-ad:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.post-body img {
padding: 8px;
background: #222222;
border: 1px solid transparent;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
h3.post-title, h4 {
font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
h3.post-title a {
font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
h3.post-title a:hover {
color: #cccccc;
text-decoration: underline;
}
.post-header {
margin: 0 0 1em;
}
.post-body {
line-height: 1.4;
}
.post-outer h2 {
color: #ffffff;
}
.post-footer {
margin: 1.5em 0 0;
}
#blog-pager {
padding: 15px;
font-size: 120%;
background-color: #141414;
border: 1px solid #222222;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-goog-ms-border-top-left-radius: 0;
-goog-ms-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius-topright: 0;
margin-top: 1em;
}
.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: #ffffff;
}
.blog-feeds a, .post-feeds a {
color: #888888;
}
.blog-feeds a:visited, .post-feeds a:visited {
color: #444444;
}
.blog-feeds a:hover, .post-feeds a:hover {
color: #cccccc;
}
.post-outer .comments {
margin-top: 2em;
}
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
}
.comments .continue {
border-top: 2px solid #222222;
}
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 -1px;
padding: 0 0 0;
color: #ffffff;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 1px solid #222222;
background: #141414 none repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
*+html body.mobile .main-inner .column-center-inner {
margin-top: 0;
}
.mobile .main-inner .widget {
padding: 0 0 15px;
}
.mobile .main-inner .widget h2 + div,
.mobile .footer-inner .widget h2 + div {
border-top: none;
padding-top: 0;
}
.mobile .footer-inner .widget h2 {
padding: 0.5em 0;
border-bottom: none;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile .main-inner .widget ul,
.mobile .main-inner .widget #ArchiveList ul.flat {
margin: 0 -15px 0;
}
.mobile .main-inner .widget h2.date-header {
right: 0;
}
.mobile .date-header span {
padding: 0.4em 0;
}
.mobile .date-outer:first-child {
margin-bottom: 0;
border: 1px solid #222222;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-goog-ms-border-top-left-radius: 0;
-goog-ms-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.mobile .date-outer {
border-color: #222222;
border-width: 0 1px 1px;
}
.mobile .date-outer:last-child {
margin-bottom: 0;
}
.mobile .main-inner {
padding: 0;
}
.mobile .header-inner .section {
margin: 0;
}
.mobile .post-outer, .mobile .inline-ad {
padding: 5px 0;
}
.mobile .tabs-inner .section {
margin: 0 10px;
}
.mobile .main-inner .widget h2 {
margin: 0;
padding: 0;
}
.mobile .main-inner .widget h2.date-header span {
padding: 0;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile #blog-pager {
border: 1px solid transparent;
background: #141414 none repeat scroll 0 0;
}
.mobile .main-inner .column-left-inner,
.mobile .main-inner .column-right-inner {
background: transparent none repeat 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-goog-ms-box-shadow: none;
box-shadow: none;
}
.mobile .date-posts {
margin: 0;
padding: 0;
}
.mobile .footer-fauxborder-left {
margin: 0;
border-top: inherit;
}
.mobile .main-inner .section:last-child .Blog:last-child {
margin-bottom: 0;
}
.mobile-index-contents {
color: #ffffff;
}
.mobile .mobile-link-button {
background: #888888 none repeat scroll 0 0;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #ffffff;
}
.mobile .tabs-inner .PageList .widget-content {
background: transparent;
border-top: 1px solid;
border-color: #222222;
color: #ffffff;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #222222;
}
/*
-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */
/* Variable definitions
====================
<variable name="keycolor" description="Main Color" type="color" default="#ffffff"/>
<group description="Page" selector="body">
<variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="body.background.color" description="Background Color" type="color" default="#000000"/>
<variable name="body.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Links" selector=".main-inner">
<variable name="link.color" description="Link Color" type="color" default="#888888"/>
<variable name="link.visited.color" description="Visited Color" type="color" default="#444444"/>
<variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc"/>
</Group>
<group description="Blog Title" selector=".header h1">
<variable name="header.font" description="Title Font" type="font"
default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="header.text.color" description="Title Color" type="color" default="#ffffff" />
<variable name="header.background.color" description="Header Background" type="color" default="transparent" />
</Group>
<group description="Blog Description" selector=".header .description">
<variable name="description.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="description.text.color" description="Text Color" type="color"
default="#ffffff" />
</Group>
<group description="Tabs Text" selector=".tabs-inner .widget li a">
<variable name="tabs.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff"/>
<variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff"/>
</Group>
<group description="Tabs Background" selector=".tabs-outer .PageList">
<variable name="tabs.background.color" description="Background Color" type="color" default="#141414"/>
<variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444"/>
<variable name="tabs.border.color" description="Border Color" type="color" default="#222222"/>
</Group>
<group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
<variable name="date.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="date.text.color" description="Text Color" type="color" default="#666666"/>
<variable name="date.border.color" description="Border Color" type="color" default="#222222"/>
</Group>
<group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
<variable name="post.title.font" description="Font" type="font"
default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="post.title.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Post Background" selector=".post">
<variable name="post.background.color" description="Background Color" type="color" default="#141414" />
<variable name="post.border.color" description="Border Color" type="color" default="#222222" />
<variable name="post.border.bevel.color" description="Bevel Color" type="color" default="#222222"/>
</Group>
<group description="Gadget Title" selector="h2">
<variable name="widget.title.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="widget.title.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Gadget Text" selector=".sidebar .widget">
<variable name="widget.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="widget.text.color" description="Text Color" type="color" default="#ffffff"/>
<variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666"/>
</Group>
<group description="Gadget Links" selector=".sidebar .widget">
<variable name="widget.link.color" description="Link Color" type="color" default="#888888"/>
<variable name="widget.link.visited.color" description="Visited Color" type="color" default="#444444"/>
<variable name="widget.link.hover.color" description="Hover Color" type="color" default="#cccccc"/>
</Group>
<group description="Gadget Background" selector=".sidebar .widget">
<variable name="widget.background.color" description="Background Color" type="color" default="#141414"/>
<variable name="widget.border.color" description="Border Color" type="color" default="#222222"/>
<variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000"/>
</Group>
<group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
<variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" />
</Group>
<group description="Images" selector=".main-inner">
<variable name="image.background.color" description="Background Color" type="color" default="transparent"/>
<variable name="image.border.color" description="Border Color" type="color" default="transparent"/>
</Group>
<group description="Feed" selector=".blog-feeds">
<variable name="feed.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Feed Links" selector=".blog-feeds">
<variable name="feed.link.color" description="Link Color" type="color" default="#888888"/>
<variable name="feed.link.visited.color" description="Visited Color" type="color" default="#444444"/>
<variable name="feed.link.hover.color" description="Hover Color" type="color" default="#cccccc"/>
</Group>
<group description="Pager" selector=".blog-pager">
<variable name="pager.background.color" description="Background Color" type="color" default="#141414" />
</Group>
<group description="Footer" selector=".footer-outer">
<variable name="footer.background.color" description="Background Color" type="color" default="#141414" />
<variable name="footer.text.color" description="Text Color" type="color" default="#ffffff" />
</Group>
<variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px"/>
<variable name="body.background" description="Body Background" type="background"
color="#000000"
default="$(color) none repeat scroll top left"/>
<variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="none"/>
<variable name="body.background.size" description="Body Background Size" type="string" default="auto"/>
<variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="none"/>
<variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" />
<variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" />
<variable name="header.margin.top" description="Header Top Margin" type="length" default="0" />
<variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" />
<variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" />
<variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" />
<variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" />
<variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" />
<variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" />
<variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" />
<variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" />
<variable name="date.header.position" description="Date Header Position" type="length" default="15px" />
<variable name="date.space" description="Date Space" type="length" default="30px" />
<variable name="date.position" description="Date Float" type="string" default="static" />
<variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" />
<variable name="date.border.size" description="Date Border Size" type="length" default="0" />
<variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" />
<variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="0" />
<variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="20px" />
<variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="0" />
<variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" />
<variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0"/>
<variable name="image.border.radius" description="Image Border Radius" type="length" default="0"/>
<variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" />
<variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px" />
<variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" />
<variable name="shadow.spread" description="Shadow Size" type="length" default="0"/>
<variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
<variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
<variable name="date.side" description="Side where date header is placed" type="string" default="right"/>
<variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="0" />
<variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" />
<variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" />
<variable name="mobile.background.size" description="Mobile Background Size" type="string"
default="auto"/>
<variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left"/>
<variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" />
*/
/* Content
----------------------------------------------- */
body {
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
background: #000000 url(//www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left;
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
a:link {
text-decoration: none;
color: #888888;
}
a:visited {
text-decoration: none;
color: #444444;
}
a:hover {
text-decoration: underline;
color: #cccccc;
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent url(//www.blogblog.com/1kt/awesomeinc/body_gradient_dark.png) repeat-x scroll top left;
_background-image: none;
}
/* Columns
----------------------------------------------- */
.content-inner {
padding: 0;
}
.header-inner .section {
margin: 0 16px;
}
.tabs-inner .section {
margin: 0 16px;
}
.main-inner {
padding-top: 30px;
}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}
*+html body .main-inner .column-center-inner {
margin-top: -30px;
}
#layout .main-inner .column-center-inner {
margin-top: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: 0 0 0 0;
background: transparent none repeat scroll 0 0;
}
.Header h1 {
font: normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
text-shadow: 0 0 -1px #000000;
}
.Header h1 a {
color: #ffffff;
}
.Header .description {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: 22px;
}
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: #141414 none repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid #222222;
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
border-left: 1px solid #222222;
height: 16px;
line-height: 16px;
}
.tabs-inner .widget li:last-child a {
border-right: 1px solid #222222;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: #444444 none repeat-x scroll 0 -100px;
color: #ffffff;
}
/* Headings
----------------------------------------------- */
h2 {
font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: 0;
}
#layout .main-inner .column-left-outer,
#layout .main-inner .column-right-outer {
margin-top: 0;
}
.main-inner .column-left-inner,
.main-inner .column-right-inner {
background: transparent none repeat 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
margin-top: 0;
}
.sidebar .widget {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
.sidebar .widget a:link {
color: #888888;
}
.sidebar .widget a:visited {
color: #444444;
}
.sidebar .widget a:hover {
color: #cccccc;
}
.sidebar .widget h2 {
text-shadow: 0 0 -1px #000000;
}
.main-inner .widget {
background-color: #141414;
border: 1px solid #222222;
padding: 0 15px 15px;
margin: 20px -16px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.main-inner .widget h2 {
margin: 0 -15px;
padding: .6em 15px .5em;
border-bottom: 1px solid #000000;
}
.footer-inner .widget h2 {
padding: 0 0 .4em;
border-bottom: 1px solid #000000;
}
.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
border-top: 1px solid #222222;
padding-top: 8px;
}
.main-inner .widget .widget-content {
margin: 0 -15px;
padding: 7px 15px 0;
}
.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
margin: -8px -15px 0;
padding: 0;
list-style: none;
}
.main-inner .widget #ArchiveList {
margin: -8px 0 0;
}
.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
padding: .5em 15px;
text-indent: 0;
color: #666666;
border-top: 1px solid #222222;
border-bottom: 1px solid #000000;
}
.main-inner .widget #ArchiveList ul li {
padding-top: .25em;
padding-bottom: .25em;
}
.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.main-inner .widget .post-body ul {
padding: 0 2.5em;
margin: .5em 0;
list-style: disc;
}
.main-inner .widget .post-body ul li {
padding: 0.25em 0;
margin-bottom: .25em;
color: #ffffff;
border: none;
}
.footer-inner .widget ul {
padding: 0;
list-style: none;
}
.widget .zippy {
color: #666666;
}
/* Posts
----------------------------------------------- */
body .main-inner .Blog {
padding: 0;
margin-bottom: 1em;
background-color: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.main-inner .section:last-child .Blog:last-child {
padding: 0;
margin-bottom: 1em;
}
.main-inner .widget h2.date-header {
margin: 0 -15px 1px;
padding: 0 0 0 0;
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #666666;
background: transparent none no-repeat scroll top left;
border-top: 0 solid #222222;
border-bottom: 1px solid #000000;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
position: static;
bottom: 100%;
right: 15px;
text-shadow: 0 0 -1px #000000;
}
.main-inner .widget h2.date-header span {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
display: block;
padding: .5em 15px;
border-left: 0 solid #222222;
border-right: 0 solid #222222;
}
.date-outer {
position: relative;
margin: 30px 0 20px;
padding: 0 15px;
background-color: #141414;
border: 1px solid #222222;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.date-outer:first-child {
margin-top: 0;
}
.date-outer:last-child {
margin-bottom: 20px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-goog-ms-border-bottom-left-radius: 0;
-goog-ms-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.date-posts {
margin: 0 -15px;
padding: 0 15px;
clear: both;
}
.post-outer, .inline-ad {
border-top: 1px solid #222222;
margin: 0 -15px;
padding: 15px 15px;
}
.post-outer {
padding-bottom: 10px;
}
.post-outer:first-child {
padding-top: 0;
border-top: none;
}
.post-outer:last-child, .inline-ad:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.post-body img {
padding: 8px;
background: #222222;
border: 1px solid transparent;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
h3.post-title, h4 {
font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
h3.post-title a {
font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
h3.post-title a:hover {
color: #cccccc;
text-decoration: underline;
}
.post-header {
margin: 0 0 1em;
}
.post-body {
line-height: 1.4;
}
.post-outer h2 {
color: #ffffff;
}
.post-footer {
margin: 1.5em 0 0;
}
#blog-pager {
padding: 15px;
font-size: 120%;
background-color: #141414;
border: 1px solid #222222;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-goog-ms-border-top-left-radius: 0;
-goog-ms-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius-topright: 0;
margin-top: 1em;
}
.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: #ffffff;
}
.blog-feeds a, .post-feeds a {
color: #888888;
}
.blog-feeds a:visited, .post-feeds a:visited {
color: #444444;
}
.blog-feeds a:hover, .post-feeds a:hover {
color: #cccccc;
}
.post-outer .comments {
margin-top: 2em;
}
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
}
.comments .continue {
border-top: 2px solid #222222;
}
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 -1px;
padding: 0 0 0;
color: #ffffff;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 1px solid #222222;
background: #141414 none repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
*+html body.mobile .main-inner .column-center-inner {
margin-top: 0;
}
.mobile .main-inner .widget {
padding: 0 0 15px;
}
.mobile .main-inner .widget h2 + div,
.mobile .footer-inner .widget h2 + div {
border-top: none;
padding-top: 0;
}
.mobile .footer-inner .widget h2 {
padding: 0.5em 0;
border-bottom: none;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile .main-inner .widget ul,
.mobile .main-inner .widget #ArchiveList ul.flat {
margin: 0 -15px 0;
}
.mobile .main-inner .widget h2.date-header {
right: 0;
}
.mobile .date-header span {
padding: 0.4em 0;
}
.mobile .date-outer:first-child {
margin-bottom: 0;
border: 1px solid #222222;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-goog-ms-border-top-left-radius: 0;
-goog-ms-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.mobile .date-outer {
border-color: #222222;
border-width: 0 1px 1px;
}
.mobile .date-outer:last-child {
margin-bottom: 0;
}
.mobile .main-inner {
padding: 0;
}
.mobile .header-inner .section {
margin: 0;
}
.mobile .post-outer, .mobile .inline-ad {
padding: 5px 0;
}
.mobile .tabs-inner .section {
margin: 0 10px;
}
.mobile .main-inner .widget h2 {
margin: 0;
padding: 0;
}
.mobile .main-inner .widget h2.date-header span {
padding: 0;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile #blog-pager {
border: 1px solid transparent;
background: #141414 none repeat scroll 0 0;
}
.mobile .main-inner .column-left-inner,
.mobile .main-inner .column-right-inner {
background: transparent none repeat 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-goog-ms-box-shadow: none;
box-shadow: none;
}
.mobile .date-posts {
margin: 0;
padding: 0;
}
.mobile .footer-fauxborder-left {
margin: 0;
border-top: inherit;
}
.mobile .main-inner .section:last-child .Blog:last-child {
margin-bottom: 0;
}
.mobile-index-contents {
color: #ffffff;
}
.mobile .mobile-link-button {
background: #888888 none repeat scroll 0 0;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #ffffff;
}
.mobile .tabs-inner .PageList .widget-content {
background: transparent;
border-top: 1px solid;
border-color: #222222;
color: #ffffff;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #222222;
}
/*
-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */
/* Variable definitions
====================
<variable name="keycolor" description="Main Color" type="color" default="#ffffff"/>
<group description="Page" selector="body">
<variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="body.background.color" description="Background Color" type="color" default="#000000"/>
<variable name="body.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Links" selector=".main-inner">
<variable name="link.color" description="Link Color" type="color" default="#888888"/>
<variable name="link.visited.color" description="Visited Color" type="color" default="#444444"/>
<variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc"/>
</Group>
<group description="Blog Title" selector=".header h1">
<variable name="header.font" description="Title Font" type="font"
default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="header.text.color" description="Title Color" type="color" default="#ffffff" />
<variable name="header.background.color" description="Header Background" type="color" default="transparent" />
</Group>
<group description="Blog Description" selector=".header .description">
<variable name="description.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="description.text.color" description="Text Color" type="color"
default="#ffffff" />
</Group>
<group description="Tabs Text" selector=".tabs-inner .widget li a">
<variable name="tabs.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff"/>
<variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff"/>
</Group>
<group description="Tabs Background" selector=".tabs-outer .PageList">
<variable name="tabs.background.color" description="Background Color" type="color" default="#141414"/>
<variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444"/>
<variable name="tabs.border.color" description="Border Color" type="color" default="#ffffff"/>
</Group>
<group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
<variable name="date.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="date.text.color" description="Text Color" type="color" default="#666666"/>
<variable name="date.border.color" description="Border Color" type="color" default="#ffffff"/>
</Group>
<group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
<variable name="post.title.font" description="Font" type="font"
default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="post.title.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Post Background" selector=".post">
<variable name="post.background.color" description="Background Color" type="color" default="#000000" />
<variable name="post.border.color" description="Border Color" type="color" default="#ffffff" />
<variable name="post.border.bevel.color" description="Bevel Color" type="color" default="#ffffff"/>
</Group>
<group description="Gadget Title" selector="h2">
<variable name="widget.title.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="widget.title.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Gadget Text" selector=".sidebar .widget">
<variable name="widget.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<variable name="widget.text.color" description="Text Color" type="color" default="#ffffff"/>
<variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666"/>
</Group>
<group description="Gadget Links" selector=".sidebar .widget">
<variable name="widget.link.color" description="Link Color" type="color" default="#ff0000"/>
<variable name="widget.link.visited.color" description="Visited Color" type="color" default="#ffff00"/>
<variable name="widget.link.hover.color" description="Hover Color" type="color" default="#0000ff"/>
</Group>
<group description="Gadget Background" selector=".sidebar .widget">
<variable name="widget.background.color" description="Background Color" type="color" default="#141414"/>
<variable name="widget.border.color" description="Border Color" type="color" default="#222222"/>
<variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000"/>
</Group>
<group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
<variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" />
</Group>
<group description="Images" selector=".main-inner">
<variable name="image.background.color" description="Background Color" type="color" default="transparent"/>
<variable name="image.border.color" description="Border Color" type="color" default="transparent"/>
</Group>
<group description="Feed" selector=".blog-feeds">
<variable name="feed.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<group description="Feed Links" selector=".blog-feeds">
<variable name="feed.link.color" description="Link Color" type="color" default="#ff0000"/>
<variable name="feed.link.visited.color" description="Visited Color" type="color" default="#ffff00"/>
<variable name="feed.link.hover.color" description="Hover Color" type="color" default="#0000ff"/>
</Group>
<group description="Pager" selector=".blog-pager">
<variable name="pager.background.color" description="Background Color" type="color" default="#000000" />
</Group>
<group description="Footer" selector=".footer-outer">
<variable name="footer.background.color" description="Background Color" type="color" default="#000000" />
<variable name="footer.text.color" description="Text Color" type="color" default="#ffffff" />
</Group>
<variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px"/>
<variable name="body.background" description="Body Background" type="background"
color="#000000"
default="$(color) none repeat scroll top left"/>
<variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="none"/>
<variable name="body.background.size" description="Body Background Size" type="string" default="auto"/>
<variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="none"/>
<variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" />
<variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" />
<variable name="header.margin.top" description="Header Top Margin" type="length" default="0" />
<variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" />
<variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" />
<variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" />
<variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" />
<variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" />
<variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" />
<variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" />
<variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" />
<variable name="date.header.position" description="Date Header Position" type="length" default="15px" />
<variable name="date.space" description="Date Space" type="length" default="30px" />
<variable name="date.position" description="Date Float" type="string" default="static" />
<variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" />
<variable name="date.border.size" description="Date Border Size" type="length" default="0" />
<variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" />
<variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="0" />
<variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="20px" />
<variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="0" />
<variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" />
<variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0"/>
<variable name="image.border.radius" description="Image Border Radius" type="length" default="0"/>
<variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" />
<variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px" />
<variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" />
<variable name="shadow.spread" description="Shadow Size" type="length" default="0"/>
<variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
<variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
<variable name="date.side" description="Side where date header is placed" type="string" default="right"/>
<variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="0" />
<variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" />
<variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" />
<variable name="mobile.background.size" description="Mobile Background Size" type="string"
default="auto"/>
<variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left"/>
<variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" />
*/
/* Content
----------------------------------------------- */
body {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA_IjqyMLgjr4AiEuLPb4yrKJCXwM-ZJG8KkldmdDMdj4SIU4pvl9tU7YZCiNDUG3xOjaelaCAINRvSfvP9VgoZx1gvPf2Epuy8YU1RkiVSbMwb3USwENxYFIsURnSd2l4XCrEq80QQb33/s1600/url.jpg') fixed;
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
background: #000000 none repeat scroll top left;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA_IjqyMLgjr4AiEuLPb4yrKJCXwM-ZJG8KkldmdDMdj4SIU4pvl9tU7YZCiNDUG3xOjaelaCAINRvSfvP9VgoZx1gvPf2Epuy8YU1RkiVSbMwb3USwENxYFIsURnSd2l4XCrEq80QQb33/s1600/url.jpg') fixed;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; border: 15px solid #0101DF;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA_IjqyMLgjr4AiEuLPb4yrKJCXwM-ZJG8KkldmdDMdj4SIU4pvl9tU7YZCiNDUG3xOjaelaCAINRvSfvP9VgoZx1gvPf2Epuy8YU1RkiVSbMwb3USwENxYFIsURnSd2l4XCrEq80QQb33/s1600/url.jpg') fixed;}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
a:link {
text-decoration: none;
color: #ff0000;
}
a:visited {
text-decoration: none;
color: #ffff00;
}
a:hover {
text-decoration: underline;
color: #0000ff;
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent none repeat-x scroll top left;
_background-image: none;
}
/* Columns
----------------------------------------------- */
.content-inner {
padding: 0;
}
.header-inner .section {
margin: 0 16px;
}
.tabs-inner .section {
margin: 0 16px;
}
.main-inner {
padding-top: 30px;
}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}
*+html body .main-inner .column-center-inner {
margin-top: -30px;
}
#layout .main-inner .column-center-inner {
margin-top: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: 0 0 0 0;
background: transparent $(http://3.bp.blogspot.com/-a9TP7B9ysbA/TinARU0x4RI/AAAAAAAABJE/gwwHXqNeNVA/s400/gifs_sexo_189.gif) repeat scroll 0 0;
}
.Header h1 {
font: normal bold 8px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #000000;
text-shadow: 0 0 -1px #000000;
}
.Header h1 a {
color: #000000;
}
.Header .description {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffff00;
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: 22px;
}
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: #000000 none repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid #000000;
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}
.tabs-inner .widget li:last-child a {
border-right: 1px solid #000000;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: #000000 none repeat-x scroll 0 -100px;
color: #ffffff;
}
/* Headings
----------------------------------------------- */
h2 {
font: normal bold 20px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #00ff00;
}
/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: 0;
}
#layout .main-inner .column-left-outer,
#layout .main-inner .column-right-outer {
margin-top: 0;
}
.main-inner .column-left-inner,
.main-inner .column-right-inner {
background: transparent none repeat 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
margin-top: 0;
}
.sidebar .widget {
font: normal normal 20px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffff00;
}
.sidebar .widget a:link {
color: #0000ff;
}
.sidebar .widget a:visited {
color: #ff0000;
}
.sidebar .widget a:hover {
color: #00ff00;
}
.sidebar .widget h2 {
text-shadow: 0 0 -1px #000000;
}
.main-inner .widget {
background-color: #000000;
border: 1px solid #ffffff;
padding: 0 15px 15px;
margin: 20px -16px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.main-inner .widget h2 {
margin: 0 -15px;
padding: .6em 15px .5em;
border-bottom: 1px solid #ffffff;
}
.footer-inner .widget h2 {
padding: 0 0 .4em;
border-bottom: 1px solid #ffffff;
}
.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
border-top: 1px solid #ffffff;
padding-top: 8px;
}
.main-inner .widget .widget-content {
margin: 0 -15px;
padding: 7px 15px 0;
}
.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
margin: -8px -15px 0;
padding: 0;
list-style: none;
}
.main-inner .widget #ArchiveList {
margin: -8px 0 0;
}
.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
padding: .5em 15px;
text-indent: 0;
color: #ff00ff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.main-inner .widget #ArchiveList ul li {
padding-top: .25em;
padding-bottom: .25em;
}
.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.main-inner .widget .post-body ul {
padding: 0 2.5em;
margin: .5em 0;
list-style: disc;
}
.main-inner .widget .post-body ul li {
padding: 0.25em 0;
margin-bottom: .25em;
color: #ffffff;
border: none;
}
.footer-inner .widget ul {
padding: 0;
list-style: none;
}
.widget .zippy {
color: #ff00ff;
}
/* Posts
----------------------------------------------- */
body .main-inner .Blog {
padding: 0;
margin-bottom: 1em;
background-color: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.main-inner .section:last-child .Blog:last-child {
padding: 0;
margin-bottom: 1em;
}
.main-inner .widget h2.date-header {
margin: 0 -15px 1px;
padding: 0 0 0 0;
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #0000ff;
background: transparent none no-repeat scroll top left;
border-top: 0 solid #000000;
border-bottom: 1px solid #ffffff;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
position: static;
bottom: 100%;
right: 15px;
text-shadow: 0 0 -1px #000000;
}
.main-inner .widget h2.date-header span {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
display: block;
padding: .5em 15px;
border-left: 0 solid #000000;
border-right: 0 solid #000000;
}
.date-outer {
position: relative;
margin: 30px 0 20px;
padding: 0 15px;
background-color: #000000;
border: 1px solid #ffffff;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.date-outer:first-child {
margin-top: 0;
}
.date-outer:last-child {
margin-bottom: 20px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-goog-ms-border-bottom-left-radius: 0;
-goog-ms-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.date-posts {
margin: 0 -15px;
padding: 0 15px;
clear: both;
}
.post-outer, .inline-ad {
border-top: 1px solid #ffffff;
margin: 0 -15px;
padding: 15px 15px;
}
.post-outer {
padding-bottom: 10px;
}
.post-outer:first-child {
padding-top: 0;
border-top: none;
}
.post-outer:last-child, .inline-ad:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.post-body img {
padding: 8px;
background: #000000;
border: 1px solid #0000ff;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
h3.post-title, h4 {
font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #00ff00;
}
h3.post-title a {
font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #00ff00;
}
h3.post-title a:hover {
color: #0000ff;
text-decoration: underline;
}
.post-header {
margin: 0 0 1em;
}
.post-body {
line-height: 1.4;
}
.post-outer h2 {
color: #ffffff;
}
.post-footer {
margin: 1.5em 0 0;
}
#blog-pager {
padding: 15px;
font-size: 120%;
background-color: #000000;
border: 1px solid #ffffff;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-goog-ms-border-top-left-radius: 0;
-goog-ms-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius-topright: 0;
margin-top: 1em;
}
.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: #0000ff;
}
.blog-feeds a, .post-feeds a {
color: #ff0000;
}
.blog-feeds a:visited, .post-feeds a:visited {
color: #00ff00;
}
.blog-feeds a:hover, .post-feeds a:hover {
color: #0000ff;
}
.post-outer .comments {
margin-top: 2em;
}
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 -1px;
padding: 0 0 0;
color: #ffffff;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 1px solid #ffffff;
background: #000000 none repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
*+html body.mobile .main-inner .column-center-inner {
margin-top: 0;
}
.mobile .main-inner .widget {
padding: 0 0 15px;
}
.mobile .main-inner .widget h2 + div,
.mobile .footer-inner .widget h2 + div {
border-top: none;
padding-top: 0;
}
.mobile .footer-inner .widget h2 {
padding: 0.5em 0;
border-bottom: none;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile .main-inner .widget ul,
.mobile .main-inner .widget #ArchiveList ul.flat {
margin: 0 -15px 0;
}
.mobile .main-inner .widget h2.date-header {
right: 0;
}
.mobile .date-header span {
padding: 0.4em 0;
}
.mobile .date-outer:first-child {
margin-bottom: 0;
border: 1px solid #ffffff;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-goog-ms-border-top-left-radius: 0;
-goog-ms-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.mobile .date-outer {
border-color: #ffffff;
border-width: 0 1px 1px;
}
.mobile .date-outer:last-child {
margin-bottom: 0;
}
.mobile .main-inner {
padding: 0;
}
.mobile .header-inner .section {
margin: 0;
}
.mobile .blog-posts {
padding: 0 10px;
}
.mobile .post-outer, .mobile .inline-ad {
padding: 5px 0;
}
.mobile .tabs-inner .section {
margin: 0 10px;
}
.mobile .main-inner .widget h2 {
margin: 0;
padding: 0;
}
.mobile .main-inner .widget h2.date-header span {
padding: 0;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile #blog-pager {
border: 1px solid transparent;
background: #000000 none repeat scroll 0 0;
}
.mobile .main-inner .column-left-inner,
.mobile .main-inner .column-right-inner {
background: transparent none repeat 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-goog-ms-box-shadow: none;
box-shadow: none;
}
.mobile .date-posts {
margin: 0;
padding: 0;
}
.mobile .footer-fauxborder-left {
margin: 0;
border-top: inherit;
}
.mobile .main-inner .section:last-child .Blog:last-child {
margin-bottom: 0;
}
.mobile-index-contents {
color: #ffffff;
}
.mobile .mobile-link-button {
background: #ff0000 none repeat scroll 0 0;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #ffffff;
}
.mobile .tabs-inner .PageList .widget-content {
background: transparent;
border-top: 1px solid;
border-color: #000000;
color: #ffffff;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #000000;
}
a:hover {
color:#CC0000;
text-decoration:none;
background:transparent url(http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif);
/* Kp3bloglist Style */
#BlogList1 .widget-content { height: 200px; overflow: auto; }
}
.body-fauxcolumn-outer div {
background: none;
}

လွယ်အိတ်နည်းပညာ