<data:blog.pageTitle/>
*/
#outer-wrapper {
width: 1010px; margin: 0 auto;
}
/**/ * html .Header { height: 130px;} /* */
#navbar-iframe {
display:none !important;
}
/*-- (General) --*/
body { background: #f3f2e8 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/bp.gif) no-repeat center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;}
html { padding: 0; margin: 0;}
a:link { text-decoration: none; color : $enlacecolor; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #cc0000; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #cc0000; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : $colorenlaceencima; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}
h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; }
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
#main-wrapper {overflow:hidden;}
.clear {clear:both;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
/*-- (Header) --*/
#header-wrapper {
width: 1010px;
margin: 0 auto;
position:relative;
min-height: 130px;
}
#header-inner {
float: right; width: 510px;
}
#header-wrapper h1 {
font-size: 55px; line-height: 55px; letter-spacing: -3px; padding: 0px; margin: 0px; font-weight: bold; font-family: "Trebuchet MS";position: absolute; top: 48px; color:$colortituloblog; }
#header-wrapper h1 a, #header-wrapper h1 { color:$colortituloblog; text-decoration: none; }
#header-wrapper h1 a:visited { color:#660000; text-decoration: none; }
#header-wrapper h1 a:hover { color:#660000; text-decoration: none; }
#header-wrapper p {
position: absolute; top: 105px; color:$descripcioncolor; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; padding: 0px; margin: 0px;
}
/*-- (Menu) --*/
.Menu { width: 470px; padding: 0px 0px 0px 30px; float: left; position: absolute; top: 100px; }
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li { padding: 0px; margin: 0px; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; }
.Menu ul li a { padding: 0px 0px 0px 9px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/menuleft.gif) no-repeat left top; float: left;}
.Menu ul li a span { padding: 4px 9px 9px 0px; display: block; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/menuright.gif) no-repeat right top; float: right; }
.Menu ul li a span { float: none; color: $colormenu;}
.Menu ul li a:hover span { color: #cc0000;}
.Menu ul li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.Menu ul li a:hover span { background-position: 100% -27px; color:#ffff99;}
.Menu ul li ul { display: none;}
/*-- (Content) --*/
#content-wrapper {
width: 980px; float: left; padding: 14px; border: solid 1px #e1dfd0; background: #fff;
}
/*-- (Main) --*/
#main-wrapper {
width: 435px; float: left; padding: 0px 15px 0px 15px;
}
.post {
padding: 15px 0px; position: relative; clear: left;
}
.PostHead { margin-left: 55px; }
.post-title, .post-title a { font-size: 24px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; }
.post-title a { color:$colortituloentrada; text-decoration: none;}
.post-title a:visited { color: #109dd0; text-decoration: none;}
.post-title a:hover { color:#000; text-decoration: none;}
.post-body { padding: 10px 0px 0px 0px; font-size: 13px; line-height: 1.4em ; color:$textocolor}
.post-body p { font-size: 13px; line-height: 1.4em;}
.post-body p strong {}
.post-body img {}
.post-body ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-body ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post-body ul { padding: 5px 0px; margin: 0px; }
.post-body ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/postcontentliicotr2.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-body blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.post-body blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.post-body blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.post-body blockquote a { color:#336699;}
.post-body blockquote a:visited { color:#336699;}
.post-body blockquote a:hover { color:#000033;}
/**/ * html .post-body p img {} /* */
.post-body p img { max-width: 420px;}
.post-body p img { width:expression(this.width > 420 ? "420px" : this.width); }
.post-body img { margin: 0px 10px 10px 0px; float: left; border:solid 1px #495b6b;}
.PostHead small {display:block; font-size:11px; font-weight:bold; line-height:14px; margin:0px; padding:0px; }
/**/ * html #fecha { left: -70px;} /**/
#fecha { padding: 0px; margin: 0px; position: absolute; left: -15px; top: 3px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }
#fecha strong { display: block; line-height: 9px; font-family: 'Verdana';}
small#fecha {
padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block
}
#fecha .fecha_dia{ font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
#fecha .fecha_mes { font-size: 10px; text-transform: lowercase;}
#fecha .fecha_anio { padding-top: 7px; font-weight: normal; }
#fecha span {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}
.post-labels { color:#ff6600; }
.post-labels a { color:#ff6600; text-decoration: none; }
.post-labels a:visited { color:#ff6600; text-decoration: none; }
.post-labels a:hover { color:#ff6600; text-decoration: none; }
.post-author {color:#999;}
.post-comment-link .comment-link {padding: 5px 0px 5px 20px;display: inline; color:#336699; font-size: 12px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/PostCom.png) no-repeat left center;}
.post-comment-link a {font-weight: bold; text-decoration: none; color:#ff6600;}
.post-comment-link li a:visited { font-weight: bold; text-decoration: none; color:#ff6600;}
.post-comment-link li a:hover { font-weight: bold; text-decoration: none; color:#cc0000;}
#blog-pager { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
#blog-pager a { padding: 1px 6px 1px 4px; font-size: 11px;}
#blog-pager a:visited { padding: 1px 6px 1px 4px; }
#blog-pager a:hover { padding: 1px 6px 1px 4px; text-decoration: none;}
/*-- (Sidebar) --*/
#sidebar-wrapper {
width: 500px; float: right; position: relative; padding: 0px;
}
#sidebar-itz { width: 320px; float: left; position: relative;}
#sidebar-izq { width: 320px; float: left; position: relative;}
#sidebar-izq .widget { background: #fff3e2 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SRL-widgetbkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}
#sidebar-izq .widget h2 { color:$colortituloslateral; font-size: 14px; border-bottom: solid 1px #ffe0bf; padding: 0px 0px 5px 0px; margin: 0px;}
#sidebar-izq .widget ul { margin: 0px; padding: 0px;}
#sidebar-izq .widget li { margin: 0px; padding: 0px; list-style-type: none; }
#sidebar-izq .widget a { color:$colortextolateral;}
#sidebar-izq .widget a:visited { color:#cc0000;}
#sidebar-izq .widget a:hover { color:#ff6600; text-decoration: none;}
/**/ *html .Search { height: 74px;} /**/
.Search { background: #cc0000 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/Search.gif) no-repeat left top; right: 0px; padding: 45px 20px 20px 20px; min-height: 74px;}
.Search form { background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SearchForm.gif) no-repeat left top; padding: 0px; margin: 0px; }
.Search input { color: #330033; font-size: 12px;}
.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 240px; }
.Search input.search { width: 27px; height: 24px; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SearchButton.gif) no-repeat;}
.Search .bt { padding: 0px; margin: 43px 0px 0px 0px; top: 2px; background: none; position: absolute; right: 23px; }
.Syn ul { margin: 0px; padding: 5px 0px;}
.Syn li { background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; font-size: 14px; color:#ffcc66; display: inline; font-weight: bold;}
.Syn li a {color:#fff; }
.Syn li a:visited {color:#fff; }
.Syn li a:hover {color:#fff; }
/* Description Blog */
.About { background: #ff6600 url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/AboutBkg.gif) no-repeat left bottom; padding: 0px 20px 10px 20px; color:#fff;}
.About h2 { padding: 0px; margin: 0px; font-size: 18px; font-weight: normal;}
.About p { padding: 5px 0px; margin: 0px; font-size: 13px; line-height: 16px;}
.Recent {
background:#FFE0BF url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/RecentBkg-1.gif) repeat-x scroll left top;
margin-bottom:10px;
padding:10px;
}
.TabMenu {
float:left;
margin:0px;
padding:0px;
}
.TabMenu li {
display:inline;
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
line-height:14px;
list-style-type:none;
margin:0px;
padding:0px;
text-transform:lowercase;
}
.TabMenu li a {
background:transparent url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/mleft.gif) no-repeat scroll left top;
float:left;
margin-right:7px;
padding:0px 0px 0px 9px;
}
.TabMenu li a span {
background:transparent url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/mright.gif) no-repeat scroll right top;
display:block;
float:right;
padding:4px 9px 9px 0px;
}
.TabMenu li a span {
color:#CC0000;
float:none;
}
.TabMenu li a:hover span {
color:#CC0000;
}
.TabMenu li a:hover {
background-position:0% -27px;
color:#FFFF99;
text-decoration:none;
}
.TabMenu li a:hover span {
background-position:100% -27px;
color:#FFFF99;
}
.TabLink a.active:link {
background-position:0% -27px;
color:#FFFF99;
text-decoration:none;
}
.TabLink a.active:link span {
background-position:0% -27px;
color:#FFFF99;
text-decoration:none;
}
.TabLink a.active:visited {
background-position:left bottom;
color:#FFFF99;
}
.TabLink a.active:visited span {
background-position:right bottom;
color:#FFFF99;
}
.TabContent {
clear:left;
padding-top:10px;
}
.TabContent ul {
margin:0px;
padding:0px;
}
.TabContent li {
border-bottom:1px solid #ECC9A5;
color:#000033;
font-size:13px;
list-style-type:none;
margin:0px;
padding:1px 0px;
}
.TabContent li a {
color:#336699;
text-decoration:none;
}
.TabContent li a:visited {
color:#336699;
text-decoration:none;
}
.TabContent li a:hover {
color:#000033;
text-decoration:none;
}
#sidebar-der { width: 165px; float: right; padding: 0px 0px 0px 0px;}
#sidebar-der h2 { color:$colortituloslateral2; font-size: 16px; border-bottom: solid 1px #eeede4; letter-spacing: -1px; padding: 5px 0px; margin: 0px;}
#sidebar-der ul { margin: 0px; padding: 0px;}
#sidebar-der li { margin: 0px; padding: 0px; list-style-type: none; }
#sidebar-der a { color:$colortextolateral2;}
#sidebar-der a:visited { color:#cc0000;}
#sidebar-der a:hover { color:#ff6600; text-decoration: none;}
#sidebar-der .widget { margin: 0px 0px 10px 0px; padding: 0px;}
#sidebar-der .widget ul { margin: 0px; padding: 0px;}
#sidebar-der .widget li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999;}
#sidebar-der .widget li a { color:$colortextolateral2;}
#sidebar-der .widget li a:visited { color:#cc0000;}
#sidebar-der .widget li a:hover { color:#ff6600; text-decoration: none;}
#sidebar-wrapper .Label ul { margin: 0px; padding: 0px;}
#sidebar-wrapper .Label ul li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999; font-weight: bold;}
#sidebar-wrapper .Label ul li a { color:#cc0000;}
#sidebar-wrapper .Label ul li a:visited { color:#cc0000;}
#sidebar-wrapper .Label ul li a:hover { color:#ff6600; text-decoration: none;}
.widget-content {
}
.sidebar .widget {
}
#footer-wrapper { width: 100%; float: left; padding: 0px;
}
#footer-wrapper { width: 980px; margin: 0 auto; background: url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/FooterIco.gif) no-repeat left center; padding: 10px 0px 10px 30px;}
#footer-wrapper p { font-size: 10px; line-height: 12px; color:#999; padding: 0px; margin: 0px; font-family: 'Verdana'; }
#footer-wrapper a { color:#999; text-decoration: underline;}
#footer-wrapper .links {
}
/*-- (Comments) --*/
#comments h4 {
font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#660000; border-bottom: solid 2px #660000;
}
#comments dl {
padding: 0px; margin: 0px;
}
.comment-author { margin: 15px 0 0 0; padding: 0px; font-size: 11px; line-height: 12px; color:#999; font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#666;}
.comment-author a { color:#cc0000; text-decoration: none;}
.comment-body { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;}
.comment-body p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;}
dd .comment-timestamp a {
color:#999999;
text-decoration:none;
}
dd.comment-footer {
margin-left:0; padding-left:0;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;
}
body#layout #outer-wrapper {
width: 740px;
margin-left: auto;
margin-right: auto;
}
body#layout #wrap2 {
width: 740px;
margin-left: auto;
margin-right: auto;
}
body#layout #content-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #header-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #footer-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #header-inner {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout .Menu {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #footer1 {
margin-left: 0px;
margin-right: 0px;
width: 740px;
padding: 0;
}
body#layout #main-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 500px;
padding: 0 0 0 0;
}
body#layout #sidebar-wrapper {
margin-left: 0px;
margin-right: 0px;
width: 240px;
padding: 0 0 0 0px;
}
body#layout #container-bottom {
width:740px;
margin:0 auto;
padding-top:15px;
}
body#layout #sidebar-itz {
margin-left: 0px;
margin-right: 0px;
width: 110px;
padding: 0 0 0 0px;
}
body#layout #sidebar-der {
margin-left: 0px;
margin-right: 0px;
width: 110px;
padding: 0 0 0 0px;
}
body#layout #sidebar-izq {
margin-left: 0px;
margin-right: 0px;
width: 110px;
padding: 0 0 0 0px;
}
body#layout .container-top {
width:740px;
margin:0 auto;
padding-top:15px;
}
]]>
skip to main |
skip to sidebar
Edit halaman ini (jika Anda punya izin) |
Google Documents -- Pengolah kata, presentasi dan spreadsheet web. 
