新更新 UPDATES : STILL IN PROCESS











June 04, 2014
04 June 2014
WRITTEN BY CECELIA



 photo 0S5502143-1.jpg 

好吧 刚刚我发了很多关于图片 EFFECT 的教程.
我希望你们都看一看这一篇文章,过后再做你的 Effect也不迟 :3

在这里,我要提醒大家关于代码的一件事,你们加入 effect之前,请记得用 ctrl+f 找寻 img ,如果有,代表你之前已有弄过 effect,有必要的话得删掉里面的代码.

img  与 img:hover 之间的分别

有为亲曾经问过我 这两者有何分别?
有分别的 :3
img - 就是你直接看到的效果
img:hover - 你要用鼠标碰它才会出现效果


如果我之前已经有 img 这个代码,要怎样?

别怕别慌 如果你有 img 这个代码 你其实不必删 除非你想删
你只需要 把 img { .............. } 中间那个 ... 那里进行更改罢了
要加于美化代码,也是加进那里哦

还有问题的话,可以问我的哦 :3 别害羞

Labels: ,



June 04, 2014
WRITTEN BY CECELIA



TYPE (A) 已圆


TYPE (B) HOVER后才圆



Blog Template

TYPE (A)


1. 到Template-EDIT HTML.
2. 拷贝代码,然后贴在 img { 的下面.
3. PREVIEW SAVE.

TYPE (B)


1. 到Template-EDIT HTML.
2. 拷贝代码,然后贴在 img:hover { 的下面.
3. PREVIEW SAVE.



            



BLOGSKIN


TYPE (A)


1. 到Template.
2. 拷贝代码,贴在 img {的下面.
3. PREVIEW - SAVE.


TYPE (B)


1. 到Template.
2. 拷贝代码,贴在 img:hover {的下面.
3. PREVIEW - SAVE.


border-radius: 10; 



-完-


不理解的话请发问






Labels: ,



June 04, 2014
WRITTEN BY CECELIA



HOVER TO PREVIEW


Blog Template

1. 到Template-EDIT HTML.
2. 拷贝代码,然后贴在 ]]></b:skin> 的上面.
3. PREVIEW SAVE.


BLOGSKIN

1. 到Template.
2. 拷贝代码,贴在 </style> 的上面.
3. PREVIEW - SAVE.



img{
opacity: 0.1;
-moz-opacity: 0.1;
filter: alpha(opacity=100);
}

img:hover{
filter: alpha(opacity=75);
moz-opacity:.75;
opacity:.75;
}


Labels: ,



June 04, 2014
WRITTEN BY CECELIA



HOVER TO PREVIEW


Blog Template

1. 到Template-EDIT HTML.
2. 拷贝代码,然后贴在 ]]></b:skin> 的上面.
3. PREVIEW SAVE.


BLOGSKIN

1. 到Template.
2. 拷贝代码,贴在 </style> 的上面.
3. PREVIEW - SAVE.



img{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
filter: none;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

img:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
}


Labels: ,



June 04, 2014
WRITTEN BY CECELIA



HOVER TO PREVIEW


Blog Template

1. 到Template-EDIT HTML.
2. 拷贝代码,然后贴在 ]]></b:skin> 的上面.
3. PREVIEW SAVE.


BLOGSKIN

1. 到Template.
2. 拷贝代码,贴在 </style> 的上面.
3. PREVIEW - SAVE.



img{
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

img:hover{
-webkit-filter: hue-rotate(90deg);
}


Labels: ,



June 04, 2014
WRITTEN BY CECELIA



HOVER TO PREVIEW


Blog Template

1. 到Template-EDIT HTML.
2. 拷贝代码,然后贴在 ]]></b:skin> 的上面.
3. PREVIEW SAVE.


BLOGSKIN

1. 到Template.
2. 拷贝代码,贴在 </style> 的上面.
3. PREVIEW - SAVE.



img{
opacity:1;
filter: none;
-webkit-filter: grayscale(0);}

img:hover{
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;}


Labels: ,



June 04, 2014
WRITTEN BY CECELIA



HOVER TO PREVIEW


Blog Template

1. 到Template-EDIT HTML.
2. 拷贝代码,然后贴在 ]]></b:skin> 的上面.
3. PREVIEW SAVE.

BLOGSKIN

1. 到Template.
2. 拷贝代码,贴在 </style> 的上面.
3. PREVIEW - SAVE.

img{
opacity:1;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

img:hover{
opacity:0.4;
}

Labels: ,



June 04, 2014
WRITTEN BY CECELIA



 photo 12257061_1341646985747_800x600.jpg


例图如上
这个东西,能够方便别人跟你交换连接,放什么名呀,连接阿,全部都齐全。
不妨试试 :)
Blog Template

1.  到Template-EDIT HTML.
2. 拷贝代码,然后贴进自己想放的地方
3. PREVIEW SAVE.


BLOGSKIN

1. 到Template.
2. 拷贝代码,贴进自己想仿的地方
3. PREVIEW - SAVE.
<input onclick="this.focus()" onfocus="this.select()" size="11" style="background-color: white; border: 1px solid #eee; color: #666666; font: 11px trebuchet ms; margin-right: 6px; padding-left: 4px; padding: 2px; width: 180px;" type="text" value="Cecelia" /><input onclick="this.focus()" onfocus="this.select()" size="11" style="background-color: white; border: 1px solid #eee; color: #666666; font: 11px trebuchet ms; padding-left: 4px; padding: 2px; width: 180px;" type="text" value="http://celia-riin-26.blogspot.com/" />


 photo icon2.png解释
橙色字眼 : 放的名字
紫色字眼 : 链接

如果你们要美化它,比如换框色,可以问我哦 :3

-完-

Labels: ,



June 02, 2014
02 June 2014
WRITTEN BY CECELIA



大家哈咯~
我是Malaysia Chabor :3 Cecelia 博主小姐
今天又来跟大家分享教程啦 开心某?
想要在link hover有title出来?我现在就教你 :D
以下是例图:

 photo Untitled3.jpg  

 photo Untitled2.jpg

好啦 废话少说 :3 开始写教程


1. 到Template.
2. 按ctrl+f,然后寻找以下字眼:
</body>
3. 拷贝以下的代码,贴在</body>下面:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>

4. 再寻找 </style>,拷贝以下代码,贴在它上面,不用我多说,自己应该会自行更改吧.

#s-m-t-tooltip {
background: #fff;
font-size: 11px;
line-height: 11px;
font-family: trebuchet ms;
text-transform: lowercase;
color: #000;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 0px;
border: 1px solid #FF84B1;
}

5. preview过后,save.


注意:

<a link href="http://link.com/" title=" 你要出现字 ">LINK 1 <a>

粉色字眼区一定要有,没有的话,请自行添加。

-完-

Labels: ,



April 15, 2014
15 April 2014
WRITTEN BY CECELIA



好久的一次更新教程 :)
这次回归带来的,是HIGHLIGHT的教程,以下是一些例子哦哦,不明可以发问 :D

 此效果只能支持 GOOGLE CHROME + MOZILA FIREFOX 浏览器

(1)



(2)



当然当然 只是一些例子罢了 还有很多哦
好吧 不浪费口水 现在开始呗


Blog Template

1. 到 EDIT HTML .
2. 按 ctrl+f ,寻找一下字眼 .


a:link {

3. 拷贝以下的代码 贴在上面.

类型(1)
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::selection {
background:#000000;
color:#FFFFFF;
}

类型(2)
::-moz-selection {
text-shadow: 0 0 0.2em #DBA901, 0 0 0.2em #DBA901;
background:#fff;
color:#fff;
}
 ::selection {
text-shadow: 0 0 0.2em #DBA901, 0 0 0.2em #DBA901;
background:#fff;
color:#fff;
}

4. save,别忘了试一试它的效果.


解释
橘色字眼: HIGHLIGHT的背景颜色
蓝色字眼: HIGHLIGHT的字颜色
红色字眼: Text-shadow的效果 可自行更改 我不多解释






BLOGSKINS

1. 到 TEMPLATE .
2. 按 ctrl+f ,寻找一下字眼 .
</style>
3. 拷贝以下的代码 贴在上面.

类型(1)
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::selection {
background:#000000;
color:#FFFFFF;
}

类型(2)
::-moz-selection {
text-shadow: 0 0 0.2em #DBA901, 0 0 0.2em #DBA901;
background:#fff;
color:#fff;
}
 ::selection {
text-shadow: 0 0 0.2em #DBA901, 0 0 0.2em #DBA901;
background:#fff;
color:#fff;
}

4. save,别忘了试一试它的效果.


解释
橘色字眼: HIGHLIGHT的背景颜色
蓝色字眼: HIGHLIGHT的字颜色
红色字眼: Text-shadow的效果 可自行更改 我不多解释 

Labels: ,



March 06, 2014
06 March 2014
WRITTEN BY CECELIA



自己到这个网站,跟着做~~

http://cbox.ws/getone.php








如果要得到代码,按 "PUBLISH" 字眼,然后会出现以下图的画面,copy代码进去你所要放的地方,就可。







Labels: ,



February 24, 2014
24 February 2014
WRITTEN BY CECELIA



有不少的亲故们私信我要如何在部落格里添加音乐,这次就教大家特别的~~


类型一


以上示范列.

1.  到 http://playlist.me/w/i.php .

2. 你就会看到以下的图,选着你想要的背景设计,按Next继续 .

3. 接着贴上mp3链接,再按next,


4. 接着会看到如下图,没有更改的话,直接按Done.


5. 拷贝里面的代码,贴进自己想要放的地方.





类型二


1. 来到另一个地方, http://playlist.me/skins/


2. 你会看到以下的图.


3. 按一个你喜欢的设计,然后找上面, 有着 Player字眼的,如下图


           Player


4. 同样的步骤,我不多说了. 最后记得要检查有没有错误,保存.


-fin-

Labels: ,



February 16, 2014
16 February 2014
WRITTEN BY CECELIA



给 : 面包酱的教程

如乱,请见谅,有任何事在此贴留言,在cbox留言的一律不复.
还有记得把代码都换完才行,要不然preview出来的,不懂是什么东西.

亲谨记:如果要使用Blogskin,到 Template 去把 BT 换去 BS.




SAMPLE SKIN OF BLOGSKIN



<html>
<head>
<title>BLOG TITLE</title>
<style type="text/css">
-CSS CODES HERE-
</style><body>
-CONTENT HTML CODES-
</body></html></head>




-------------------我是可爱的分割线-------------------



开始教学 :))

1. 首先,在电脑里开个Microsoft Text File,如果你自以为很panai的话,就用 notepad 啦 -.-
把以下的代码拷贝,贴进去,更换掉颜色字眼去你所要的. (多余的我不解释 xDD 亲们也懂英语的吧)


<html>
<head>
<title>BLOG TITLE</title>
<style type="text/css">
-CSS CODES HERE-</style><body>
-CONTENT HTML CODES-</body></html></head>




2. 拷贝,贴进 -CSS CODES HERE- 一个一个来,免得弄混,没有颜色的字,千万千万别跑去碰~~


BODY 整体
#navbar-iframe {
display: none;
}
 body {
background: #ffffff;font-size: 12px;
font-family: 'Fresca', sans-serif;}


亮粉字眼 :
background: 背景
font-size: 字体大小(建议11px)
font-family: 字体(如 arial // verdana 等)




POST 帖子
#post {
background: #fff;
border:5px solid #84C1FF;
width:450px;
height:650px;
left:0px;
top: 50px;

position: absolute;
padding: 30px;
overflow: auto;
}
 .post-title {
color: #66B3FF;
border-bottom: dotted 1px #84C1FF;
text-shadow: 1px 1px 2px #ECFFFF;
padding:2px;
font-size: 35px;
font-family: 'Inder', cursive;
text-align:center;

}

.date {
font-family: trebuchet ms;
letter-spacing: 2px;
font-size:10px;
margin-bottom:2em;
}


黄色字眼 :
background: 背景
border: 框框种类 (参考可到此 按我:33
width: 帖子宽度
height: 帖子高度
凡是看见 top / bottom / left / right : 方向与位置


绿色字眼 :
可参考此 按我:33


MORE 更多美化 (请自行改变~因为你们懂很多美化方法 xDD)一样贴进 CSS 那里

LINK 链接

a:link, a:visited {
text-decoration: none;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://i1259.photobucket.com/albums/ii546/Cecelia2620/IMG12.jpg) ;
background-position:60% 20%;
-webkit-transition-duration: .7s;
}
 a:hover {
text-decoration: none;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://i1259.photobucket.com/albums/ii546/Cecelia2620/IMG12.jpg) ;
background-position:20% 70%;
-webkit-transition-duration: .7s;
cursor: hand;
}


BLOCKQUOTE
blockquote{
padding: 10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJdSfnqNzdZTNejzK1f2g9e0Lwbcd62fGjN9kBMFqgIeeAtWppJaJrymEkHOF4FRhigN2k1ZK3ditqTcW7Knz2kyZJMjvjLwKvIUiCia8-UuKlAPaNNwg1BEeqT9u2B_Mm8WG6oXpicT4/s1600/smallpattern-7.png);
padding:10px;
color: #666666;
font-size: 12px;
font-family: 'Pontano Sans';
letter-spacing:1px;
margin-left:30px;
margin-right:30px;
border:3px solid #DCDCDC;
-webkit-transition: all 0.5s ease-in-out;
-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;
}


BOLD 粗体字眼        
b {
font-size: 15px;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://i1259.photobucket.com/albums/ii546/Cecelia2620/f3dd104c510fd9f9245d5853272dd42a2834a463.jpg) ;
background-position:50% 70%;
-webkit-transition-duration: .7s;
}



UNDERLINE 画线字眼
u {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://i1259.photobucket.com/albums/ii546/Cecelia2620/f3dd104c510fd9f9245d5853272dd42a2834a463.jpg) ;
background-position:80% 70%;
text-decoration: none;
border-bottom: 2px solid #E1ECEE;
}
OK!CSS篇完毕~~
现在来到 CONTENTS 那里,跟得上教程吗?

3. 拷贝,贴进 -CONTENT HTML CODES-



<blogger><div id="post"><div class="post-title"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle></div> <div class="date"><BlogDateHeader><$BlogDateHeaderDategt;</BlogDateHeader> | <$BlogItemDateTimegt; | <a href="<$BlogItemCommentCreategt;"<$BlogItemCommentFormOnClickgt;><$BlogItemCommentCountgt;comments</a></BlogItemCommentsEnabled></div> <$blogitembodygt;</blogger><br> <center><OlderPosts><a href=<$OlderPostsgt;>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPostsgt;>Newer Post</a></NewerPosts></center></div>
</div></div>


然后~~是Microsoft的,就贴近 Notepad去~~
把file save as : blogskin.html
过后preview,看看有没有问题~~


Labels: ,



February 12, 2014
12 February 2014
WRITTEN BY CECELIA



其实代码很简单,这是给有需要的人使用,如果是代码初学者,我不强迫你看,但我觉得会对你有用。
我懂很烂啦 -.- (欢迎批评 :D)

添加图片:

<img src="图片链接" />

添加链接:

<a href="链接">名字</a>

空行:
<br> 

空格:

&nbsp; 

颜色代码 // 框框类型:

点我 :3


Labels: ,



February 11, 2014
11 February 2014
WRITTEN BY CECELIA




下图为Sample,如果看不清楚,按按我的那些页面快捷.


事先声明哦,虽然代码都是一样的,可是!我可以教你美化到漂漂亮亮,样式较多。还有,请你有耐心地看完,做错一样东西都会很乱。
此教程仅本小姐,博主我有,不许转载,转载者,后果自负.

Blog Template 

1. 到 EDIT HTML .
2. 按 ctrl+f ,寻找一下字眼 .
 <head> 
3. 在 <head> 的后面贴上以下代码 :

<style type='text/css'>
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .50;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #fff;
padding: 30px;
border: 15px solid #000000;
float: left;
font-size: 12px;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #fff;
-moz-box-shadow: 0px 0px 20px #fff;
box-shadow: 0px 0px 20px #fff;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -25px -25px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
</style>
 photo icon2.png解释
绿色字眼 : 框框的厚度/框类型/颜色
橘色字眼 : 字体的大小
紫色字眼 : 框框的弧度
海蓝字眼 : close图片的方向 换去 left/right
红色字眼 : 背景,后面那个~~如果不要它黑黑的,可以用以下的代码来代替.


#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .0;
z-index: 9999;
}



黄色字眼: 透明度,0就透明,然后加着下去,越来越黑~

还没完!继续~~

4. save起来,然后到Add HTML/Javascript 那里 ,拷贝以下代码,贴下去

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
//Pull Query & Variables from href URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="图片 url" class="btn_close" title="Close Window" alt="Close" /></a>');
//Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
return false;
});
//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>


 photo icon2.png解释
粉色字眼 : 图片的link

5. 然后,到你想放链接的地方贴以下的代码 ,然后保存起来。

<a class='poplight' href='#?w=500' rel='1'>页面的名称</a>

 photo icon2.png解释
紫色字眼 : 代号(很重要的啊)
蓝色字眼 : 页面名称

6. 然后回到 EDIT HTML , ctrl+f 寻找 :<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>   接着拷贝以下的代码,贴进去。



<div class='popup_block' id='1'>
内容在这里哦....
</div>

解释请依照上方,都是一样的 :3

教亲如何美化内容篇的


Labels: ,



January 13, 2014
13 January 2014
WRITTEN BY CECELIA





BORDER STYLE

SOLID


DASHED


DOTTED


DOUBLED


GROOVE


RIDGE


INSET


OUTSET





COLOR CODE

#000000
#2F0000
#600030
#460046
#28004D
#272727
#4D0000
#820041
#5E005E
#3A006F
#3C3C3C
#600000
#9F0050
#750075
#4B0091
#4F4F4F
#750000
#BF0060
#930093
#5B00AE
#5B5B5B
#930000
#D9006C
#AE00AE
#6F00D2
#6C6C6C
#AE0000
#F00078
#D200D2
#8600FF
#7B7B7B
#CE0000
#FF0080
#E800E8
#921AFF
#8E8E8E
#EA0000
#FF359A
#FF00FF
#9F35FF
#9D9D9D
#FF0000
#FF60AF
#FF44FF
#B15BFF
#ADADAD
#FF2D2D
#FF79BC
#FF77FF
#BE77FF
#BEBEBE
#FF5151
#FF95CA
#FF8EFF
#CA8EFF
#d0d0d0
#ff7575
#ffaad5
#ffa6ff
#d3a4ff
#E0E0E0
#FF9797
#FFC1E0
#FFBFFF
#DCB5FF
#F0F0F0
#FFB5B5
#FFD9EC
#FFD0FF
#E6CAFF
#FCFCFC
#FFD2D2
#FFECF5
#FFE6FF
#F1E1FF
#FFFFFF
#FFECEC
#FFF7FB
#FFF7FF
#FAF4FF
#000079
#000079
#003E3E
#006030
#006000
#000093
#003D79
#005757
#01814A
#007500
#0000C6
#004B97
#007979
#019858
#009100
#0000C6
#005AB5
#009393
#01B468
#00A600
#0000E3
#0066CC
#00AEAE
#02C874
#00BB00
#2828FF
#0072E3
#00CACA
#02DF82
#00DB00
#4A4AFF
#0080FF
#00E3E3
#02F78E
#00EC00
#6A6AFF
#2894FF
#00FFFF
#1AFD9C
#28FF28
#7D7DFF
#46A3FF
#4DFFFF
#4EFEB3
#53FF53
#9393FF
#66B3FF
#80FFFF
#7AFEC6
#79FF79
#AAAAFF
#84C1FF
#A6FFFF
#96FED1
#93FF93
#B9B9FF
#97CBFF
#BBFFFF
#ADFEDC
#A6FFA6
#CECEFF
#ACD6FF
#CAFFFF
#C1FFE4
#BBFFBB
#DDDDFF
#C4E1FF
#D9FFFF
#D7FFEE
#CEFFCE
#ECECFF
#D2E9FF
#ECFFFF
#E8FFF5
#DFFFDF
#FBFBFF
#ECF5FF
#FDFFFF
#FBFFFD
#F0FFF0
#467500
#424200
#5B4B00
#844200
#642100
#548C00
#5B5B00
#796400
#9F5000
#842B00
#64A600
#737300
#977C00
#BB5E00
#A23400
#73BF00
#8C8C00
#AE8F00
#D26900
#BB3D00
#82D900
#A6A600
#C6A300
#EA7500
#D94600
#8CEA00
#C4C400
#D9B300
#FF8000
#F75000
#9AFF02
#E1E100
#EAC100
#FF9224
#FF5809
#A8FF24
#F9F900
#FFD306
#FFA042
#FF8040
#B7FF4A
#FFFF37
#FFDC35
#FFAF60
#FF8F59
#C2FF68
#FFFF6F
#FFE153
#FFBB77
#FF9D6F
#CCFF80
#FFFF93
#FFE66F
#FFC78E
#FFAD86
#D3FF93
#FFFFAA
#FFED97
#FFD1A4
#FFBD9D
#DEFFAC
#FFFFB9
#FFF0AC
#FFDCB9
#FFCBB3
#E8FFC4
#FFFFCE
#FFF4C1
#FFE4CA
#FFDAC8
#EFFFD7
#FFFFDF
#FFF8D7
#FFEEDD
#FFE6D9
#F5FFE8
#FFFFF4
#FFFCEC
#FFFAF4
#FFF3EE
#613030
#616130
#336666
#484891
#6C3365
#743A3A
#707038
#3D7878
#5151A2
#7E3D76
#804040
#808040
#408080
#5A5AAD
#8F4586
#984B4B
#949449
#4F9D9D
#7373B9
#9F4D95
#AD5A5A
#A5A552
#5CADAD
#8080C0
#AE57A4
#B87070
#AFAF61
#6FB7B7
#9999CC
#B766AD
#C48888
#B9B973
#81C0C0
#A6A6D2
#C07AB8
#CF9E9E
#C2C287
#95CACA
#B8B8DC
#CA8EC2
#D9B3B3
#CDCD9A
#A3D1D1
#C7C7E2
#D2A2CC
#E1C4C4
#D6D6AD
#B3D9D9
#D8D8EB
#DAB1D5
#EBD6D6
#DEDEBE
#C4E1E1
#E6E6F2
#E2C2DE
#F2E6E6
#E8E8D0
#D1E9E9
#F3F3FA
#EBD3E8



Labels: ,


NEU
ALT










Layout by CECELIA