Script Bersejarah Perbloggeran
Inilah script bersejarah dalam dunia blog saya, gara2 script ini saya nggak tidur semalaman suntuk, dan sebungkus class mild pun lenyap jadi abu, walaupun akhirnya dapat saya taklukkan juga hhe.. inilah dia penampakan script yang memaksa saya tidur bergadang tersebut....
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Awesome Inc.
Designer: Tina Chen
URL: tinachen.org
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#ffffff" value="#f7873d"/>
<Group description="Page" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.background.color" description="Background Color" type="color" default="#000000" value="#f7873d"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#ffffff" value="#4e2800"/>
</Group>
<Group description="Links" selector=".main-inner">
<Variable name="link.color" description="Link Color" type="color" default="#888888" value="#f48d1d"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#444444" value="#b5653b"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc" value="#f48d1d"/>
</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" value="normal normal 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="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" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="description.text.color" description="Text Color" type="color"
default="$(body.text.color)" value="$(body.text.color)"/>
</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" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#99531e"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(tabs.text.color)" value="#3c1f00"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="#141414" value="transparent"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444" value="#ffeedd"/>
<Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#dc9522"/>
</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" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#ffffff"/>
<Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="#664400"/>
</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" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(link.color)"/>
</Group>
<Group description="Post Background" selector=".post">
<Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="post.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
<Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</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" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</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" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666" value="#666666"/>
</Group>
<Group description="Gadget Links" selector=".sidebar .widget">
<Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
<Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
<Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
</Group>
<Group description="Gadget Background" selector=".sidebar .widget">
<Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="#ffffff"/>
<Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="#dc9522"/>
<Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="transparent"/>
</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" value="transparent"/>
</Group>
<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Feed" selector=".blog-feeds">
<Variable name="feed.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Feed Links" selector=".blog-feeds">
<Variable name="feed.link.color" description="Link Color" type="color" default="$(link.color)" value="#ffffff"/>
<Variable name="feed.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#ffffff"/>
<Variable name="feed.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#ffffff"/>
</Group>
<Group description="Pager" selector=".blog-pager">
<Variable name="pager.background.color" description="Background Color" type="color" default="$(post.background.color)" value="$(post.background.color)"/>
</Group>
<Group description="Footer" selector=".footer-outer">
<Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px" value="-1px"/>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)"
default="$(color) none repeat scroll top left" value="#f4af52 url(//themes.googleusercontent.com/image?id=1jBzZZhWmESbxpWuz4_KYI1iPRIJPfZVbhagMxWcJWDsBoLRejCvAeTWImo0USEiGpD5G) repeat fixed top center /* Credit: molotovcoketail (http://www.istockphoto.com/googleimages.php?id=1794602&platform=blogger) */"/>
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="none" value="none"/>
<Variable name="body.background.size" description="Body Background Size" type="string" default="auto" value="100% auto"/>
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="none" value="url(//www.blogblog.com/1kt/awesomeinc/tabs_gradient_groovy.png)"/>
<Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" value="none"/>
<Variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" value="22px"/>
<Variable name="header.margin.top" description="Header Top Margin" type="length" default="0" value="0"/>
<Variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" value="0"/>
<Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" value="0"/>
<Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" value="15px"/>
<Variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" value="0"/>
<Variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" value="none"/>
<Variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" value="0"/>
<Variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" value="0"/>
<Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" value="0"/>
<Variable name="date.header.position" description="Date Header Position" type="length" default="15px" value="15px"/>
<Variable name="date.space" description="Date Space" type="length" default="30px" value="65px"/>
<Variable name="date.position" description="Date Float" type="string" default="static" value="absolute"/>
<Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" value="10px"/>
<Variable name="date.border.size" description="Date Border Size" type="length" default="0" value="1px"/>
<Variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" value="transparent url(//www.blogblog.com/1kt/awesomeinc/date_background_groovy.png) repeat-x scroll bottom center"/>
<Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="20px" value="20px"/>
<Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" value="15px"/>
<Variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0" value="0"/>
<Variable name="image.border.radius" description="Image Border Radius" type="length" default="0" value="0"/>
<Variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" value="0"/>
<Variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px" value="0"/>
<Variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" value="0"/>
<Variable name="shadow.spread" description="Shadow Size" type="length" default="0" value="0"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
<Variable name="date.side" description="Side where date header is placed" type="string" default="$(endSide)" value="$(endSide)"/>
<Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" value="1em"/>
<Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" value="none"/>
<Variable name="mobile.background.size" description="Mobile Background Size" type="string"
default="$(body.background.size)" value="$(body.background.size)"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
<Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#4e2800"/>
*/
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;}
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);}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent $(body.background.gradient.cap) 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: $(date.space);
}
.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: -$(date.space);
}
#layout .main-inner .column-center-inner {
margin-top: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font: $(description.font);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: $(header.padding.top);
}
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid $(tabs.border.color);
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: $(tabs.font);
color: $(tabs.text.color);
border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
height: 16px;
line-height: 16px;
}
.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}
/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: $(widget.outer.margin.top);
}
#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: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
-moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-2'/></html>
Komentar
Posting Komentar