minimalistic ;themes V.2

ลำดับตอนที่ #2 : themes .original

notes

ขอประเดิมกับการกลับมาครั้งนี้ด้วยธีม original ของบทความเลยละกัน :-) อย่าลืมคอมเม้นและเอาแบนเนอร์ไปแปะด้วยนะ <3   YOU MAY NOT 

• - steal my themes or part of them and redistribute as your own
• - remove the credit or move it. Please, it’s just a little box in the corner

  YOU MAY

• - edit my themes as much as you want to, but please keep the credit intact
• - ask me questions about my themes
• - please, comment <3

 

CODE

<style name="code by roller coder" type="text/css">

 

.desc_head,#content_name{

display:none!important;

}

h2.box02_1 p span {

display:none!important;

}

 

h2.box02_1 p {

display:none!important;

}

 

.accord,.app-footer{

display:none!important;

}

 

.box01_1{

display:none!important;

}

 

p a img{

display:none!important;

}

 

a.box04_head03{

background:none!important;

}

 

h2.box02 p,.favor{

background:none!important;

}

 

h3 .ribbon{

background:none!important;

}

 

.cl_pagetab {

background:none!important;

}

 

.ranking{

display:none!important;

}</style>

 

<style name="code ของ floatingskyห้ามนำไปใช้โดยไม่รับอนุญาต" type="text/css">

ul.banner_menu {

display:none!important;

}

 

.test_menunuber.paging { background: none!important; } 

 

#google_ads_comment1 {

display:none!important;

}#head, #head1{display:none!important;}#sec-head{display:none!important;}</style><style type="text/css" name="bottomAdsClear">p.banner{  display:none!important;}<!--(cr.itimYen)--></style><style type="text/css" name="editToolbar">.toolbar{background:none!important;}.toolbar-container{width:auto!important;}li.toolbar-menu-item.track-ga{font-size:14px;}<!--(cr.itimYen)--></style><!--- Theme by floatingsky

DO NOT REMOVE THE CREDIT, DO NOT COPY, DO NOT CLAIM AS YOUR OWN.

IF YOU DO THEN I'LL MAKE YOU INTO SHOES

BIT NOT GOOD, ISN'T IT?--->

<style name="theme floatingsky" type="text/css">

/***พื้นหลัง-หลัก ของบทความ***/ 

body{ background:#ffffff url('') fixed repeat; background-size: 1361px 907px;

border:none!important; }

 

/***ชื่อบทความ***/

.head1{

background:#ffffff!important;

 border:solid 1px #ebebeb; 

border-top-width:1px !important;

border-right-width:1px!important; 

border-bottom-width:0px !important; 

border-left-width:1px !important;

padding-top: 15px; /*ความห่างของขอบด้านบนกับชื่อ*/

padding-bottom: 15px; /*ความห่างของขอบด้านล่างกับชื่อ*/

}

p#big_text{

color:#808080!important;

color:#CCC;

text-shadow:-1px -1px #ffffff, 1px 1px #333333;

font-size:30px!important;

}

 

 

/***บิ๊กเฮดใต้ชื่อบทความ***/

#big_head {

border:solid 1px #ebebeb; 

border-top-width:0px !important;

border-right-width:1px!important; 

border-bottom-width:1px !important; 

border-left-width:1px !important;

}

 

/*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/

P.vote_m{

color:#808080!important;

border-right:1px dashed #ebebeb!important;

}

 

/*ลบรูปดาวสีส้มหน้าประเภทนิยาย แท๊ก ผู้แต่งฯ */

ul.name_story li p{background:none!important;}

 

/*ปุ่ม Vote กับ Report*/

div>a.review,div>a.name_sb01,div.name_storybox>a{ 

color:#808080!important;

background:#ebebeb!important;

border:1px solid #ebebeb!important;

}

 

/***กล่องเด้งตอนชี้ปุ่ม Report***/

.bigname_sb01 ul.name_sb01_uu li{border:none!important;}  /*ลบเส้นคั่นรายการ*/

img[src*="/writer14_arow01.png"]{display:none!important;}  /*ลบลูกศรของกล่อง*/

.bigname_sb01 ul.name_sb01_uu, .bigname_sb01 img.name_sb01_img{

background:#ebebeb!important;

}

/*ลบเครื่องหมายหน้ารายการในกล่องเด้งตอนชี้ปุ่ม Report*/

ul.bigsize li a,.bigname_sb01 ul.name_sb01_uu li a.name_sb01_uu_aa{

background:#ebebeb!important;text-indent:0px;font-size:12px;

}  

 

/***ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์***/

.b_fb_l_i01,ul.box_uu01 li a{background:none!important;} /*ลบพื้นหลังสีเทา */

ul.box_facebook li .b_fb_like a{

background:#ebebeb!important;

border:1px solid #ebebeb!important;

-webkit-box-shadow:none!important; /*ลบเงาที่ขอบด้านล่าง*/

}

 

/*ตอนเม้าส์ชี้ ปุ่ม Vote กับ Report ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์*/

div>a.review:hover, 

div>a.name_sb01:hover,

div.name_storybox>a:hover,

ul.box_facebook li .b_fb_like a:hover{

background:#ebebeb!important;

border:solid 1px #ebebeb!important;

}

ul.box_facebook li .b_fb_like a:hover{

padding:1px 1px 1px 1px; /*ใส่ไว้บล็อคขนาดไม่ให้เบี้ยว*/

}

 

/***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/

.big_fb{

border-top:1px none #808080!important;

}

.b_fb_l_font01,

.box_facebook-right01{

border-left:1px none #808080!important;

}

/***พื้นหลังเนื้อหาตอนย่อย***/.writer-section-body{background:#ffffff!important;

border:solid 1px #ebebeb; 

border-top-width:1px !important;

border-right-width:1px!important; 

border-bottom-width:1px !important; 

border-left-width:1px !important;

}

/***พื้นหลังของเนื้อหา***/

.content,#content_name,.box03,.box06,.box04_page,

.cm-box-area,.comment-tabbable .comment-tabs .active button,

.cm-box-area .member,.cm-box-area .guest,.reviews01,

.reviews02,.more_review{

background:#ffffff!important;

border:solid 1px #ebebeb; 

border-top-width:1px !important;

border-right-width:1px!important; 

border-bottom-width:1px !important; 

border-left-width:1px !important;

}

 

/***ส่วนที่อยู่ในตอนย่อย***/

ul.bigsize li span{

border-right:1px none #cccccc;  /*เส้นคั่นของคำสั่งปรับขนาดตัวอักษร ฯลฯ*/

}

ul.bigsize li a{background:none!important; } /*ลบไอคอนบวก-ลบ ตรงเพิ่มลดขนาดอักษร*/

ul.next li a.next_color01{margin:0px;} /*ลบระยะห่างของแถบคำสั่งตอนก่อนหน้า ฯลฯ

เวลาชี้เม้าส์จะได้ไม่เลื่อนจนตกบรรทัด*/

ul.next li a{

background:none!important; /*ลบพวกไอคอนลูกษรของแถบคำสั่งตอนก่อนหน้า ฯลฯ*/

border-right:1px none #cccccc;  /*เส้นคั่นระหว่างแถบคำสั่งตอนก่อนหน้า ฯลฯ*/

font-size:12px!important; /*ขนาดของอักษรในแถบคำสั่งตอนก่อนหน้า ฯลฯ

เพื่อให้ขนาดเท่ากันหมด (ตามเดิมจะไม่เท่ากัน มีสองตัวกลางที่ใหญ่)*/

}

/*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/

.big_next1{  /*เส้นแรกใต้ชื่อตอนย่อยด้านบน*/

width:835px!important;  /*ปรับความยาว อันนี้ปรับไว้ให้ยาวเท่ากล่องเนื้อหา สามารถปรับเปลี่ยนได้*/

border-top:1px none #ffffff!important; /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด top*/

}

.big_next2{ /*เส้นคั่นบน-ล่าง ของชื่อตอนย่อยด้านล่าง(หลังเนื้อหา ก่อนถึงคอมเม้นท์)*/

width:835px!important;

border-bottom:1px none #ffffff!important;  /*ลักษณะเส้น ห้าม! เปลี่ยนคีย์เวิร์ด bottom*/

}

 

/*SCROLLBAR*/

 

::-webkit-scrollbar-thumb:vertical {

background-color: {color:background};

height:100px;

border-left:1px solid #181818;

}

 

::-webkit-scrollbar {

height:0px;

width:5px;

border-left:1px dotted #181818;

background-color: {color:background};

}

 

 

/*เฮดย่อย*/

h2.box02 {

        background:none !important;

  border:solid 1px #ebebeb; 

border-top-width:0px !important;

border-right-width:0px!important; 

border-bottom-width:0px !important; 

border-left-width:0px !important;

text-transform: UPPERCASE;

      

 

}

 

/*big head*/

 

#big_head {

background:#ffffff !important;

}

 

.name_storybox {  

background:#ffffff !important;

}

 

.bigname_sb01 {

background:#ffffff !important;

}

 

.big_fb {

background:#ffffff !important;

}

 

.box_facebook-right {

background:#ffffff !important;

}

 

.box_facebook-right01 {

background:#ffffff !important;

}

 

/*บันทึกบนความเรื่องนี้เป็น favorite*/

.favor { 

color:#808080 !important; font-weight:bold&#160;!important;&#160;background:none !important;

}

 

 

 

/*คำวิจารณ์*/

.box04 {

background:none!important;

}

 

h2.box04_head02, h2>p,h2 p span{

color:#808080!important; /*สีของอักษรที่อยู่บนเฮดย่อย*/

background:none!important;

}

 

h2.box04_head02, a.box04_head03 {

color:#808080!important; /*สีของอักษรที่อยู่บนเฮดย่อย*/

background:none!important;

}

 

/***อักษรทั่วไปในหน้าบทความ****/

.desc_head,p>span,.linkname,h3,li>i,ul.menu-list>li>a,.slash,

p.vote_m span,.vote-sc,p,li,div,a,div.box_facebook-right>p>strong,

.owner-username,#usermenu .usernamename, .notifications .usernamename,

.name-area,.comment-order,.icon-mail,.icon-ip,

.comment-tabbable .comment-tabs .active button{

color:#808080!important;

}

li{font-size:12px;}

h3>span{   /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/

color:#808080!important;

}

 

 

 

/**********สีตัวอักษร**********/

 

a:link {

text-decoration: none !important;

color:#808080 !important;

a:visited {

text-decoration: none !important; 

color:#808080 !important;

a:hover { 

text-decoration: none !important;

color:#808080 !important;

}</style>

<style name="floatingsky" type="text/css">

/******โซนคอมเม้นท์******/ 

li.cur{background:none!important;} /*ลบพื้นหลังเลขหน้า*/ 

.arrow_box:after,#drag-to-quote:after{border:none!important;} /*ลบลูกศรของกล่องเมนูของเฟือง*/ 

.comment-setbubble{ background:#ffffff!important; /*พื้นหลังคอมเม้นท์*/ 

border:1px solid #ebebeb!important; /*ขอบรอบคอมเม้นท์*/ 

-webkit-box-shadow:none!important; /*ลบเงาเหนือฐานคอมเม้นท์*/ 

} 

 

/*ฐานคอมเม้นท์*/ 

.comment-action:before{background:none!important;} .comment-action{ background:none!important; } .arrow_box li{border:none!important;} /*ลบเส้นคั่นระหว่างไอคอนโซเชียล*/ 

.cm-setting button{border:none!important;} /*ลบเส้นคั่นในกล่องเมนูของเฟือง*/ 

 

/*ไอคอนเฟือง โซเชียลของคนคอมเม้นท์*/ 

.icon-setting,.btn-social i{ color:#ebebeb!important; text-shadow:none!important; } .icon-setting:hover, .btn-social i:hover{ color:#ebebeb!important; 

} 

 

/*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/ 

/*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/ 

.arrow_box{background:none!important;} /*ลบพื้นหลังของไอคอนโซเชียล กับพื้นหลังกล่องเมนูของเฟือง*/ 

button{box-shadow:none!important;} /*ลบเงาที่ขอบด้านล่างของปุ่มค้นหา*/ 

button{ color:none!important; /*สีของเมนูแต่ละรายการ*/ 

background:none!important;border:none!important; /*พื้นหลังของเมนู*/ 

border:none!important;/*เส้นขอบ ถ้าไม่ลบมันจะมีขอบรอบไอคอนโซเชียลด้วย จะไม่ค่อยสวย*/ 

-webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ 

} 

 

button:hover{ color:#ffffff!important; /*สีของเมนูแต่ละรายการ ตอนเม้าส์ชี้*/ 

background:none!important;border:none!important; /*พื้นหลังของเมนู ตอนเม้าส์ชี้*/ 

-webkit-transition:linear 1s; /*ความช้าเร็วในการเปลี่ยนสี(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/ -moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/ 

}

 

/***ปุ่มส่งความเห็น***/

.cm-box-area .comment-submit{

border:1px solid ##ffffff!important;

}

.cm-box-area .comment-submit:hover{

border:1px solid #ebebeb!important;

}

.btn-orange{

width:145px!important; /*ความยาวของปุ่ม ปรับขนาดได้*/

padding:5px!important; /*ระยะห่างของชื่อปุ่มกับขอบ มีผลทำให้ปุ่มใหญ่ขึ้นด้วยถ้าเลขเยอะๆ*/

background:#ffffff!important; /*พื้นหลังของปุ่ม*/

color:#808080 !important; /*สีของชื่อปุ่ม*/

text-shadow:none!important; /*ลบเงาของชื่อปุ่ม*/

-webkit-box-shadow:none!important; /*ลบเงาที่ทำให้ปุ่มดูมีมิติขึ้นมา*/

}

 

.btn-orange:hover{

background:#e2e1f1!important; /*พื้นหลังของปุ่มตอนเม้าส์ชี้*/

color:#808080!important; /*สีชื่อปุ่มตอนเม้าส์ชี้*/

}

 

 

/***กล่องพิมพ์คอมเม้นท์***/

span.cke_skin_kama{

background:#ffffff!important; /*ตรงนี้จะเห็นเป็นเหมือนขอบอยู่ด้านนอก*/

border-radius:0px 0px 0px 0px; /*ความโค้งของกล่อง ส่วนพื้นหลัง*/

border:1px solid #ebebeb!important;

padding:3px; /*ระยะห่างของพื้นหลังและขอบด้านนอก กับพื้นที่ด้านใน*/

}

.cke_skin_kama .cke_wrapper{

background:#ffffff!important; /*สีของตัวกล่องคอมเม้นท์*/

border-radius:0px 0px 0px 0px; /*ความโค้งของกล่องด้านใน*/

border:1px solid none!important; /*ติดกับพื้นหลังกล่อง*/

}</style>

<style name="floatingsky" type="text/css">

/**********แถบทูลบาร์**********/

 

/***เวลาชี้ลิ้งค์เมนูหลักบนทูลบาร์****/

li>i:hover,ul.menu-list>li>a:hover{

color:#808080!important;

background:#ffffff!important;

border-top:1px solid #ffffff!important;  /*เส้นขอบบน*/

border-bottom:1px solid #ffffff!important; /*เส้นขอบล่าง*/

border-left:1px solid #ffffff!important;  /*เส้นขอบซ้าย*/

border-right:1px solid #ffffff!important;  /*เส้นขอบขวา*/

}

 

 

/*ลบพื้นหลัง ขอบ และเงาส่วนเกินที่ทำให้แถบที่เลื่อนลงมาไม่สวย*/

div>div>div {background:none!important;}

.wrap-image{border:none!important;}

.notifications .user-main>a{border:none!important;}

.gotpromo{background:none!important;box-shadow:none!important;}

.submit{box-shadow:none!important;}

.board-main,.board-hot,ul,li,.screen-title,.submenu-supersub,

.board-hot,.ordinary-content,.board-main,.gamelist,

.recommend{border:none!important;}

li,.service-sms,.search{background:none!important;border:none!important;}

.select,li{-webkit-box-shadow:none!important;}/*****>>>ทูลบาร์<<<*****/ 

 

/**สีพื้นหลังทูลบาร์**/

.toolbar,

.toolbar-container{

background:#ffffff!important;

text-shadow:none!important;

box-shadow:0 .1em .1em #ืnone!important;

}

 

/**สีของไอคอนในซับเมนูกับลิ้งก์**/

.toolbar-submenu-item .tb-icon-submenu,

.icon-fa-smile,.toolbar-submenu-item span{

color:#808080!important;  

}

 

/**สีตอนชี้ลิ้งก์ในซับเมนู**/

a, .toolbar-submenu-item:hover span{

color:#808080!important;

}

 

/**ความยาวของช่องค้นหาตรงแว่นขยาย ปรับเลขได้**/

.toolbar-input{

width:200px!important;

}

 

/**ปุ่มค้นหาตรงแว่นขยาย**/

.tb-btn-orange{  

border: solid 1px #ffffff!important;

background: #ffffff!important; 

border-radius:5px!important;

box-shadow: none!important;text-shadow: none!important;

} 

/**ปุ่มค้นหาเวลาเม้าส์ชี้**/

.tb-btn-orange:hover{

color:#808080!important;

background:#ffffff!important;

}

 

 

/**ไอคอนลิ้งก์เด็กดี**/

.tb-logo{

background-image: url( http://image.dek-d.com/27/0120/9186/120490984 )!important;

} 

 

.tb-logo:hover{

background-image:url( http://image.dek-d.com/27/0120/9186/120490984 )!important;

background-repeat:no-repeat!important;

background-position:center!important;

} </style>

<style type="text/css" name="delete">

/**ลบเงาและเส้นต่างๆ ภายในทูลบาร์**/

.toolbar-container{box-shadow:none!important;border:none!important;} 

.toolbar-user-menu{box-shadow:none!important;border:none!important;} 

img.tb-user-thumb{border:none!important;box-shadow:none!important;}

div>div>div { background:none!important; }

.toolbar-menu-item{

box-shadow:none!important;border-right:none!important;}

</style>        

<style name="changeMainClear" type="text/css">

div#main.clear{

background:none!important;

width:880px!important;

background-repeat:repeat;

background-position:center!important;

background-attachment:fixed!important;

}</style>

<!--- Theme by floatingsky

DO NOT REMOVE THE CREDIT, DO NOT COPY, DO NOT CLAIM AS YOUR OWN.

IF YOU DO THEN I'LL MAKE YOU INTO SHOES

BIT NOT GOOD, ISN'T IT?--->

<style name="credit theme floatingsky" type="text/css">

/*credit don't remove!*/

         .credit, .credit a {

width:20px;

height:20px;

bottom:10px;

right:10px;

padding:2px;

font-size:10px;

letter-spacing:2px;

color:#ebebeb;

line-height:15px;

position:fixed;

text-align:center;

font-family:calibri;

text-transform: UPPERCASE;

background-color:#ffffff;

border:1px solid #ebebeb !important;}

 

.credit a:hover {

color:#F0E5D0;

background-color:#ffffff !important;}</style>

<span class="credit"><a href="http://my.dek-d.com/sorrysky/writer/view.php?id=712200" target="_blank" title="minimalistic themes">M</a> </span><br>

<style name="avatar" type="text/css">

/***อวาตาร์ของคนคอมเม้นท์***/

.avatar{

border-radius: 200px !important;

border-top-left-radius: 200px !important;

border-top-right-radius: 200px !important;

border-bottom-right-radius: 200px !important;

border-bottom-left-radius: 200px !important; 

background:none!important;

border:1px solid #ebebeb!important;

padding:3px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/

}

 

 

/*รูปอวาตาร์*/

img[src*='/1/newtoon/'],.user-pic-comment{

width:70px; /*ปรับขนาดความกว้าง*/

height:70px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/

border-radius: 200px !important;

border-top-left-radius: 200px !important;

border-top-right-radius: 200px !important;

border-bottom-right-radius: 200px !important;

border-bottom-left-radius: 200px !important; 

}

img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{

}

<!--cr.itimYen></style>

<style type="text/css" name="delFooter">.app-footer,.accord-r,.banner-area,.accord-u{  display:none!important;}<!--(cr.itimYen)--></style></center>

CREDITS

MAIN CODE BY CODE ROLLER {CODER;}

AND THEME VER TWO ACADEMY 

© MINIMALISTIC THEMES | THEME BY floatingsky

 

   

M