TITLE ITO
NG BLOG
hehe
with title

Hi: Hello
Hello: Hi

July 5th, 2013 10:25 AM

Hi: Hello
Hello: Hi

July 5th, 2013 10:24 AM

with churva

July 5th, 2013 10:24 AM
"This is a quote.This is a quote.This is a quote."
— with source

July 5th, 2013 10:24 AM
"This is a quote.This is a quote.This is a quote.This is a quote."


July 5th, 2013 10:23 AM
July 5th, 2013 10:23 AM

photoset with caption

July 5th, 2013 10:23 AM
July 5th, 2013 10:22 AM
with caption

with caption

July 5th, 2013 10:22 AM
with title

<html>

<head>

<link href=’http://fonts.googleapis.com/css?family=Monoton|Oswald:400,700,300’ rel=’stylesheet’ type=’text/css’>

<Title>{Title}</Title>

<link rel=”shortcut icon” href=”{Favicon}”>

<link rel=”alternate” type=”application/rss+xml” href=”{RSS}”>

{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}

<!— APPEARANCE —>

<meta name=”color:Background” content=”#FFFFFF”>

<meta name=”color:Box” content=”white”>

<meta name=”color:Chat” content=”#333333”>

<meta name=”color:Chat Color Line 1” content=”#FFFFFF”>

<meta name=”color:Chat Color Line 2” content=”#FFFFFF”>

<meta name=”color:Font” content=”#333333”>

<meta name=”color:Quote” content=”#cc3366”>

<meta name=”color:Pagination” content=”#009980”>

<meta name=”color:Pagination hover” content=”#FFB90D”>

<meta name=”color:Posts” content=”#666666”>

<meta name=”color:Post Info Font” content=”#cc3366”>

<meta name=”color:Title” content=”#FFFFFF”>

<meta name=”if:Content Width 500” content=”0”/>

<meta name=”if:Content Width 600” content=”0”/>

<meta name=”if:Content Width 700” content=”1”/>

<meta name=”if:Background Image Fixed” content=”“>

<meta name=”if:Enable Image Opacity” content=”1”>

<meta name=”if:Enable Silent Click” content=”1”>

<style type=”text/css”>

@font-face {

  font-family: “Code_light”;

  src: url(‘http://www.mediafire.com/download/4u72fwustpdksk0/CODE_Light.otf’);

}

@font-face {

  font-family: “Code_bold”;

  src: url(‘http://www.mediafire.com/download/pqg8d8w5rorgw8p/CODE_Bold.otf’);

}

body

 {

background-repeat:repeat;

margin:-1px;

color:black;

font-size:12px;

font-family:Arial;

 background: white;

   }

a, a:visited, a:active {

color:#B8A12B;

text-decoration:none;

font-family:century gothic;

-webkit-transition-duration: .30s;

}

strong{

color:#EACC39;

font-style:bold;

}

a:hover {

-webkit-transition-duration: .30s;

font-size:10px;

font-family:century gothic;

opacity:0.75;

}

c{

    display:inline-block; 

    background:#EFC2D3; 

    text-align:center; 

    letter-spacing:2px; 

    width:20px; 

    line-height:14px; 

    color:white;

    border-bottom:1px solid white;}

c:hover{

    background-color:white;

    color:#FFD6E5;

}

d{

    display:inline-block; 

    background:#FFFFCC; 

    text-align:center; 

    letter-spacing:2px; 

    width:120px; 

    line-height:14px; 

    color:white;

    border-bottom:1px solid white;}

d:hover{

    background-color:white;

    color:#FFD6E5;

}

.title {

font-size:2.4em; 

color:#333333; 

line-height:90%;

border-left-style:solid 1px #2D2D2D;

border-right-style:solid 1px;

font-family: Code_bold;

text-align:left;

font-weight:bold;

text-transform:uppercase;

}

.title:hover {

-webkit-transition-duration: .30s;

color:gray ;

}

.link {

font-size:19px;

color:#FFCC33;

}

.link:hover{

font-style: underline;

}

.quote {

font-weight:bold;

font-size:2.4em;

font-style:normal;

font-family: Code_bold;

line-height:28px;

color:#333333; 

text-align:center;

}

.odd {

color:black;

padding: 1px;

}

.even {

color:gray;

padding: 1px;

}

blockquote {margin: 5px 0px 10px 10px; padding-left: 5px; border-left: 1px dotted #333333; width: 450px;}

blockquote img, blockquote a img {max-width: 450px; border: none;}

/* THE SPEECH BUBBLE

———————————————————————————————————————————————————————————————- */

.bubble {

  position: relative;

  background-color:#eee;

  margin: 0;

  padding:10px;

  text-align:center;

  width:480px;

  -moz-border-radius:10px;

  -webkit-border-radius:10px;

  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25);

  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25);

  box-shadow: 0px 0 3px rgba(0,0,0,0.25); 

}

.bubble:after {

  position: absolute;

  display: block;

  content: “”;  

  border-color: #eee transparent transparent transparent;

  border-style: solid;

  border-width: 10px;

  height:0;

  width:0;

  position:absolute;

  bottom:-19px;

  left:1em;

}

#content {

top:0px;

bottom:0px;

width:80em;

background-color: white;

margin:0 auto;

margin-top:3em;

word-wrap:break-word;

}

#post{

    background:transparent; 

    border:1px solid #c3c3c3; 

    width:600px;

    overflow:auto;

    margin-bottom:10px;

    word-wrap:break-word;

    padding:5px;

    }

#in{

    width:570px;

    text-align:justify; 

    overflow:auto;

    width:90%;

    padding-left:10px;  

    padding-right:10px;

    margin:0 auto;

}

#sidebar{

top:20px;

float:right;

width:25em;

 border:1px solid #c3c3c3; 

height:100%;

}

#sidebarr {

top:30px;

z-index:4;

width:230px;

position:absolute;

right:50px;

padding-right:10px;

padding-left:10px;

padding-top:6px;

opacity:0.99;

background:white;

}

#lbl2{

width:98%;

text-align:right;

display:block;

font-size:12px;

text-transform:uppercase;

letter-spacing:2px;

color:gray;

}

#box{

width:100%;

position: relative;

padding-left:2px;

padding-bottom:5px;

padding-top:5px;

border-color: #FFE6EE;

border-left-style:solid 1px;

border-right-style:solid 1px;

color:#4D383F;

}

#img{

    -webkit-transform: rotate(-5deg);

    -moz-transform: rotate(-5deg);

    -o-transform: rotate(-5deg);

   -moz-box-shadow: 1px 1px 5px #999;

    -webkit-box-shadow: 1px 1px 5px #999;

        box-shadow: 1px 1px 5px #999;

    padding-bottom:10px;

    padding-top:10px;

    width:250px;

    }

  #img:hover{

      -webkit-transform: rotate(-2deg);

    -moz-transform: rotate(-2deg);

    -o-transform: rotate(-2deg);

  }

.img {

{block:IfEnableImageOpacity}

-webkit-transition:.3s; 

filter: alpha(opacity=100); 

opacity:1.0; 

{/block:IfEnableImageOpacity}

}

.img:hover {  

filter:gray;

}

ol.notes {

padding:0px;

margin:0px auto;

list-style-type: none;

}

ol.notes li.note img.avatar {

width: 10px;

height: 10px;

}

ol.notes li.note span.action {

font-weight: normal;

}

ol.notes li.note .answer_content {

font-weight: normal;

}

#top{

margin-top:2em;

background:#111111;

text-align:center;

width:100%;

height:1.8em;

color:#f9f9f9;

font-size:3em;

text-transform:uppercase;

z-index:2;

}

#top .inside{

 width:28em;

 margin:0 auto;

 height:100%;

}

.tit{

 width:9em;

 height:100%;

 background: url(‘http://i1208.photobucket.com/albums/cc372/krstinaSan/diag_zps3ee734b1.png’) no-repeat right;

 background-size:2em ;

 margin:-1px;

 padding-right:2em;

 text-align:right;

 line-height:90%;

 z-index:80;

 float:left;

}

#navi{

    left:25px;

    top:155px;

    position:fixed;

    z-index:90;

    opacity:0.9;

}

#main{

  width:28em;

  height:100%

  background:white;

  border:1px solid gray;

}

{CustomCSS}

</style>

</head>

<body>

    <div id=’top’>

        <div class=’inside’>

            <div class=’tit’> TITLE ITO<BR>NG BLOG

            </div

            <span style=’color:white;text-align:left; font-size:11px’>

            hehe

            </span>

        </div>

    </div>

<div id=”content”>

    <div id=’sidebar’>

    </div>

{block:Posts}

<div id=”post” >

<div id=’in’>

<!—TEXT—>

{block:Text}

{block:Title} <a href=”{Permalink}”><div class=”title”>{title}</div></a>{/block:Title}

<p>{Body}</p>

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Text}

<!—PHOTO—>

{block:Photo}

<center>{LinkOpenTag}<img src=”{PhotoURL-500}” alt=”{PhotoAlt}” >{LinkCloseTag}</center>

{block:Caption}{Caption}{/block:Caption}

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Photo}

<!—PHOTOSET—>

{block:Photoset}

<center>{LinkOpenTag}{Photoset-500}{LinkCloseTag}</center>

{block:Caption}{Caption}{/block:Caption}

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Photoset}

<!—QUOTE—>

{block:Quote}

<div class=”quote”>”{Quote}”</div>

{block:Source}— {Source}{/block:Source}

<br><br>

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Quote}

<!—LINK—>

{block:Link}

<div class=”link”><a href=”{URL}” target=”blank”>{Name} &rarr;</a></div>

{Description}

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Link}

<!—CHAT—>

{block:Chat}

{block:Title}<div id=”titlebg”><div class=”title”>{Title}</div></div>{/block:Title}

<br>

{block:Lines}<div class=”{Alt}”>{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}

<br>

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Chat}

<!—AUDIO—>

{block:Audio}

{block:AlbumArt}<img src=”{AlbumArtURL}” width=”55px” height=”55px” align=”left”>{/block:AlbumArt}

{AudioPlayerGrey}

{PlayCountWithLabel}

{block:Caption}{Caption}{/block:Caption}

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Audio}

<!—VIDEO—>

{block:Video}

<center>{Video-400}</center>

{block:Caption}{Caption}{/block:Caption}

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Video}

<!—Q&A—>

{block:Answer}

<div class=”bubble”><span style=”font:28px; float:left;”><strong>Q:</strong></span><center><span style=”font-size:15px;”>{Question}</center></span><br></div>

<img src=”{AskerPortraitURL-24}”>{Asker}

<br>

<p>{Answer}</p>

<div id=”lbl2”>{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} {12Hour}:{Minutes} {CapitalAmPm}{/block:Date}{block:NoteCount}   / {NoteCountWithLabel}{/block:NoteCount}

</div>

{/block:Answer}

<!— PERMALINK PAGE—>

{block:PermalinkPage}

<div style=”padding:5px; background-color:{color:Box}; margin-bottom:5px; width:500px;”>

Notes: {block:NoteCount}{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}

{block:HasTags}Tagged as: {block:Tags}<a href=”{TagURL}”>{Tag}</a>, {/block:Tags}<br>{/block:HasTags}

{block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}

</div>

{/block:PermalinkPage}

<!—NOTES—>

{block:PostNotes}

<div style=”padding:5px; background-color:{color:Box}; margin-bottom:5px;width:100%;”>

{PostNotes}

{/block:PostNotes}

</div>

</div>

{/block:Posts}

{block:Pagination}

            {block:PreviousPage}

                <a href=”{PreviousPage}”>Previous</a>

            {/block:PreviousPage}

            {block:JumpPagination length=”5”}

                {block:CurrentPage}

                    <span class=”current_page”>{PageNumber}</span>

                {/block:CurrentPage}

                {block:JumpPage}

                    <a class=”jump_page” href=”{URL}”>{PageNumber}</a>

                {/block:JumpPage}

            {/block:JumpPagination}

            {block:NextPage}

                <a href=”{NextPage}”>Next</a>

            {/block:NextPage}

        {/block:Pagination}

</div>

</div>

</center>

</body>

</body>

</html>

July 5th, 2013 10:22 AM
1 2 Next