مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
مشکل در تغییر فونت

[حل‌شده] مشکل در تغییر فونت
سلام،هرکاری میکنم فونت تغییر نمیکنه،لطفا کسی میتونه راهنماییم کنه؟یا برام درستش کنه؟ اینم کد Global.css،فونت فمیلی هارو هم تغییر دادم ولی باز درست نشد...
کد:
@font-face {
       font-family: 'shabnam';
       src: url(http://avacs.webpi.ir/images/fonts/Shabnam.eot)
}
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
body {
    background: #fff;
    color: #333;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 13px;
    overflow-y: scroll;
}

a:link {
    color: #0072BC;
    text-decoration: none;
}

a:visited {
    color: #0072BC;
    text-decoration: none;
}

a:hover,
a:active {
    color: #0072BC;
    text-decoration: none;
}

#container {
    color: #333;
    text-align: right;
    line-height: 1.4;
    margin: 0;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 13px;
}

.wrapper {
    width: auto;
    margin: auto 15px;
}

.topmenu {
    position:fixed;
    top: 0;
    right: 0;
    left: 0;
      z-index: 999;
    background: #f7f7f7;
    color: #0d0d0d;
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin: 0;
    height: 49px;
      padding: 0 15px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

@media(max-height:300px)
  {
        .topmenu {
              position: absolute;
        }
  }
.topmenu #user_panel {
      padding: 5px;
      font-size: 16px;
      display: inline-block;
}

.topmenu #user_panel .avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  vertical-align: middle;
  border: 2px solid #6d6d6d;
  padding: 2px;
  cursor: pointer;
}

.topmenu #user_panel .tooltip {
  width: 150px;
}

.topmenu .mymenu {
    outline: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
}

.topmenu .mymenu li {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}

.topmenu .mymenu li a {
    display: block;
    height: 49px;
    padding: 15px 10px 0 10px;
    font-size: 14px;
    color: #0d0d0d;
    text-decoration: none;
    margin: 0;
}

#topmenu-mini {
      float: left;
}

#topmenu-mini a {
      display: block;
      color: #333;
      padding: 7px 5px;
}

#topmenu-mini .dropdown-menu {
  left: 0;
  right: auto;
  border-top-right-radius:0;
  border-top-left-radius:0;
}

#logo {
      background: #2980b9;
      padding: 70px 15px 20px 15px;
}

#content {
    background: #fff;
    width: auto !important;
    padding: 20px 10px;
    overflow: hidden;
}

#header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header ul.menu li {
    margin: 0 7px;
    display: inline;
}

#header ul.menu li a {
    padding-right: 20px;
    background-image: url(images/headerlinks_sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
}

#logo ul.top_links {
    font-weight: bold;
    text-align: left;
    margin: -10px 0 0 5px;
}

#logo ul.top_links a.search {
    background-position: right 0;
}

#logo ul.top_links a.memberlist {
    background-position: right -20px;
}

#logo ul.top_links a.calendar {
    background-position: right -40px;
}

#logo ul.top_links a.help {
    background-position: right -60px;
}

#logo ul.top_links a.portal {
    background-position: right -180px;
}

#panel .upper a.logout {
    font-weight: bold;
    background: url(images/headerlinks_sprite.png) left -80px no-repeat;
    padding-left: 20px;
    margin-right: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
    background: url(images/headerlinks_sprite.png) right -100px no-repeat;
    padding-right: 20px;
    margin-right: 10px;
    font-weight: bold;
}

#panel .upper a.register {
    background: url(images/headerlinks_sprite.png) left -80px no-repeat;
    padding-left: 20px;
    margin-right: 10px;
    font-weight: bold;
}

#panel .lower ul.panel_links {
    float: right;
}

#panel .lower ul.panel_links a.usercp {
    background-position: right -120px;
}

#panel .lower ul.panel_links a.modcp {
    background-position: right -140px;
}

#panel .lower ul.panel_links a.admincp {
    background-position: right -160px;
}

#panel .lower ul.user_links {
    float: left;
}

#panel .lower ul.user_links li a {
    padding: 0;
    background-image: none;
}

#panel .upper {
    background: #0f0f0f url(images/tcat.png) repeat-x;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 7px;
    clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #fff;
    text-decoration:none;
}

#panel .lower {
    background: #efefef;
    color: #999;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #666;
    text-decoration:none;
}

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: left;
    vertical-align: middle;
      position: relative;
      width: 200px;
      display: block;
      margin: 20px;
      height: 28px;
}

#search input.textbox {
    position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 200px;
      border-radius: 3px;
      border: 1px solid #ccc;
      z-index: 1;
}

#search input.button {
    position: absolute;
      top: 2px;
      left: 2px;
      background: transparent;
      border: none;
      color: #bbb;
      z-index: 2;
    font: normal normal normal 16px/1 octicons;
    display: inline-block;
    text-decoration: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#quick_login .remember_me input {
    vertical-align: middle;
    margin: -3px 5px 0 0;
}

#footer {
    clear: both;
      background :#303030;
      position: relative;
      margin-top: 25px;
}

#footer ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer ul.menu li {
    margin: 0 5px;
    display: inline;
}

#footer .upper {
    background: #efefef;
    border: solid #bbb;
      border-width: 2px 1px;
      border-radius: 3px;
    padding: 6px;
    font-size: 12px;
    overflow: hidden;
      position: absolute;
      top: -20px;
      height: 40px;
      left: 20px;
      right: 20px;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
    color: #777;
    text-decoration:none;
}

#footer .upper .language {
    float: left;
    margin: -1px;
    margin-right: 15px;
}

#footer .upper .language select {
    border-color: #ccc;
}

#footer .upper .theme {
    float: left;
    margin: -1px;
    margin-right: 15px;
}

#footer .upper .theme select {
    border-color: #ccc;
}

#footer .upper ul.bottom_links {
    float: right;
    margin: 4px 0 0 0;
}

@media(max-width: 800px) {
  #footer .upper .theme, #footer .upper .language {
    display: none;
  }
}

@media(max-width: 700px) {
  #footer .upper {
    padding: 6px 2px;
  }

  #footer ul.menu li {
    margin: 0 1px;
    font-size: 11px;
  }
}

@media(max-width: 480px) {
  #footer .upper {
    display: none;
  }
}

#footer .lower {
    color: #eee;
      text-shadow: 1px 1px #000;
    padding: 40px 10px 16px 10px;
    overflow: hidden;
    font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration:none;
}

#footer .lower a:hover,
#footer .lower a:active {
    color: #fff;
    text-decoration:none;
    font-weight: bold;
}

#footer .lower #current_time {
    float: left;
    color: #888;
}

#debug {
    float: left;
    text-align: left;
    margin-top: 20px;
    font-size: 11px;
}

.scaleimages img {
    max-width: 100%;
}

.subforumicon {
    margin: 4px 2px;
      vertical-align: middle;
}

table {
    color: #333;
    font-size: 13px;
}

.tborder {
    background: #fff;
    width: 100%;
    margin: auto auto;
    border: 1px solid #ccc;
    padding: 1px;
      border: 1px solid #2980b9;
}

.tfixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.thead {
    background: #3498db;
    color: #ffffff;
    border-bottom: 4px solid #2980b9;
    padding: 8px 10px;
      font-size: 14px;
      text-shadow: 0 1px rgba(0, 0, 0, 0.4);
      font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
}

.thead strong {
      display: inline-block;
      padding: 2px 7px;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 2px;
      border: 1px solid rgba(0, 0, 0, 0.4)
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover,
.thead a:active {
    color: #ffffff;
    text-decoration: none;
}

.tcat {
    background: #0f0f0f url(images/tcat.png) repeat-x;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 6px;
    font-size: 12px;
}

.tcat a:link {
    color: #fff;
    text-decoration:none;
}

.tcat a:visited {
    color: #fff;
    text-decoration:none;
}

.tcat a:hover,
.tcat a:active {
    color: #fff;
    text-decoration:none;
}

.trow1, .trow2 {
    background: #f5f5f5;
    border: 1px solid #ccc;
      padding: 10px;
}
.trow_shaded {
    background: #ffdde0;
    border: 1px solid;
    border-color: #fff #ffb8be #ffb8be #fff;
    padding: 6px;
}

.no_bottom_border {
    border-bottom: 0;
}

.post.unapproved_post {
    background: #ffdde0;
}

.post.unapproved_post .post_author {
    border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
    border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
    border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
    background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
    background: #FFFBD9;
    color: #333;
    border-left-color: #F7E86A;
    border-bottom-color: #F7E86A;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
    color: #333;
    text-decoration:none;
}

.trow_sep {
    background: #ddd;
    color: #333;
    border-bottom: 1px solid #c5c5c5;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    border-top: 1px solid #fff;
    padding: 6px;
    background: #ddd;
    color: #666;
}

.tfoot a:link {
    color: #444;
    text-decoration: none;
}

.tfoot a:visited {
    color: #444;
    text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
    color: #444;
    text-decoration:none;
}

.thead input.textbox,
.thead select {
    border: 1px solid #263c30;
}

.forumbit-head-lastpost {
      float: left;
      margin-left: 130px;
      width: 100px;
}

.forumbit-row {
  background: #fefefe;
  border: 1px solid #ddd;
  border-radius: 2px;
  position:relative;
  min-height: 80px;
  padding: 10px;
  padding-right: 70px;
  padding-left: 260px;
  margin:2px 0;
}

.forumbit-row:hover {
  border-color: #ccc;
}

.forumbit-row .forum_status {
  display:block;
  position: absolute;
  top: 15px;
  right: 10px;
}

.forumbit-lastpost {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #f7f7f7;
  padding: 10px;
  width: 250px;
  border-right: 1px solid #ccc;
  box-shadow: 1px 0 #fff inset;
}
.bottommenu {
    background: #efefef;
    color: #333;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #333;
    font-size: 12px;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
    text-decoration:none;
}

.navigation .active {
    color: #333;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

fieldset {
    padding: 12px;
    border: 1px solid #ddd;
    margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
    border-color: #bbb;
}

fieldset.align_left {
    text-align: left;
}

input.textbox {
    background: #ffffff;
    color: #333;
    border: 1px solid #ccc;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
}

textarea {
    background: #ffffff;
    color: #333;
    border: 1px solid #ccc;
    padding: 2px;
    line-height: 1.4;
    outline: 0;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    padding: 3px;
    border: 1px solid #ccc;
    outline: 0;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 12px;
}

button,
input.button {
    padding: 3px 8px;
    cursor: pointer;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 12px;
    background: rgb(239,239,239); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) right%, rgba(221,221,221,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(99%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) right%,rgba(221,221,221,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(239,239,239,1) right%,rgba(221,221,221,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(239,239,239,1) right%,rgba(221,221,221,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(239,239,239,1) right%,rgba(221,221,221,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
      box-shadow: -1px -1px rgba(255, 255, 255, 0.5) inset;
      text-shadow: 0 1px #fff;
    border: 1px solid #bbb;
    color: #333;
    outline: 0;
}

button:hover,
input.button:hover {
    border-color: #aaa;
}

form {
    margin: 0;
    padding: 0;
}

form input.error {
    border: 1px solid #f30;
    color: #f30;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
}

form input.valid {
    border: 1px solid #0c0;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
}

form label.error {
    color: #f30;
    margin: 5px;
    padding: 0px;
    display: block;
    font-weight: bold;
    font-size: 11px;
}

form #message {
    width: 500px;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #ccc;
}

.post .editor_control_bar {
    background: #f5f5f5;
}

.popup_menu {
    background: #fff;
    border: 1px solid #ccc;
}

.popup_menu .popup_item {
    background: #efefef;
    color: #333;
}

.popup_menu .popup_item:hover {
    background: #0072BC;
    color: #fff;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

img {
    border: none;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

.clear {
    clear: both;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
}

.align_right {
  text-align: right;
}

.align_left {
  text-align: left;
}

.align_center {
  text-align: center;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background: #FFFBD9;
    border-bottom: 1px solid #F7E86A;
    color: #333;
    text-align: center;
}

.expcolimage {
    float: left;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

.tcat_menu > .expcolimage {
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 10px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

blockquote cite span {
    float: left;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.smilie {
    vertical-align: middle;
}

.smilie_pointer {
    cursor: pointer;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: right;
}

.popup_menu .popup_item {
    display: block;
    padding: 4px;
    white-space: nowrap;
    text-decoration: none;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
    word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active  {
    color: #A5161A;
    text-decoration:none;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #333;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-right: 24px;
    display: block;
    color: #C00;
    background: url(images/error.png) no-repeat 0;
}

div.error ul {
    margin-right: 24px;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
    padding: 3px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.pagination .pagination_current {
    background: none;
    color: #333;
    border: none;
    font-weight: bold;
}

.pagination a:hover {
    background: #0072BC;
    color: #fff;
    border-color: #263c30;
    text-decoration: none;
}

.pagination .go_page img {
    margin-bottom: -4px;
}

.drop_go_page {
    background: #f5f5f5;
    padding: 4px;
}

.pagination_breadcrumb {
    background-color: #efefef;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

.thread_legend,
.thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-left: 15px;
}

.thread_legend img {
    margin-left: 4px;
    vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: right;
    margin-left: 10px;
    margin-top: 7px;
}

.forum_legend dt {
    margin-left: 10px;
    float: right;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

#posts_container {
    padding: 0;
}

.ignored_post {
    border-top: 3px solid #333;
    padding: 15px;
}

.ignored_post .show_ignored_post {
    margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
    background-position: right -400px;
}

.post {
    overflow: hidden;
}

.post.classic {
    padding-top: 15px;
}

.post .post_author {
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #ccc;
    background: #f5f5f5;
    padding: 5px;
    overflow: hidden;
}

.post.classic .post_author {
    border: 1px solid #ddd;
    float: right;
    width: 15%;
    margin: 0 0 15px 1%;
    border-right: 0;
    padding: 5px 1%;
}

.post .post_author .buddy_status {
    vertical-align: middle;
    margin-top: -4px;
}

.post .post_author div.author_avatar {
    float: right;
    margin-left: 3px;
}

.post.classic .post_author div.author_avatar {
    float: none;
    text-align: center;
    margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
}

.post .post_author div.author_information {
    float: right;
    padding: 6px 8px;
}

.post.classic .post_author div.author_information {
    float: none;
    padding: 0;
    text-align: center;
}

.post .post_author div.author_statistics {
    float: left;
    font-size: 11px;
    padding: 3px 5px 3px 10px;
    color: #666;
    line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
    border-top: 1px dotted #ccc;
    margin: 6px 0 0 0;
    padding: 6px 6px 3px 6px;
    float: none;
}

.post .post_head {
    font-size: 11px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 4px;
}

.post .post_head span.post_date {
    color: #666;
}

.post .post_head span.edited_post {
    font-size: 10px;
    color: #999;
}

.post .post_head span.edited_post a {
    color: #666;
}

.post_body {
    font-size: 14px;
    padding: 12px 0;
}

.post.classic .post_content {
    float: right;
    width: 79%;
    padding: 0 1% 5px 1%;
}

.post_content {
    padding: 9px 10px 5px 10px;
}

.post_content .signature {
    margin-top: 5px;
    border-top: 1px dotted #ddd;
    padding: 10px 0 4px 0;
}

.post .post_meta {
    margin: 4px 0;
    font-size: 11px;
    color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
    color: #777;
    text-decoration:none;
}

.post .post_meta a:hover,
.post .post_meta a:active {
    color: #777;
    text-decoration:none;
}

.post_controls {
    clear: both;
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
    display: inline-block;
    padding: 2px 5px;
    margin: 2px;
    font-size: 11px;
    background: #eee url(images/buttons_bg.png) repeat-x;
    border: 1px solid #ccc;
    color: #555;
    text-decoration:none;
}

.postbit_buttons > a:hover {
    border-color: #bbb;
    text-decoration:none;
}

.postbit_buttons a span {
    padding-right: 20px;
    display: inline-block;
    height: 16px;
    background-image: url(images/buttons_sprite.png);
    background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
    background-position: right 0;
}

.postbit_buttons a.postbit_reputation_add span {
    background-position: right -20px;
}

.postbit_buttons a.postbit_email span {
    background-position: right -40px;
}

.postbit_buttons a.postbit_website span {
    background-position: right -60px;
}

.postbit_buttons a.postbit_pm span {
    background-position: right -80px;
}

.postbit_buttons a.postbit_quote span {
    background-position: right -100px;
}

.postbit_buttons a.postbit_multiquote span {
    background-position: right -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
    background-position: right -140px;
}

.postbit_buttons a.postbit_edit span {
    background-position: right -160px;
}

.postbit_buttons a.postbit_qdelete span {
    background-position: right -180px;
}

.postbit_buttons a.postbit_qrestore span {
    background-position: right -200px;
}

.postbit_buttons a.postbit_report span {
    background-position: right -220px;
}

.postbit_buttons a.postbit_warn span {
    background-position: right -240px;
}

.postbit_buttons a.postbit_purgespammer span {
    background-position: right -540px;
}

.postbit_buttons a.postbit_reply_pm span {
    background-position: right -260px;
}

.postbit_buttons {
  position: static;
}

textarea {
  max-width: 100%;
}

.postbit_buttons a.postbit_reply_all span {
    background-position: right -280px;
}

.postbit_buttons a.postbit_forward_pm span {
    background-position: right -300px;
}

.postbit_buttons a.postbit_delete_pm span {
    background-position: right -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
    background: #0f0f0f url(images/tcat.png) repeat-x;
    box-shadow: 0 1px #333 inset, 0 -1px #333 inset, 1px 0 #333 inset, -1px 0 #333 inset;
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    margin: 2px 2px 6px 2px;
    border: 1px solid #000;
    font-size: 14px;
    text-decoration: none;
}

a.button.small_button {
    font-size: 13px;
    margin: 0;
    padding: 3px 6px;
}

a.button span {
    display: inline-block;
      padding: 0 2px;
}

.quick_jump {
    background: url(images/jump.png) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-right: 13px; /* amount of padding needed for image to fully show */
    margin-top: -3px;
    border: none;
}

.pollbar {
    background: url(images/pollbar.png) top right repeat-x;
    border: 1px solid #3f3f3f;
    height: 10px;
}

.pollbar .percent {
    display: none;
}

.posticons_label {
    white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
    position: absolute;
}

.ie6.top-left {
    left: auto;
    bottom: auto;
    right: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollright ? document.documentElement.scrollright : document.body.scrollright ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-right {
    right: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollright ? document.documentElement.scrollright : document.body.scrollright ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
    right: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollright ? document.documentElement.scrollright : document.body.scrollright ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
    right: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollright ? document.documentElement.scrollright : document.body.scrollright ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
    right: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollright ? document.documentElement.scrollright : document.body.scrollright ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
    position: fixed;
}

.jGrowl.top-right {
    right: 0px;
    top: 0px;
}

.jGrowl.top-left {
    left: 0px;
    top: 0px;
}

.jGrowl.bottom-right {
    right: 0px;
    bottom:    0px;
}

.jGrowl.bottom-left {
    left: 0px;
    bottom: 0px;
}

.jGrowl.center {
    top: 0px;
    width: 50%;
    right: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
    margin-right: auto;
    margin-left: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    background-color: #000;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 1em;
    text-align: right;
    display: none;
    border-radius: 5px;
}

.jGrowl .jGrowl-notification {
    min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
    font-weight: bold;
    font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
    z-index: 99;
    float: left;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}

.jGrowl .jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
    .jGrowl {
        display: none;
    }
}

/** jGrowl End **/

/** Modal Start **/

.modal {
    display: none;
    width: 400px;
    text-align: right;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    left: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    right: 50%;
    margin-left: -32px;
    margin-top: -32px;
    background: url(images/spinner_big.gif) no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
    position: absolute;
    background-color: #777777;
}

div.jqi {
    width: 400px;
    max-width:90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: right;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

div.jqi .jqiclose {
    position: absolute;
    top: 4px; left: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
}

div.jqi .jqistate {
    background-color: #fff;
}

div.jqi .jqititle {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 20px;
    border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
    padding: 10px;
    line-height: 20px;
    color: #444444;
}

div.jqi .jqibuttons {
    text-align: left;
    margin: 0 -7px -7px -7px;
    border-top: solid 1px #e4e4e4;
    background-color: #f4f4f4;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
    margin: 0;
    padding: 15px 20px;
    background-color: transparent;
    font-weight: normal;
    border: none;
    border-right: solid 1px #e4e4e4;
    color: #777;
    font-weight: bold;
    font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
    color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
    color: #287ade;
    outline: none;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #b95656;
}

/* sub states */

div.jqi .jqiparentstate::after {
    background-color: #777;
    opacity: 0.6;
    filter: alpha(opacity=60);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
    position: absolute;
    top: 0;
    right: 20%;
    width: 60%;
    padding: 7px;
    border: solid 1px #eeeeee;
    border-top: none;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
    padding: 10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
    position: absolute;
    height: 0; width: 0;
    line-height: 0;
    font-size: 0;
    border: solid 10px transparent;
}

.jqi .jqiarrowtl {
    right: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
    right: 50%;
    top: -20px;
    border-bottom-color: #ffffff;
    margin-right: -10px;
}

.jqi .jqiarrowtr {
    left: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
    right: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
    right: 50%;
    bottom: -20px;
    border-top-color: #ffffff;
    margin-right: -10px;
}

.jqi .jqiarrowbr {
    left: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
    right: -20px;
    top: 10px;
    border-left-color: #ffffff;
}

.jqi .jqiarrowlm {
    right: -20px;
    top: 50%;
    border-left-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowlb {
    right: -20px;
    bottom: 10px;
    border-left-color: #ffffff;
}

.jqi .jqiarrowrt {
    left: -20px;
    top: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowrm {
    left: -20px;
    top: 50%;
    border-right-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowrb {
    left: -20px;
    bottom: 10px;
    border-right-color: #ffffff;
}

/** Impromptu End */

/* Bread Crumb - http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation */
@media(min-width: 800px)
{
  .mybreadcrumb {
    /*centering*/
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #f5f5f5;
    height: 40px;
  }

  .mybreadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 36px;
    color: white;
    /*need more margin on the right of links to accomodate the numbers*/
    padding: 0 30px 0 10px;
    background: #666;
    background: linear-gradient(#666, #333);
    position: relative;
  }
  /*since the first link does not have a triangle before it we can reduce the right padding to make it look consistent with other links*/
  .mybreadcrumb a:first-child {
    padding-right: 16px;
    border-radius:  0 5px 5px 0; /*to match with the parent's radius*/
  }
  .mybreadcrumb a:first-child:before {
    font-size: 32px;
  }
  .mybreadcrumb a:last-child {
    border-radius: 5px 0 0 5px; /*this was to prevent glitches on hover*/
    padding-left: 20px;
  }

  /*hover/active styles*/
  .mybreadcrumb a.active, .mybreadcrumb a:hover{
    background: #333;
    background: linear-gradient(#333, #000);
    text-decoration:none;
  }
  .mybreadcrumb a.active:after, .mybreadcrumb a:hover:after {
    background: #333;
    background: linear-gradient(135deg, #333, #000);
    text-decoration:none;
  }

  /*adding the arrows for the breadcrumbs using rotated pseudo elements*/
  .mybreadcrumb a:after {
    content: '';
    position: absolute;
    top: 0;
    left: -18px; /*half of square's length*/
    /*same dimension as the line-height of .breadcrumb a */
    width: 36px;
    height: 36px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    /*stylish arrow design using box shadow*/
    box-shadow:
      -2px 2px 0 2px rgba(0, 0, 0, 0.4),
      -3px 3px 0 2px rgba(255, 255, 255, 0.1);
    /*
    5px - for rounded arrows and
    50px - to prevent hover glitches on the border created using shadows*/
    border-radius: 0 50px 5px 0;
  }
  /*we dont need an arrow after the last link*/
  .mybreadcrumb a:last-child:after {
    content: none;
  }

  .mybreadcrumb a, .mybreadcrumb a:after {
    background: white;
    color: black;
    transition: all 0.5s;
  }
  .mybreadcrumb a:hover, .mybreadcrumb a.active,
  .mybreadcrumb a:hover:after, .mybreadcrumb a.active:after{
    background: #f5f5f5;
    text-decoration:none;
  }
}

@media(max-width:799px)
{
    .mybreadcrumb {
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 8px;
      background: #f5f5f5;
    }
  
      .mybreadcrumb a {
          color: #0d0d0d;
          text-decoration: none;
          display: inline-block;
          vertical-align: middle;
          text-shadow: 0 1px #fff;
    }
  
  .mybreadcrumb a:after {
    content: '\f078';
    font: normal normal normal 16px octicons;
    display: inline-block;
    margin-right: 4px;
    text-decoration: none;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .mybreadcrumb a:first-child {
    display: none;
  }
  
  .mybreadcrumb a:last-child:after {
    display: none;
  }
  
  .mybreadcrumb a:last-child {
    font-weight: bold;
  }
}

.expander.collapse, .expander.collapse_collapsed {
  font: normal normal normal 27px octicons;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 0.7;
}

.expander.collapse:before {
      content: '\f0a2';
}

.expander.collapse_collapsed:before {
      content: '\f0a3';
}

.forum_status, .subforumicon {
  font: normal normal normal 48px octicons;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 0.7;
}

.subforumicon {
  font-size: 16px;
}


.forum_status.forum_on:before, .subforum_minion:before {
  content: '\f27c';
  color: #3498db;
}

.forum_status.forum_off:before, .subforum_minioff:before {
  content: '\f27c';
  color: #7f8c8d
}

.forum_status.forum_offlock:before, .subforum_miniofflock:before {
  content: '\f06a';
  color: #0d0d0d
}

.forum_status.forum_offlink:before, .subforum_miniofflink:before {
  content: '\f05c';
  color: #0d0d0d
}

.my-widget {
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 15px;
  font-size: 13px;
  margin: 2px 0;
}

.my-widget h2 {
  margin: 2px 1px;
  font-size: 16px;
}

.my-widget.mini {
  padding: 5px;
  font-size: 12px;
}

.normal-octicon {
  font-style: normal;
  font-weight: normal;
  text-decoration: normal;
  font-family: octicons;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.forum-status {
  margin: 0 -2px;
}

.forum-status .col-md-6 {
  padding: 0 2px;
}

.forum-status .my-widget {
  height: 120px;
}


/* Responsive */
@media(max-width: 768px)
{
  .xs-align_center {
    text-align: center;
  }
}

.colors {
  float: left;
  padding: 8px;
  position: relative;
}

@media(max-width: 799px)
{
  .colors {
    padding: 0;
  }
}

.colors span {
  display: inline-block;
  content: ' ';
  cursor: pointer;
  width: 18px;
  height: 18px;
  border: 1px solid #aaa;
  border-radius: 2px;
  box-shadow: 0 1px #fff inset, 0 -1px #fff inset, 1px 0 #fff inset, -1px 0 #fff inset;
}

.colors div {
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 140px;
  padding: 4px;
}

.colors:hover div {
  display: block;
  
}

.colors span:hover {
  border-color: #777;
}

.colors .color-blue {
  background: #3498db;
}

.colors .color-red {
  background: #e74c3c
}

.colors .color-green {
  background: #2ecc71
}

.colors .color-black {
  background: #34495e
}
::-webkit-scrollbar {
    background: #f0f0f0;
    width: 12px;
}
::-webkit-scrollbar-track {
    border-left: 1px solid #345495;

}
::-webkit-scrollbar-thumb {
    background: #2980b9;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.27);
}
::-webkit-scrollbar-thumb:hover {
    background: #4B67A1;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.6);
}
@-webkit-keyframes headershine {
    0%        { opacity: 0.4; }
    50%        { opacity: 1; }
    100%     { opacity: 0.4; }
}
#boardstats_e{background:red;}
پاسخ
sarmadi میگه:
از این کد برای فراخوانی فونت استفاده کنید
کد پی‌اچ‌پی:
@font-face {
    font-familyIRANSans;
    srcurl(#.woff) format('truetype');

 از فرمت woff استفاده کن


 
تصویر: http://www.folder98.ir/1395/09/1481249046.gif
پاسخ
aqilhex میگه:
استفاده کردم،فونت فمیلی هارو هم تغییر دادم،ولی نشد
پاسخ
Tofighi میگه:
آدرس سایت؟


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ
aqilhex میگه:
(۲۹ اسفند ۱۳۹۵، ۱۰:۳۰ ب.ظ)Tofighi نوشته:  آدرس سایت؟
سایت رو بستم،تو لوکال هاستم استفاده میکنم
پاسخ
aqilhex میگه:
الووو؟دوستان کسی نمی تونه کمک کنه؟ Dodgy
پاسخ
Tofighi میگه:
الان میخواید مثلا فونت shabnam بشه فونتتون؟
توی کدی که گذاشتید دوتا مشکل وجود داره...
مورد اول اینکه فایل http://avacs.webpi.ir/images/fonts/Shabnam.eot در کد 
کد:
@font-face {
       font-family: 'shabnam';
       src: url(http://avacs.webpi.ir/images/fonts/Shabnam.eot)
}
به عنوان فایل کد مشخص شده، ولی این فایل وجود نداره...

دوم اینکه کدهایی مثل 
کد:
font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
رو باید به 
کد:
font-family: shabnam, "Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
تبدیل کنید.

باسپاس


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ
aqilhex میگه:
(۰۱ فروردین ۱۳۹۶، ۱۰:۲۸ ب.ظ)Tofighi نوشته:  الان میخواید مثلا فونت shabnam بشه فونتتون؟
توی کدی که گذاشتید دوتا مشکل وجود داره...
مورد اول اینکه فایل http://avacs.webpi.ir/images/fonts/Shabnam.eot در کد 
کد:
@font-face {
       font-family: 'shabnam';
       src: url(http://avacs.webpi.ir/images/fonts/Shabnam.eot)
}
به عنوان فایل کد مشخص شده، ولی این فایل وجود نداره...

دوم اینکه کدهایی مثل 
کد:
font-family: "Droid Arabic Naskh","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
رو باید به 
کد:
font-family: shabnam, "Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
تبدیل کنید.

باسپاس
داداش من گفتم که از لوکال هاست استفاده میکنم،اون هاست غیر فعال شده،آدرسو تو لوکال هاستم درست زدم،فونت فمیلی هم هرچی شبنم میزنم اعمال نمیشه،تو بقیه پروژه هام استفاده میکنم مشکلی نداره...فقط تو مای بی بی اینجوریه نمیدونم چرا
پاسخ
aqilhex میگه:
دوستان من راه حلشو پیدا کردم،می بایست از 3تا فرمت woff,eot,ttf استفاده کرد ،هرکی مشکلی در این مورد داره از این کد استفاده کنه
کد:
@font-face
{
font-family:shabnam;

src:url(آدرس فایل فونت eot);
src:url(آدرس فایل فونت eot) format("embedded-opentype"),
url(آدرس فایل فونت ttf) format("truetype"),
url(آدرس فایل فونت woff) format("woff");

font-weight:400;
font-style:normal
}
ممنون از پاسخ های دوستان Big Grin
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Sad پاسخ داده شده مشکل در ثبت نام کاربران alikassaee 3 33 ۰۶ فروردین ۱۳۹۶، ۱۱:۳۳ ق.ظ
آخرین ارسال: ERFAN-DESIGN
  حل‌شده مشکل در Global.css aqilhex 4 61 ۲۶ اسفند ۱۳۹۵، ۰۷:۳۴ ب.ظ
آخرین ارسال: aqilhex
  در انتظار پاسخ مشکل با حجم جدول پست sir_rahim 5 104 ۱۷ اسفند ۱۳۹۵، ۱۲:۲۰ ب.ظ
آخرین ارسال: imanclassic
  پاسخ داده شده مشکل با ار اس اس انجمن bivafadl 7 202 ۱۲ اسفند ۱۳۹۵، ۱۰:۴۶ ب.ظ
آخرین ارسال: ERFAN-DESIGN
  پاسخ داده شده تغییر به نسخه پایین تر fullman 1 129 ۳۰ دى ۱۳۹۵، ۰۸:۴۴ ب.ظ
آخرین ارسال: bivafadl
  پاسخ داده شده مشکل در ساخت کاربر جدید HalalSoft 2 170 ۲۸ دى ۱۳۹۵، ۱۰:۲۶ ق.ظ
آخرین ارسال: IrIsT
  در انتظار پاسخ تغییر آیکون در link preview reza41 3 215 ۰۳ آذر ۱۳۹۵، ۰۷:۱۸ ب.ظ
آخرین ارسال: Develepor
Heart پاسخ داده شده آیا این مشکل امنیتی در mybb 1.8 درسته؟ IrIsT 4 232 ۲۳ آبان ۱۳۹۵، ۱۲:۵۹ ق.ظ
آخرین ارسال: Tofighi
  پاسخ داده شده تغییر بازه‌ی اعتبار امیر عباس 1 111 ۲۱ آبان ۱۳۹۵، ۰۵:۱۲ ب.ظ
آخرین ارسال: Tofighi
  پاسخ داده شده مشکل پیام انبوه navids_mh 1 144 ۰۵ مهر ۱۳۹۵، ۱۰:۰۳ ب.ظ
آخرین ارسال: mx13

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir