<< Back
Hello!
Welcome to my page codes. Press CTRL + C to copy.
<html><head>
<link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<!--------------------------------------
Blogger Classic Template
Name: Sprinkle Kitties
Skin by: anugerahsalsa.co.vu
Basecode by : kawaiilady.blogspot.com
*Don't remove this*
--------------------------------------!>
<center><div style="position:center;margin-top:25px;width:900px;border:4px solid #FFE3E3;background:url(http://i.imgur.com/y1CAtRV.png) ; height:314px;"><img src="http://25.media.tumblr.com/83592fdedb35eeb845b65ce75517bb68/tumblr_mvkzxlYun51s0s30po1_500.jpg" style="float:left;width:400px; height:314px;"><br/>
<div class="nana">Disclaimer</div><br/><div style="text-align:center; padding-left: 20px;font-size: 13px;margin: 10px;margin-left:400px;font-family:Imprima;">Asssalamualaikum, Hello, Bonjour, Annyeonghaseo, and Konnichiwa! Welcome to My online diary. Please, navigate around happily. And follow Me if you like My blog. Leave your footprint on My chatbox ^^ Hate My blog? Please, click <a href="javascript:window.close();">Here</a><br><br><br></div>

<!-------- NAVIGATION --------!>

<div style="font-size:20px;text-align:center; padding-left:22px;display:inline-block;center;">
<div class="top">
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Diary</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >Owner</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Friends</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML" >Stuffs</a></div>
</center>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>

<title> Sprinkle Kitties</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnvuxxQNP31qepbs7.gif">
<style type="text/css">
#navbar-iframe {
display: none;
}

body {
color:#333333;
background: url(http://i.imgur.com/Optg26z.png);
background-attachment:fixed;
cursor: url(http://media.tumblr.com/e3cc5d4449d9446e67d969ca5776f669/tumblr_inline_mfx4wjhQIT1qbq39l.png), auto;
font-family: Imprima;
line-height: 15px
font-size: 12px;
}
a:link, a:visited {
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:2px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#666;border:1px solid transparent;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth654.cur), progress;
}
a:hover{
border:1px solid #FFA3C2;
color:#999;
border-radius:10px;
}
::-webkit-scrollbar {
width: 9px;
height: 9px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFE8ED;
border: 4px double #FFC8D3;
}

img {
opacity:1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:2px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

img:hover {
opacity:0.6;
}
::-moz-selection {
background:#FFF2F5;
color:#FFA3C2;
}

::selection {
color:#FFA3C2;background:#FFF2F5;
}

blockquote {
border: 1px dashed #FFCFDA;
border-radius:5px;border-left: 12px solid #FFCFDA;
background:url(http://i.imgur.com/tJOuVgP.png);
padding :10px;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
blockquote:hover {
border: 1px dashed #FFC2D6;
border-radius: 30px;border-right: 12px solid #FFCFDA;
background:url(http://i.imgur.com/Optg26z.png);
-webkit-box-shadow: 0px 0px 12px 2px #FFE0E7;
-moz-box-shadow:    0px 0px 12px 2px #FFE0E7;
box-shadow:         0px 0px 12px 2px #FFE0E7;
}
.title-a {
font: 14px;
font-family: 'Imprima', cursive;
margin: 5px;
border-radius:10px;
text-transform:uppercase;
color:#666666;
letter-spacing:2px;
padding: 5px;
line-height:15px;
text-align: center;
border-left: 25px solid #FFD1E0;
border-right: 25px solid #FFD1E0;
border-top: 2px solid #FFD1E0;
border-bottom: 2px solid #FFD1E0;
background: #ffffff;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.title-a:hover {
border-left: 60px solid #FFD1E0;
border-right: 1px solid #FFD1E0;
}
.title-b {
text-align: center;
font:13px Imprima;
}

u {
text-decoration:none;
border-bottom: 1px solid Pink;
}

b {
color: Pink;
font-weight: bold;
}

strike {
text-decoration: line through;
color:#FFA4BC;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

strike:hover {
color: transparent;
}
a.tablo{
box-shadow:2px 7px 3px 3px #FFDCE1;
background:#FFCED5;
width:66px;margin:3px;
font:14px Imprima;
padding-top:26px;
padding-bottom:26px;
display:inline-block;
border-radius: 50px;
text-align:center;
color: #555;
text-transform:uppercase;
letter-spacing:1px;
border:0px dotted #FFEEF3;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a.tablo:hover{
background:#FFEBEF;
color:#FF6699;
-moz-transform: rotate(360deg) scale(0.7);
-webkit-transform: rotate(360deg) scale(0.7);
-o-transform: rotate(360deg) scale(0.7);
-ms-transform: rotate(360deg) scale(0.7);
transform: rotate(360deg) scale(0.7);
}
a.linkies {
display:inline-block;
background-color:#FFE4ED;width:100px;
background-image:url(http://sl.glitter-graphics.net/pub/727/727057f5owblcuts.gif);
background-repeat:no-repeat;
background-size:24px;
background-position:100% 100%;
padding: 5px;
border:2px solid #FFC2D7;
margin: 3px;text-align:left;
color:#222222;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.linkies:hover {
border-radius:10px;
color:#ffffff;
border:2px solid #FFE4ED;
background-color:#FFC2D7;
}
a.nav{
box-shadow: inset 9px 0 0px 0 #FFB2CC;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:4d4d4d;
width:350px;
border:1px solid #FFCCFF;
border-left:20px solid #F4D4FF;
width: 350px;
overflow: hidden;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a.nav:hover{
box-shadow: inset 850px 0 0px 0 #FFFFFF;
color: #555;
}
a.uhmy {
letter-spacing:1px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin:2px;
text-transform:uppercase;
display:inline-block;
font:9px Imprima;
text-align:center;
background: #ffffff;
width:350px;
color:#777;
padding:3px;
border:1px solid #FFC2D6;
text-decoration:none;
}
a.uhmy:hover{
border-left:1px solid #FF6699;
color:#ff6699;
border:1px solid #FFC2D6;
}
.cutie {
background: #ffffff;
color: #6C6C6C;
font-size: 11px;
padding: 4px;
width: 250px;
border-radius: 10px;
text-align: justify;
}
.nana {
font:13px;background:#FFF5F7;
font-family: 'Imprima', cursive;
margin-right:20px;margin-top:5px;margin-bottom:5px;
margin-left:425px;padding:3px;
text-align: center;border-radius:10px;
border: 2px solid #FFD1E0;box-shadow:2px 2px 4px #FFE4EA;
}
.mimi {
font: 14px;padding-left:9px;
font-family: 'Imprima', cursive;
margin-bottom: 5px;margin-top: 10px;
border-radius:30px;
color:#666666;
letter-spacing:2px;
padding-top: 7px;padding-bottom: 7px;
text-align: left;
background-color:#FFF2F7;
background-image:url(http://sl.glitter-graphics.net/pub/727/727057f5owblcuts.gif);
background-repeat:no-repeat;
background-size:24px;
background-position:95% 100%;
border: 2px solid #FFC2D7;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.mimi:hover {
border-radius:0px;
}

.old {
background: url(http://i.imgur.com/6KKVi.gif);
font:12px Imprima;
padding:2px;
text-align:center;
}
/* Comment Start
----------------------------------------------- */
#comments h4 {
text-align:center; color: #555555;
font-weight:normal;
font:17px Imprima;
font-style:italic;
}
#comments-block {
width:480px;
margin:1.5em;
color:#444444;text-align:left;
font:11px Imprima;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border-radius: 5px;
box-shadow:0px 0px 4px 2px #FFE6EA;
border:2px dashed #FFFFFF;
margin:0em;text-align:center;
padding:5px;
color:#333333;
}
.comment-timestamp {
margin:1em;
text-align:center; color: #555555;
font-weight:normal;
font:15px georgia;
}
.comment-data {
margin-top:5px !important;margin-bottom:10px !important;
padding:3px;
color:#666666;text-align:center;
}
.comment-icon blogger-comment-icon{display:none}
span.comment-icon{display:none}

.deleted-comment {
font-style:italic;
color:#B2B2B2;
}
/* Comment Ends
----------------------------------------------- */
</style>
</head>

<!-------- MAIN WRAPPER --------!>

<table style="margin-bottom: 10px;margin-top:30px;font-size:13px;padding-left: 10px;padding-right: 10px; line-height: 16px; background:url(http://i.imgur.com/5Dy51.png); border: 4px solid #FFE3E3; border-bottom:20px solid #FFE3E3;border-top:10px solid #FFE3E3;" width="900" align="center" border="0" cellspacing="10";>
<tbody><tr>
<td valign="top" style="width:530px; padding-right:5px; border-right:2px solid #ffeeee; padding-bottom:5px;; padding-left:15px; ">
<div id="page">
<blogger><div class="title-a"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Kittie(s)</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$> posted :</h4></center>
<center>
<dl id="comments-block">
<div style="width:475px;padding:5px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$I18NCommentAuthorsaid$><a name="<$BlogCommentAnchorName$> <$I18NAtCommentTimeWithPermalink$></a>
</dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl></center>
</div>
<center><p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
    </div>
</ItemPage></center>
<br />
</blogger>

<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts</a>  |  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts</a></OlderPosts></center></div>

<!-------- SIDEBAR WRAPPER --------!>

<td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-right:10px;"background:url(http://i.imgur.com/5Dy51.png);>

<div class="cutie">
<div class="mimi">Do follow Me</div><br>
<center><img src="http://24.media.tumblr.com/tumblr_lxqvv3TjEE1qj39tmo1_500.jpg" width="240" height="150"><br><br>
<div style="font-size: 13px;text-align: center;font-family: 'Imprima', cursive;border-radius: 10px;background:#ffffff;color:808080;"><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">+Follow</a> | <a href="http://www.blogger.com/home" ">Dash</a></div>

<div class="cutie">
<div class="mimi">Kittie Talkie</div><br>

<center><img src="http://25.media.tumblr.com/tumblr_lwat4arxgl1qj39tmo1_500.jpg";width="240" height="150"><br>
<center>Don't use harsh word!<center>
<center>Put your blog url!<center><br>

Your Chatbox Code Here!
<div class="cutie">
<div class="mimi">My Articles</div><br>
<center><img src="http://24.media.tumblr.com/013ce97bbba9494432e064f3f435b6dc/tumblr_met91bvJNF1rbavh7o1_500.png" width="230" height="150"><br><br>
<center><div style="border:3px solid Pink;background:url(http://i.imgur.com/tJOuVgP.png); width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div></center><br><br>

Template By: <a href="http://www.anugerahsalsa.co.vu/">Anugerah</a> <a href="blogskins.com/me/anugerahsalsa">Salsa</a><br>
Basecode By: <a href="http://kawaiilady.blogspot.com/">Kawaii</a> <a href="blogskins.com/me/teddy_chimi">Lady</a><br>
Some stuff: <a href="http://nurulatiqahjaidin.blogspot.com/">♥ </a><a href="https://www.google.com.my/">♥</a><a href="http://wanaseoby.blogspot.com/"> ♥</a><a href="http://www.screamcute.com/"> ♥</a><br>
</div>
</td>
</tr></tbody>
</table>

<!-------- PAGE WRAPPER --------!>

<div id="profile" style="display: none;">
<div class="title-a">Lady Behind The Screen</div><br>
<center><img src="http://24.media.tumblr.com/tumblr_l88yuezkoN1qafocqo1_500.png"width="450" /></center><br>
<center><u>Hello, I'am just a normal girl like other</u><br><br>
<div style="text-align: left; padding-left: 30px;">
<b>Name</b> : Kitty White <br>
<b>Born on</b> : 1 November 1974 <br>
<b>State</b> : Japan <br>
<b>Country</b> : Harajuku City <br>
<b>Language</b> : Kawaii <br>
<b>Wishes</b> : Dream come true <br>
<b>Hobby</b> : Meowing & Online <br>
<b>Colection</b> : Some tiny stuffs like candy, stars, and ribbons. <br>
<b>Ambition</b> : Chef <br>
<b>Quotes</b> : Smile sweetly like muffin :') <br>
<b>Contact</b> : <a href="https://twitter.com/YOUR TWITTER">Twitter</a> | <a href="http://www.facebook.com/YOUR FB">Facebook</a></center><br><br></center>
<div style="text-align: left; padding-left: 30px; padding-right: 20px;">
<u>I love </u><br><br>
♥  Pie Cake <br>
♥  Apple Pie <br>
♥  Tiny Stuffs <br>
♥  Vinyl Scratch <br>
♥  Kawaii Stuffs <br>
♥  Friendship <br><br>
<u>I Hate </u><br><br>
✖  CopyCat <br>
✖  Back Stabbers <br>
✖  Hipokrit <br>
✖  Couple <br>
✖  Make up <br>
✖  Annoying person<br>
✖  Insects <br><br>
<center><u>About this blog</u><br><br>This blog has been created at the beginning of 2012 ... don't remember when ;) The aim is just for fun.. Ngee ..<br><br>
<center><u>Replace this!<u><br><br>

<div id="links" style="display: none;">
<div class="title-a">Link Exchanges</div><br>
<center>
<img src="http://cdn.klimg.com/vemale.com/g/serba_hello_kitty_dari_kue_hingga_rumah_bersalin/p/hellokitty_27_06_2012-20120627-004-rita.jpg"width="450" /><br><br>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;"><img src="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png" />&nbsp; Exchange link? tell me at my cbox...<br>
<img src="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png" />&nbsp; Put mine as...<br>
<img src="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png" />&nbsp; Also include your nickname to put...<br><br><br>

<a class="linkies" href="http://anugerahsalsa.blogspot.com/">Salsa</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a><br/><br/>
</div>
<div id="rules" style="display: none;">

<div class="title-a">Read this rules first</div><br>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://24.media.tumblr.com/tumblr_lukvgcEWxA1qj39tmo1_500.jpg" width="450" /></div><br>

<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
<img src="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png" />&nbsp; 1. your rules.<br>
<img src="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png"/>&nbsp; 2. your rules.<br>
<img src="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png" />&nbsp; 3. your rules.<br>
<img src="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png" />&nbsp; 4. blablabla.<br>
<img src="http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png" />&nbsp; 5. blablabla.<br><br><br></div>

<div style="text-align: center;">
<span onClick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML"><b><u>Tutorial</u></b></span>   or   <span onClick="document.getElementById('page').innerHTML=document.getElementById('free').innerHTML"><b><u>Freebies</u></b></span><br>
</div>
<div id="stuff" style="display: none;">

<div class="title-a">Blog Tutorial</div><br>
<center><img src="http://25.media.tumblr.com/87ef6b12c3bcf3d20fa6cb338555b11f/tumblr_mv2wmcEu6J1rpjqjso1_500.png"width="450" /></center><br>
<br><br>
<center><u>Tutorial</u><br><br>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<br><br><br><br></center>
<center><span onClick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML">< Return</span></center></div>

<div id="free" style="display: none;">
<div class="title-a">Extras by me :</div><br>
<center><img src="http://25.media.tumblr.com/16488583e522cc7c7fcd594e64cdd23e/tumblr_mvhnosrUmI1shp3r2o1_500.jpg"width="450" /></center><br />
<br /><br />
<center><u>Template designer.</u><br><br>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<br><br><br><span onClick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML">< Return</span>
</div></center>

<div id="diary" style="display: none;">
<blogger><div class="title-a"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Kittie(s)</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$> posted :</h4></center>
<center>
<dl id="comments-block">
<div style="width:475px;padding:5px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$I18NCommentAuthorsaid$><a name="<$BlogCommentAnchorName$> <$I18NAtCommentTimeWithPermalink$></a>
</dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl></center>
</div>
<center><p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
    </div>
</ItemPage></center>
<br />
</blogger>

<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts</a>  |  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts</a></OlderPosts></center></div>

</body></html></table>
Arrien