Stars Theme :: Magic Spirit

Stars Theme

سلام!

خیلی وقت بود توی بیان فعالیت نداشتم. یه مقدار سرم شلوغ بود. ولی از الان تا مدت نامعلومی؛ می‌خوام قالب جدید بذارم. امیدوارم خوشتون بیاد. :)

ویژگی‌های قالب:

ریسپانسیو برای گوشی و تبلت.

نیاز به خریداری کد جاوا اسکریپت داره.

منو ثابت.

بکگراند متحرک.

در صورت نیاز موزیک‌پلیر هم روش گذاشته می‌شه.

دارای افکت عکس.

قیمت: 29 هزار تومان.

از طریق این لینک می‌تونید پرداخت کنید.

CM [ ۷ ]

Minami Ellie

چهارشنبه ۲۳ تیر ۰۰

نظرات (۷)

sahar Esmailpour

سه شنبه ۱۰ آبان ۰۱
۱۴:۰۱

من اینو میخام :>>>>>>>>>

اون قبلی به چوخ رفت کلا، توعم برام کامنت گذاشتی کد و ولی کلا درست نشد پاکش کردم

اینو میخرم، با همین رنگ

چجوری اینکارو کنم؟

نمی خواد هزینه بدی

کدش:

https://paste.ee/p/9LVeG

sahar Esmailpour

سه شنبه ۱۰ آبان ۰۱
۱۴:۰۱

من اینو میخام :>>>>>>>>>

اون قبلی به چوخ رفت کلا، توعم برام کامنت گذاشتی کد و ولی کلا درست نشد پاکش کردم

اینو میخرم، با همین رنگ

چجوری اینکارو کنم؟

sahar Esmailpour

شنبه ۵ شهریور ۰۱
۱۴:۲۳

سلام من نسخه طوسی اینو خریدم اما فونت پست هایی که میزارم خیلی بزگ میشه نمیدونم چجوری درستش کنم میشه راهنمایی کنی؟

/* -----------------------------------------------------------------------
Theme : number 4
Made by MagicSpirits

- Do not remove the theme credit.
- Do not repost/redistribute themes.
------------------------------------------------------------------------ */

@font-face {
font-family: 'gandom';
src: url('//bayanbox.ir/download/5951560974950976253/Gandom.eot');
src: url('//bayanbox.ir/download/5951560974950976253/Gandom.eot?#iefix') format('embedded-opentype'),
    url('//bayanbox.ir/download/7158980145103763633/Gandom.woff2') format('woff2'),
    url('//bayanbox.ir/download/7034607442957864942/Gandom.woff') format('woff'),
    url('//bayanbox.ir/download/8877035923866158099/Gandom.ttf') format('truetype');
font-weight: normal;
}

html,
body {
height: 100%;
margin: 0;
overflow: hidden;
font-size: 12px;
}

#magicspirit {
position: fixed;
z-index: 999999;
top: 50px;
margin-bottom: 20px;
margin-right: 50px;
display: flex;
}

/*---------------------------AUDIO---------------------------*/

/* music player skin by vitanica */
#musicplayer {
position: fixed;
z-index: 999999;
bottom: 25px;
margin-bottom: 20px;
margin-right: 50px;
display: flex;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}

#musicplayer>*,
.play>* {
align-self: center;
-webkit-align-self: center
}

.play {
display: flex;
min-width: 5px;
height: 31px;
text-align: left;
padding: 0px 10px;
background: #fff;
/* player background */
border-left: 3px solid #16090F;
/* player border */
color: #B5A7BA;
opacity: 1;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition-delay: .4s;
-webkit-transition-delay: .4s;
border-radius: 100%;

}

.music-controls,
.music-controls>* {
user-select: none;
-webkit-user-select: none;
width: 11px;
font-size: 11px;
cursor: pointer;
}

.pausee {
display: none;
}

/* --------------------SCROLLBAR-------------------- */
::-webkit-scrollbar {
width: 13px;
height: 13px;
}

::-webkit-scrollbar-thumb {
background-color: #8878a3;
border-top: 13px solid #090909;
border-right: 6px solid #090909;
border-bottom: 13px solid #090909;
border-left: 6px solid #090909;
}

::-webkit-scrollbar-track {
background: #090909;
}

.scroll {
width: 30%;
height: 100px;
overflow-y: scroll;
display: inline-block;
scrollbar-width: thin;
scrollbar-color: #8878a3 #090909;
}

.scroll_desc {
width: 73%;
height: 100px;
overflow-y: scroll;
display: inline-block;
scrollbar-width: thin;
scrollbar-color: #8878a3 #090909;
}

/* --------------------TEXT HIGHLIGHT-------------------- */

::selection {
background: #111;
color: #ccc;
}

::-moz-selection {
background: #111;
color: #fff;
}

.container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
    "out-container";
width: 100%;
height: 100%;
background: #000 url('https://s4.uupload.ir/files/tumblr_p3ht4ajw5z1qg2f5co4_r1_1280_em54.png');
background-attachment: fixed;
background-repeat: repeat;
overflow: hidden;
}

.out-container {
display: grid;
grid-template-columns: 1.2fr;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
    "in-container";
justify-self: center;
align-self: center;
grid-area: out-container;
width: 95%;
height: 90%;
overflow-y: auto;
direction: ltr;
border: 2px solid #706385;
background: url('https://s4.uupload.ir/files/21_ilfn.gif');

}

.in-container {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: column;
grid-template-areas:
    "content menu";
grid-area: in-container;
}

.menu {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
    "menu-wrap";
justify-self: start;
align-self: start;
grid-area: menu;
width: 80%;
height: 450px;
position: sticky;
top: 0;
margin-top: 150px;
}

.menu-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
    "zodiac key"
    "desc desc";
grid-area: menu-wrap;
}

/* ---------------------------------------------- key (menu) ---------------------------- */

.key {

justify-self: center;
align-self: center;
grid-area: key;
width: 100%;
}

.galaxy-ul {
list-style: none;
}

aaa {
font-family: "space mono", Gandom;
text-transform: uppercase;
line-height: 0.5em;
font-size: 11px;
letter-spacing: 1px;
color: #aa9db3;
}

aaa::after {
content: "";
position: absolute;
margin-top: 15px;
margin-left: 6px;
width: 25px;
height: 0.7px;
background-color: #aa9db3;

}

.galaxy-ul a {
margin-top: -3px;
margin-left: 37px;
font-family: Yomogi, Gandom;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
color: #c0afdd;
line-height: 3em;
}

.galaxy-ul a:hover {
color: #dfd7ee;
}

/* ----------------------------------- zodiac --------------------------------- */

.zodiac {
position: relative;
justify-self: center;
align-self: center;
grid-area: zodiac;
width: 70%;
height: 100%;
}

.zodiac h1 {
color: #fff;
font-family: "Tillana", Gandom;
font-size: 30px;
text-align: center;
}

.pisces,
.sagittarius {
position: absolute;
bottom: 0;
transform-origin: 0% 100%;
}

.sagittarius {
bottom: 32px;
left: 5px;
transform: scale(0.8, 0.8);
}

.mtx {
background-color: #cab1da;
}

.sagittarius-orb-1,
.sagittarius-orb-10,
.sagittarius-orb-11,
.sagittarius-orb-12,
.sagittarius-orb-13,
.sagittarius-orb-14,
.sagittarius-orb-15,
.sagittarius-orb-16,
.sagittarius-orb-17,
.sagittarius-orb-18,
.sagittarius-orb-19,
.sagittarius-orb-2,
.sagittarius-orb-20,
.sagittarius-orb-3,
.sagittarius-orb-4,
.sagittarius-orb-5,
.sagittarius-orb-6,
.sagittarius-orb-7,
.sagittarius-orb-8,
.sagittarius-orb-9 {
position: absolute;
width: 5px;
height: 5px;
border-radius: 100%;
}

.sagittarius-orb-1 {
bottom: 115px;
}

.sagittarius-orb-2 {
bottom: 63px;
left: 3px;
}

.sagittarius-orb-3 {
bottom: 49px;
left: 7px;
}

.sagittarius-orb-4 {
bottom: 0;
left: 15px;
}

.sagittarius-orb-5 {
bottom: 5px;
left: 60px;
}

.sagittarius-orb-6 {
bottom: -16px;
left: 67px;
}

.sagittarius-orb-7 {
bottom: 145px;
left: 53px;
}

.sagittarius-orb-8 {
bottom: 123px;
left: 90px;
}

.sagittarius-orb-9 {
bottom: 175px;
left: 82px;
}

.sagittarius-orb-10 {
bottom: 193px;
left: 70px;
}

.sagittarius-orb-11 {
bottom: 139px;
left: 110px;
}

.sagittarius-orb-12 {
bottom: 105px;
left: 100px;
}

.sagittarius-orb-13 {
bottom: 130px;
left: 130px;
}

.sagittarius-orb-14 {
bottom: 147px;
left: 165px;
}

.sagittarius-orb-15 {
bottom: 167px;
left: 188px;
}

.sagittarius-orb-16 {
bottom: 111px;
left: 186px;
}

.sagittarius-orb-17 {
bottom: 78px;
left: 177px;
}

.sagittarius-orb-18 {
bottom: 65px;
left: 187px;
}

.sagittarius-orb-19 {
bottom: 101px;
left: 217px;
}

.sagittarius-orb-20 {
bottom: -24px;
left: 69px;
}

.sagittarius-line-1,
.sagittarius-line-10,
.sagittarius-line-11,
.sagittarius-line-12,
.sagittarius-line-13,
.sagittarius-line-14,
.sagittarius-line-15,
.sagittarius-line-16,
.sagittarius-line-17,
.sagittarius-line-18,
.sagittarius-line-19,
.sagittarius-line-2,
.sagittarius-line-20,
.sagittarius-line-3,
.sagittarius-line-4,
.sagittarius-line-5,
.sagittarius-line-6,
.sagittarius-line-7,
.sagittarius-line-8,
.sagittarius-line-9 {
position: absolute;
height: 1px;
transform-origin: 0 100%;
opacity: 0.8;
}

.sagittarius-line-1 {
bottom: 117px;
left: 2px;
width: 52px;
transform: rotate(87deg);
}

.sagittarius-line-2 {
bottom: 65px;
left: 5px;
width: 15px;
transform: rotate(75deg);
}

.sagittarius-line-3 {
bottom: 51px;
left: 9px;
width: 50px;
transform: rotate(80deg);
}

.sagittarius-line-4 {
bottom: 2px;
left: 17px;
width: 45px;
transform: rotate(-7deg);
}

.sagittarius-line-5 {
bottom: 2px;
left: 17px;
width: 54px;
transform: rotate(18deg);
}

.sagittarius-line-6 {
bottom: 117px;
left: 2px;
width: 60px;
transform: rotate(-30deg);
}

.sagittarius-line-7 {
bottom: 147px;
left: 55px;
width: 43px;
transform: rotate(30deg);
}

.sagittarius-line-8 {
bottom: 125px;
left: 94px;
width: 53px;
transform: rotate(-100deg);
}

.sagittarius-line-9 {
bottom: 177px;
left: 85px;
width: 20px;
transform: rotate(-122deg);
}

.sagittarius-line-10 {
bottom: 125px;
left: 94px;
width: 23px;
transform: rotate(-40deg);
}

.sagittarius-line-11 {
bottom: 125px;
left: 92px;
width: 20px;
transform: rotate(62deg);
}

.sagittarius-line-12 {
bottom: 106px;
left: 102px;
width: 40px;
transform: rotate(-40deg);
}

.sagittarius-line-13 {
bottom: 141px;
left: 113px;
width: 23px;
transform: rotate(25deg);
}

.sagittarius-line-14 {
bottom: 132px;
left: 132px;
width: 40px;
transform: rotate(-25deg);
}

.sagittarius-line-15 {
bottom: 148px;
left: 167px;
width: 30px;
transform: rotate(-43deg);
}

.sagittarius-line-16 {
bottom: 149px;
left: 168px;
width: 40px;
transform: rotate(60deg);
}

.sagittarius-line-17 {
bottom: 115px;
left: 189px;
width: 35px;
transform: rotate(105deg);
}

.sagittarius-line-18 {
bottom: 114px;
left: 189px;
width: 30px;
transform: rotate(20deg);
}

.sagittarius-line-19 {
bottom: 80px;
left: 179px;
width: 15px;
transform: rotate(52deg);
}

.sagittarius-line-20 {
bottom: -14px;
left: 69px;
width: 8px;
transform: rotate(77deg);
}

/* ------------------------------------------ description ----------------------------- */

.desc {

justify-self: start;
align-self: start;
grid-area: desc;
width: 90%;
height: 100px;
margin-left: auto;
margin-right: auto;
}

.desc a {
text-decoration: none;
}

#descwrap {
padding: 15px;
background-color: #111;
}

.lamp {
position: absolute;
width: 64px;
height: 64px;
padding: 8px;
background-color: #191919;

}

.description {
margin-left: calc(60px + 16px + 15px);
min-height: calc(60px + 16px);
max-height: calc(60px + 16px);
overflow: auto;
padding-right: 10px;
line-height: 1.65em;
font-family: Klee One, gandom;
font-size: 11px;
color: #999;
text-align: right;

}

.description::-webkit-scrollbar {
width: 9px;
height: 9px;
}

.description::-webkit-scrollbar-thumb {
background-color: #8878a3;
border: 4px solid #090909;
}

.description::-webkit-scrollbar-track {
background: #090909;
}

#electric {
margin-top: 0px;
}

#electric ul,
li {
margin: 0;
padding: 0;
}

#electric li {
display: inline-block;
margin-top: 0.5em;
}

#electric a {
display: inline-block;
margin: 0px 4px;
width: calc((470px / 5) - 5px);
text-align: center;
padding: 7px 6px;
background-color: #111;
font-family: Klee One, gandom;
line-height: 1em;
font-size: 9px;
font-weight: bold;
color: #999;
}

#electric a:hover {}

#electric a:first-child {
margin-left: 0px;
}

#electric a:last-child {
margin-right: 0px;
}

.content {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: column;
grid-template-areas:
    "content-wrap";
grid-area: content;

}

/* ------------------------------------------- post ------------------------------------ */

.content-wrap {

justify-self: center;
align-self: center;
grid-area: content-wrap;
width: 57%;
height: 100%;
direction: rtl;
margin-left: 150px;
}

.align {
padding-right: 0px;
padding-left: 0px;
}

.post_break {
padding-top: 0px;
}

.mod_center {
float: right;
width: 100%;
}

/* POST CENTER / CONTENT -> ------*/

.messages {
margin-bottom: 10px;
border: 3px solid #706385;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.messages .cnt {
padding: 8px 15px 7px 15px;
color: #fff;
font-family: Delius Swash Caps, Gandom;
}

.messages .cnt h2 {
color: #fff;
font-family: karla, Gandom;
font-size: 15px;
font-weight: bold;
text-align: center;
cursor: default;
margin: 5px;
}

.messages .cnt h2 a.comment_count {
color: #fff;
}

.messages .cnt h2 a.comment_count:hover {
color: #fff;
}

.post {
margin-bottom: 40px;
background-color: #111;
border: 1px solid #222;
padding: 15px;
color: #999;
font-family: karla, Gandom;
margin-top: 40px;
width: 480px;
}

.post .title .date_title {
color: #999;
cursor: default;
padding: 0px 15px 5px 5px;
font-family: karla, Gandom;
font-size: 9px;

}

.post .title h2 {
font-weight: bold;
padding: 10px;
text-decoration: none;
font-size: calc(11px + 1px);
font-family: Klee One, Gandom;
text-transform: uppercase;
color: #999;
text-align: center;
}

.post .title h2 a {
color: #b997ce;
padding-bottom: 1px;
border-bottom: 0.5px solid rgba(#b997ce, 0.4);
text-decoration: none;
}

.post .title h2 a:hover {
color: #c0afdd;
border-bottom: 0.5px solid rgba(#c0afdd, 0.4);
}

.post .body {
overflow: hidden;
height: auto;
line-height: 1.4em;
}

.post .body .cnt a {
color: #f3e6ff;
padding-bottom: 1px;
border-bottom: 0.5px solid rgba(170, 170, 170, 0.4);
text-decoration: none;
}

.post .body .cnt a:hover {
color: #ccc;
}

.post .body .cnt {
text-align: justify;
padding-bottom: 15px;
}

.post .body .cnt ul {
margin-top: -4px;
}

.post .body .cnt ul li {
margin-right: 5px;
line-height: 1.9em;
}

.post .body .cnt img {
max-width: 100%;
height: auto;
margin-right: 1px;
border: 0px solid #CCC;
padding: 2px;
opacity: 0.8;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-webkit-filter: grayscale(55%);
filter: grayscale(55%);
}

.post .body .cnt:hover img {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

.post .body .readmore {
margin-top: 10px;
margin-bottom: 10px;
}

.post .body .readmore a {
margin: 1px;
margin-left: 3px;
padding: 3px 9px 5px 9px;
color: #bfbfbf;
font-family: Delius Swash Caps, Gandom;
text-decoration: none;
}

.post .body .readmore a:hover {
background: #706385;
color: #fff;
}

/*--- Post Detail ---*/
.post .post_detail {
background-color: #191919;
padding-top: calc(20px + 5px);
padding-right: 15px;
padding-bottom: calc(35px + 5px);
padding-left: 15px;
font-family: karla, Gandom;
line-height: 1.35em;
font-size: 11px;
}

.post .post_detail .cnt {
padding-top: 4px;
color: #999;
}

.post .post_detail .cnt .det_right {}

.post .post_detail .cnt .det_left {
float: left;
margin-left: 5px;
}

.post .post_detail a {
color: #fff;
text-shadow: none;
cursor: pointer;
text-decoration: none;
}

.post .post_detail a:hover {
color: #fff;
}

.post .post_detail .cnt ul {
margin: 0px;
padding: 0px;
list-style: none;
}

.post .post_detail .cnt .det_left li {
float: left;
padding-right: 7px;
padding-left: 7px;
border-right: 1px solid #E0E0E0;
list-style: none;
}

.post .post_detail .cnt .det_left .author {
letter-spacing: 1px;
font-family: Tillana, Gandom;
}

.post .post_detail .cnt .det_right li {
float: right;
list-style: none;
padding-right: 7px;
}

.post .post_detail .cnt .date {
cursor: default;
color: #fff;
display: block;
padding-right: 0px;
}

.post .post_detail .cnt .cmt {
display: block;
cursor: pointer;
}

.post .post_detail .rating {
padding-right: 0px;
}

.post .post_detail .cnt .rating {
display: block;
}

.post .post_detail .rating a {
color: #fff;
text-shadow: none;
text-decoration: none;
}

.post .post_detail .rating a:hover {
color: #fff;
}

/* rating */
.rate-button-box.rated {
font-weight: bold;
}

/*COMMENT --------------------------------------------- */

.post_comments {}

.cmt_break {
margin-bottom: 10px;
}

.post_comments .title_cmt {
height: 20px;
width: 100%;
}

.post_comments .body_cmt {
height: auto;
line-height: 1.6em;
padding-top: 5px;
padding-bottom: 8px;
background: #111;
border-top: none;
font-family: Rubik, Gandom;
border-radius: 15px 15px;
border-top: 1px solid #fff;
}

.post_comments .body_cmt .cnt {
color: #fff;
}

.post_comments .body_cmt .cnt .cnt_l {
display: inline-block;
margin-right: -70px;
vertical-align: top;
}

.post_comments .body_cmt .cnt .cnt_r {
display: inline-block;
margin-right: -70px;
min-width: 50px;
height: auto;
float: right;
}

.post_comments .body_cmt .cnt .cnt_r img {
width: 30px;
height: auto;
border-radius: 50%;
}

.post_comments .body_cmt .cnt a {
color: #999;
text-decoration: none;
}

.post_comments .body_cmt .cnt a:hover {
color: #706385;
}

.post_comments .body_cmt .cnt {
padding: 0 80px 0 20px;
}

.post_comments .body_cmt .cnt ul {
margin-top: -4px;
}

.post_comments .body_cmt .cnt ul li {
margin-right: 5px;
line-height: 1.9em;
/*new*/
}

/*-- Comment Details --*/
.post_comments .cmt_details {
height: 31px;
background: #191919;
border-bottom: none;
padding: 4px 0px 0px 0px;
margin-right: 0px;
color: #fff;
cursor: default;
font-family: Rubik, Gandom;
}

.post_comments .cmt_details ul {
margin: 0px;
padding: 0px;
}

.post_comments .cmt_details .dets_right li {
list-style: none;
float: right;
margin-left: 7px;
padding-top: 2px;
}

.post_comments .cmt_details .dets_left li {
list-style: none;
float: left;
margin-left: 7px;
}

.post_comments .cmt_details:hover {
color: #c884a0;
}

.post_comments .cmt_details .dets_right {
float: right;
margin-right: 5px;
}

.post_comments .cmt_details .dets_left {
float: left;
padding-top: 2px;
margin-left: 5px;
}

.post_comments .cmt_details li a {
-moz-transition-duration: 0s;
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
-khtml-transition-duration: 0s;
}

.cmt_details .avatar img {
width: 24px;
height: auto;
border-radius: 20%;
}

.post_comments .cmt_details .author {
/*background:url(//cdn.bayan.ir/blog/templates/1/details_ico_cmt.png) center -38px no-repeat;
       width:18px;
       height:18px;*/
display: block;
}

.post_comments .cmt_details .website {
display: block;
}

.post_comments .cmt_details .email {

display: block;
}

.post_comments .cmt_details .cmt_date {
display: block;
}

.post_comments .cmt_details a {
color: #ccc;
cursor: pointer;
text-decoration: none;
font-family: Delius Swash Caps, Gandom;
}

.post_comments .cmt_details a:hover {
color: #e6ccff;
}

/* Reply COMMENT -------- */
.cmt_reply {
background: #d7d1e0;
margin-top: 2px;
margin-bottom: 10px;
padding: 5px 10px 5px 10px;
color: #333;
font-family: karla, Gandom;
border-radius: 15px 15px;
}

.cmt_reply.color2 {
background: #d7d1e0;
color: #000;
border-radius: 15px 15px;
}

.cmt_reply.color3 {
background: #d7d1e0;
opacity: 0.7;
color: #000;
border-radius: 15px 15px;
}

.comment_add_form {}

div.commentForm input.sendbutton {
padding: 5px 15px 6px 15px;
text-shadow: none;
margin: 1px;
cursor: pointer;
/*float:left;
margin-top:-27px;*/
background: #170a10;
color: #fff;
opacity: 93%;
font-family: karla, Gandom;
}

div.commentForm input.sendbutton:hover {
background: #fff;
color: #000;
border: #fff 1px solid;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: inset 0 0 1px 1px #bbb;
-webkit-box-shadow: inset 0 0 1px 1px #bbb;
box-shadow: inset 0 0 1px 1px #bbb;
font-family: karla, Gandom;
}

.comment_add_form {
margin-bottom: 10px;
padding: 10px 10px 10px 10px;
color: #fff;
background: #000;
opacity: 83%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 0 5px #c884a0;
-webkit-box-shadow: 0 0 5px #c884a0;
box-shadow: 0 0 3px #c884a0;
font-family: karla, Gandom;
}

div.commentForm input.sendbutton:hover {
background: #fff;
color: #DDD;
border: #999 1px solid;
font-family: karla, Gandom;
}

div.commentForm iframe {
background: #FFF;
}

div.commentForm input[type=text] {
font-family: Rubik, Gandom;
font-size: 11px;
}

div.commentForm select {
font-family: Rubik, Gandom;
font-size: 11px;
}

/*-- Pagination --*/
.pagination-box {
margin: auto;
}

.pagination {
font-family: karla, Gandom;
cursor: default;
text-align: center;
margin: 20px auto;
font-size: 11px;
padding: 0;
float: none;
}

.pagination .left {
margin-left: -3px;
}

.pagination a {
padding: 0 10px 4px;
margin-left: 3px;
cursor: pointer;
color: #fff;
float: none;
border-bottom: 1px solid #575655;
text-decoration: none;
}

.pagination a.current {
color: #fff;
border: 2px solid #706385;
border-radius: 4px;
}

.pagination .spacer {
float: right;
padding: 1px 8px;
color: #fff;
}

.pagination .pagesList {
display: inline-block;
}

/*---follow-box---*/
.followBx {
margin-top: 10px;
background: #000;
border-radius: 0px;
border-top: 1px solid #cac5d3;
clear: both;
width: 65%;
margin-left: auto;
margin-right: auto;
}

.followThis.followed {
background: #191919;
}

.followThis {
background: #191919;
border-radius: 0px;
font-family: karla, Gandom;
font-size: 11px;
}

#followInBx #followersLs .followImg {
border-radius: 50%;
}

/* ------------------------------------ menu posts ------------------------------- */

.menu-posts {
background-color: #111;
border: 1px solid #222;
padding: 15px;
color: #999;
font-family: karla, Gandom;
margin-top: 40px;

}

.menu-posts .page_detail h2 {
background-color: #191919;
padding-top: calc(7px + 5px);
padding-right: 15px;
padding-bottom: calc(7px + 5px);
padding-left: 15px;
font-family: quicksand, Gandom;
line-height: 1.2em;
font-size: 11px;
}

/* Categories ----- */
.menu-posts ul li ul.subcats a {
padding-right: 10px;
text-decoration: none;
padding-top: 3px;
display: inline-block;
background: url(//cdn.bayan.ir/blog/templates/1/sub_ico.png) right no-repeat;
color: #ccc;
}

.menu-posts .cats li a {
padding-bottom: 3px;
text-decoration: none;
padding-right: 20px;
display: table-cell;
*display: inline-block;
background: url(//cdn.bayan.ir/blog/templates/1/folder_ico.png) right no-repeat;
color: #ccc;

}

.menu-posts .cats li h3 {
margin: 0px;
font-family: Delius Swash Caps, Gandom;
font-size: 13px;
}

.menu-posts .cats li.selected {
background: none;
}

.menu-posts .subcats li.selected {
background: none;
}

.menu-posts .subcats {
margin-right: 14px;
margin-top: -3px;
}

.menu-posts .cats .count {
cursor: default;
display: table-cell;
color: #666;
padding-right: 10px;
}

.menu-posts .subcats .count {
cursor: default;
display: inline-block;
color: #666;
padding-right: 10px;
}

.menu-posts .category_selected {
background: #E5E5E5;
padding: 2px 5px 2px 5px;
display: block;
height: 21px;
max-height: auto;
*height: auto;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.menu-posts .category_selected a {
color: #000;
cursor: default;
}

/*-- STAT Graph --*/
.menu-posts #stat_summary_div {
clear: both;
padding: 2px 6px;
}

.menu-posts .cnt.stat {}

.menu-posts .cnt.stat .row {
display: flex;
justify-content: space-between;
padding: 10px 40px 0px 60px;
background: url(//cdn.bayan.ir/blog/templates/1/line.png) no-repeat center bottom;
*background: none;
clear: both;
}

/* -LINKs- */

.menu-posts .cnt ul.links li {
padding: 2px 5px 3px 5px;
background: url(//cdn.bayan.ir/blog/templates/1/line.png) no-repeat center bottom;
*background: none;
*border-bottom: 1px solid #F5F5F5;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-khtml-transition-duration: 0.3s;
}

.menu-posts .cnt .links li.selected {
background: #E5E5E5 url(//cdn.bayan.ir/blog/templates/1/line.png) no-repeat center bottom;
}

.menu-posts .cnt .links li a {
padding-bottom: 3px;
padding-right: 10px;
background: url(//cdn.bayan.ir/blog/templates/1/sidebar-bullet.png) right no-repeat;
text-decoration: none;
color: #ccc;
}

.menu-posts .cnt .links .count {
cursor: default;
color: #666;
}

/* Recent Posts ---- */
.menu-posts .cnt .list_view li {
display: inline-block;
background: none;
width: 100%;
}

.menu-posts .cnt .list_view li a {
background: none;
text-decoration: none;
}

/*- Mobile -*/
.menu-posts .cnt .list_view.mobile li a {
padding-bottom: 3px;
padding-right: 10px;
display: table-cell;
*display: inline-block;
background: url(//cdn.bayan.ir/blog/templates/1/sidebar-bullet.png) right no-repeat;
}

.menu-posts .cnt .list_view .cnt {
margin-right: -1px;
margin-bottom: -1px;
padding: 2px 2px 3px 0px;
line-height: 5px;
border: none;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-khtml-transition-duration: 0.3s;
}

.menu-posts .cnt .list_view li a {
color: #ccc;
}

.menu-posts .cnt .list_view li a:hover {
color: #4f4362
    /*#cc0f00*/
;
}

.menu-posts .cnt .list_view .cnt:hover {
background: #E8E8E8 url(//cdn.bayan.ir/blog/templates/1/line.png) no-repeat center bottom;
}

.menu-posts .cnt .list_view .cnt.selected {
background: #E5E5E5 url(//cdn.bayan.ir/blog/templates/1/line.png) no-repeat center bottom;
}

.menu-posts .cnt .list_view .date {
cursor: default;
font-size: 9px;
color: #666;
display: none;
}

.menu-posts .cnt .list_view.mobile .date {
display: block;
}

.non {
display: none;
}

.rate-box:hover .fa-heart-o::before {
content: "\f004";
transition-duration: 0.5s;
}

.rate-box.rated .fa-heart-o::before {
content: "\f004";
transition-duration: 0.5s;
}

/* ----------------------------------- mobile ------------------------- */

@media (max-width: 767px) {

.out-container {
   width: 100%;
}
.in-container {
    grid-template-rows: 0.1fr 0.5fr;
    grid-template-areas:
      "menu"
      "content";
      overflow-x: hidden;

}

.menu {
    position: relative;
    width: 98%;
    margin-top: 50px;
}

.zodiac {
    width: 68%;
}

.zodiac h1 {
    font-size: 25px;
}

.desc {
    width: 100%;
    height: auto;
}

.content-wrap {
    width: 95%;
    margin-left: auto;
    margin-right: auto;

}

#musicplayer {
    display: none;
}

#magicspirit {
    position: relative;
    top: -30px;
    margin-right: 15px;
    display: flex;
}

#electric a {
    width: calc((360px / 4) - 10px);
}

.menu-posts {
    margin-bottom: 40px;
}

.post {
    width: 360px;
    margin-left: 15px;
}

.menu-posts {
    width: 355px;
    margin-left: 30px;
}

.post .title h2 {
    font-size: 11px;
}

}

/* ----------------------------------- tablet(800 is apple 1024 is samsung) ------------------------- */

@media (min-width: 768px) and (max-width: 1023px) {
.in-container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
      "menu"
      "content";
    height: 0;
}

.menu {
    position: relative;
    width: 80%;
    height: 0%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
}

.zodiac {
    width: 40%;
}

.zodiac h1 {
    font-size: 20px;
    text-align: center;
}

.desc {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

#electric a {
    width: calc((450px / 4) - 10px);
}

.content-wrap {
    width: 65%;
    margin-right: auto;
    margin-left: auto;
}

#musicplayer {
    margin-bottom: 50px;
    margin-right: 30px;
}

#magicspirit {
    margin-right: 30px;
    margin-top: 30px;
}

.post {
    width: 550px;
}
.description {
margin-left: calc(85px + 16px + 15px);
}

}

این کد کلا جایگزین کدی که توی قسمت ویرایش css قالب فعلی هست بکن درست میشه

شرمنده نبودم زیادی طول کشیده جواب بدم به کامنت ها :)

مهرشاد فراهانی

دوشنبه ۱۵ فروردين ۰۱
۲۰:۵۷

چه قدر قشنگه واقعا. هنوزم میشه خرید؟

مرسی

بله می تونی بخری یه چند وقت درگیر بودم آن نمی شدم :")

Sara Y

شنبه ۲ مرداد ۰۰
۱۴:۱۵

من الان اینو میخرم.

سلام

الان میام کدش رو میدم فقط این که هرمشکل یا باگی داشت بهم بگو که رفع کنم ممکنه جایی از دستم در رفته باشه :)

Sara Y

جمعه ۲۵ تیر ۰۰
۲۲:۲۵

به به! من توی تامبلر هم بلاگ دارم و غصه می خوردم که چرا کسی نیست مثل اونجا قالب بزنه. واقعا هیجان زده شدم اینجا رو دیدم. TT من این قالب رو بخرم احتمالا. TT
سفارشی هم میزنی؟ قالب تامبلر بدیم بهت؟ لول

مرسی D: اره قالب های اون جا خیلی خوب و متنوعه *&*

سفارشی هم می زنم ولی فعلا تو دستم یه چندتا قالب دارم که اول اونا رو بسارم بعد سفارشی هم درست می کنم D:

mochi ^-^

چهارشنبه ۲۳ تیر ۰۰
۲۰:۴۴

حیف نمیتونم پول بپردازم وگرنه میخریدمش خیلی قشنگه:")

yeaaaaah :""""")

تنکس تنکس *^*

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.

Stars Theme

[ LATEST UPDATES ]