91-3-3، 04:06 عصر
http://rahnamafard.persiangig.com/Themes/Gray/Style.css
کد:
body {
background-color: #ccc;
direction: rtl;
margin: auto;
margin-top: 10px;
}
a {
text-decoration: none;
color: #ff0090;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
a:hover {
text-decoration: none;
color: white;
text-shadow: black 0px 3px 4px;
}
p {
font-family: tahoma;
font-size: 8pt;
}
hr {
color: white;
box-shadow: lightgray 0px 0px 5px 2px;
}
.content {
margin: 0 auto;
width: 970px;
}
.header {
background: #e5e5e5 url(http://rahnamafard.persiangig.com/Themes/Gray/Header.jpg) no-repeat center center;
height: 228px;
padding: 15px;
margin: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.header-title {
width: 500px;
height: 200px;
float: right;
margin-right: -140px;
text-align:center;
}
.header-title h1 {
margin-top: 40px;
margin-right: 30px;
font-family: "B Titr", tahoma;
font-size: 20pt;
text-shadow: black 0px 0px 8px;
font-weight: normal;
color: #eee;
}
.header-title h2 {
margin-top: 90px;
margin-right: 30px;
font-family: "B mitra", tahoma;
font-size: 14pt;
text-shadow: black 0px 0px 8px;
font-weight: normal;
color: #eee;
}
.header-search {
background: url(http://ara-theme.persiangig.com/gray-theme/images/Search.png) no-repeat;
width: 196px;
height: 30px;
margin-top: 193px;
margin-left: 5px;
float: left;
}
#search {
background: url(http://ara-theme.persiangig.com/gray-theme/images/search.png) center center no-repeat;
float: left;
height: 32px;
width: 240px;
margin: 0;
}
.search-input {
background: none;
height: 32px;
width: 160px;
margin: 0 0 0 5px;
color: #fff;
border: none;
padding-right: 20px;
padding-top: 3px;
font-size: 12px;
float: left;
direction: rtl;
}
.search-button {
background: none;
height: 30px;
width: 30px;
border: none;
padding-top: 2px !important;
padding-top: 10px;
margin-right: 0px;
margin-left: -40px;
cursor: pointer;
float: right;
}
.top-menu {
background-color: #e5e5e5;
width: 970px;
height: 44px;
padding: 3px 0 20px 0;
margin: 10px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.top-menu ul {
margin: 0 auto;
padding: 0;
}
.top-menu-li {
background: url(http://ara-theme.persiangig.com/gray-theme/images/top-menu.png) no-repeat right center;
width: 122px;
height: 44px;
text-align: center;
color: #eaeaea;
font-family: "B yekan" , tahoma;
font-size: 10pt;
margin: 7px 8px 0 8px;
float: right;
padding-top: 10px;
opacity: 0.9;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.top-menu-li:hover {
background: url(http://ara-theme.persiangig.com/gray-theme/images/top-menu.png) no-repeat right center;
width: 122px;
height: 44px;
text-decoration: none;
color: white;
font-family: b yekan , tahoma;
font-size: 10pt;
float: right;
margin: 0 8px;
cursor: hand;
cursor: pointer;
text-shadow: black 5px 5px 4px;
opacity: 1;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.body {
width: 970px;
height: auto;
margin: auto;
}
.right-menu {
background-color: #e5e5e5;
padding: 15px;
width: 171px;
height: auto;
direction: rtl;
text-align: right;
float: right;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.right-menu-titlebar {
background: url(http://ara-theme.persiangig.com/gray-theme/images/title-menu.png) no-repeat center;
width: 171px;
height: 37px;
}
.right-menu-titlebar p {
font-family: b koodak , tahoma;
font-size: 18px;
color: white;
text-align: center;
margin-left: 35px;
margin-top: 0px;
}
.right-menu-body {
background-color: #bebebe;
width: 149px;
margin-bottom: 10px;
padding: 10px;
border-right: solid gray 1px;
border-left: solid gray 1px;
border-bottom: solid gray 1px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.right-menu-body ul {
margin: 0;
padding: 0;
}
.right-menu-body li {
list-style-image: url(http://ara-theme.persiangig.com/gray-theme/images/arrow.png);
text-align: right;
padding: 0 7px;
color: #ae0000;
font-family: tahoma;
font-size: 12px;
margin-bottom: 5px;
margin-right: 10px;
width: 133px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.right-menu-body li:hover {
list-style-image: url(http://ara-theme.persiangig.com/gray-theme/images/arrow.png);
text-align: right;
padding-right: 7px;
color: #fff;
font-family: tahoma;
font-size: 12px;
margin-bottom: 5px;
text-shadow: black 0px 2px 3px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.left-menu {
background-color: #e5e5e5;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
width: 171px;
height: auto;
direction: rtl;
text-align: right;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.left-menu-titlebar {
background: url(http://ara-theme.persiangig.com/gray-theme/images/title-menu.png) no-repeat center;
width: 171px;
height: 37px;
}
.left-menu-titlebar p {
font-family: b koodak , tahoma;
font-size: 18px;
color: white;
margin-top: 0px;
margin-right: -37px;
text-align: center;
}
.left-menu-body {
background-color: #bebebe;
width: 149px;
height: auto;
margin-top: -1px;
margin-bottom: 20px;
padding: 10px;
border-right: solid gray 1px;
border-left: solid gray 1px;
border-bottom: solid gray 1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}
.left-menu-body li {
list-style-image: url(http://ara-theme.persiangig.com/gray-theme/images/arrow.png);
text-align: right;
padding-right: 7px;
color: #ae0000;
font-family: tahoma;
font-size: 12px;
margin-bottom: 5px;
margin-right: 10px;
width: 133px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.left-menu-body li:hover {
list-style-image: url(http://ara-theme.persiangig.com/gray-theme/images/arrow.png);
text-align: right;
padding-right: 7px;
color: #fff;
font-family: tahoma;
font-size: 10pt;
margin-bottom: 5px;
text-shadow: black 0px 2px 3px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.post {
background-color: #e5e5e5;
width: 510px;
height: auto;
padding: 20px;
margin-right: 6px;
border: solid lightgray 1px;
float: right;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.post-title {
background: url(http://ara-theme.persiangig.com/gray-theme/images/post-title.png) no-repeat right;
width: 526px;
height: 78px;
margin-right: -25px;
float: left;
}
.post-title-text {
color: #515151;
font-family: b koodak , tahoma;
font-size: 16pt;
text-align: right;
direction: rtl;
float: right;
margin-right: 100px;
margin-top: 20px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.post-title-text:hover {
color: #000;
font-family: b koodak , tahoma;
font-size: 16pt;
text-align: right;
direction: rtl;
float: right;
margin-right: 100px;
margin-top: 20px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.post-title-text2 {
color: #eaeaea;
font-family: b mitra , tahoma;
font-size: 11pt;
text-align: right;
direction: rtl;
width: 420px;
float: left;
margin-right: 10px;
margin-top: -20px;
text-shadow: none;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.post-title-text2:hover {
color: gray;
font-family: b mitra , tahoma;
font-size: 11pt;
text-align: right;
direction: rtl;
width: 420px;
float: left;
margin-right: 10px;
margin-top: -20px;
text-shadow: none;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.post-title-img {
background-color: lightgray;
opacity: 0.7;
border: solid gray 1px;
width: 50px;
height: 50px;
float: right;
margin-top: -62px;
margin-right: 7px;
box-shadow: lightgray 0px 0px 8px 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.post-title-img:hover {
background-color: lightgray;
opacity: 1;
border: solid gray 1px;
width: 65px;
height: 65px;
float: right;
margin-top: -69px;
margin-right: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.post-body {
color: black;
direction: rtl;
font-family: tahoma;
font-size: 10pt;
text-align: right;
width: 490px;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
margin-top: 5px;
margin-right: -10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.post-body ul {
margin: 0;
padding: 0;
}
.post-body li {
padding: 0 7px;
margin: 0;
list-style: none;
}
.post-body a {
color: #ae0000;
text-decoration: none;
}
.post-body img {
background: lightgray;
padding: 10px;
border: solid gray 1px;
opacity: 0.7;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.post-body img:hover {
background: gray;
padding: 10px;
border: solid black 1px;
opacity: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.pages {
max-width: 400px;
height: auto;
border: solid gray 1px;
font-size: 12px;
background-color: lightgray;
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.pages a, .pages span {
text-decoration: none;
border: 1px solid #aaa;
padding: 3px 5px;
margin: 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.pages a:hover, .pages span.current {
border-color: #000;
}
.pages span.current {
font-weight: bold;
}
.bottom-menu {
background-color: #e5e5e5;
width: 970px;
height: auto;
margin: 10px auto;
padding-bottom: 10px;
float: right;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bottom-menu-body {
float: right;
background-color: #cbcbcb;
width: 200px;
height: auto;
margin-top: 30px;
margin-right: 28px;
padding-bottom: 20px;
box-shadow: gray 0px 0px 30px 1px inset;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.bottom-menu-title {
float: right;
color: black;
font-family: b koodak , tahoma;
font-size: 18px;
width: 200px;
text-align: right;
margin-top: -18px;
margin-right: 10px;
margin-bottom: -2px;
text-shadow: white 0px 0px 8px;
}
.bottom-menu li {
list-style-image: url(http://ara-theme.persiangig.com/gray-theme/images/arrow.png);
text-align: right;
font-family: tahoma;
font-size: 10pt;
margin-bottom: 5px;
margin-right: 25px;
width: 133px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.copyright {
width: 970px;
background: #e5e5e5;
color: #454545;
direction: ltr;
float: right;
margin-top: 10px;
font-family: Calibri , tahoma;
font-size: 18pt;
text-shadow: none;
text-align: center;
opacity: 0.8;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
@font-face {
font-family: 'B Mitra';
src: url('http://www.font-api.ir/fontsdir/37.eot');
src: local('☺'), url('http://www.font-api.ir/fontsdir/37.woff') format('woff'), url('http://www.font-api.ir/fontsdir/37.ttf') format('truetype'), url('http://www.font-api.ir/fontsdir/37.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'B Yekan';
src: url('http://www.font-api.ir/fontsdir/47.eot');
src: local('☺'), url('http://www.font-api.ir/fontsdir/47.woff') format('woff'), url('http://www.font-api.ir/fontsdir/47.ttf') format('truetype'), url('http://www.font-api.ir/fontsdir/47.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'B Koodak';
src: url('http://www.font-api.ir/fontsdir/35.eot');
src: local('☺'), url('http://www.font-api.ir/fontsdir/35.woff') format('woff'), url('http://www.font-api.ir/fontsdir/35.ttf') format('truetype'), url('http://www.font-api.ir/fontsdir/35.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'B Titr';
src: url('http://www.font-api.ir/fontsdir/44.eot');
src: local('☺'), url('http://www.font-api.ir/fontsdir/44.woff') format('woff'), url('http://www.font-api.ir/fontsdir/44.ttf') format('truetype'), url('http://www.font-api.ir/fontsdir/44.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.clearfix:after {
content: ” “;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides From IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End Hide From IE-mac */
