blog.ir استایل جدید پنل بلاگ by mimvahedi

blog.ir استایل جدید پنل بلاگ screenshot
Homepage Install Get Stylus Write a review

Details

Authormimvahedi

LicenseCC BY-NC-SA

Created atSeptember 5, 2021 20:22

Updated atJuly 26, 2022 13:27

Applies toblog

Statistics

Learn how we calculate statistics in the FAQ.

Total views169

Total installs105

Weekly installs6

Description

پنل بلاگ بیان با استایل جدید! برگرفته از پنل وردپرس.

Notes

نسخه موبایل هنوز کامل نیست.

History

Daily snapshots of style statistics.

2021-09-052021-09-232021-10-112021-10-282021-11-152021-12-032021-12-202022-01-072022-01-252022-02-112022-03-012022-03-18Date0.000.881.752.633.504.385.256.137.00Daily countDaily installsDaily updatesDaily views
2021-09-052021-09-232021-10-112021-10-282021-11-152021-12-032021-12-202022-01-072022-01-252022-02-112022-03-012022-03-18Date0.0015.0030.0045.0060.0075.0090.00105.00120.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name         استایل واکنشگرا پنل بلاگ
@version      2.4.1
@namespace    userstyles.world/user/mimvahedi
@description  پنل بلاگ بیان با استایل جدید!
@author       mimvahedi
@license      CC BY-NC-SA
@preprocessor   stylus

@var checkbox darkMode            "🌙 حالت تیرهI"          0
@var color    themeColor          "🖌️ رنگ اصلیI"           #00bdcf
@var number   borderRaduis        "🖌️ گردی لبه هاI"        5
@var color    dashColor            "زمینه سایدبارI"       #131e26         
@var text     font                 "فونت"                  YekanB
@var color    bgColor              "پس زمینه"              #F1F2F3

==/UserStyle== */
@-moz-document regexp(".*blog.ir/panel.*") {
  :root {
    --color1: dashColor;
    --theme-color: #00bdcf;
    --theme-color: themeColor;
    --radius: (borderRaduis)px;
    --font: font;
    --bgColor: bgColor;
  }
  html {
    font-size: 16px;
  }
  body {
    background: var(--bgColor) !important;
    font: 16px/1.5em var(--font);
  }
  * {
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-family: var(--font), YekanB !important;
  }
  /*Remove Header Image*/
  #header,
  #hdr {
    display: none;
  }
  /* maincontent */
  #maincontent {
    background: transparent;
    padding-right: 190px;
    padding-top: 52px;
  }
  /*.dash*/
  .ddash {
    height: 32px;
    background: var(--color1);
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3001;
  }
  .dash ul.left {
    display: flex;
  }
  .dash ul.left li {
    border: none;
  }
  .dash li a.dashLink {
    color: #fff;
  }
  .dash li.first {
    order: -1;
  }
  .dash li.first .red {
    font-size: 0;
    color: inherit;
  }
  .dash li.first .red:after {
    content: "\f011";
    font: normal normal normal 1rem/1 FontAwesome5;
    display: inline-block;
    margin-left: 2px;
    color: inherit;
  }
  .dash li a.dashLink {
    color: inherit;
    padding: 2px 15px;
    display: block;
    height: 32px;
  }
  .dash li a.dashLink:hover {
    background: rgba(0, 0, 0, 0.5);
    color: var(--theme-color);
  }
  /*Tools menu*/
  .tools {
    width: 170px;
    height: 100vh;
    margin-right: 0;
    position: fixed;
    top: 32px;
    right: 0;
    background: var(--color1);
    transition: 100ms ease;
    z-index: 5;
  }
  #menu {
    width: 100%;
    padding: 0;
    background: transparent;
  }
  #menu ul {
    background: rgba(0, 0, 0, 0.5);
  }
  #menu li {
    background: transparent;
  }
  #menu li a {
    background: transparent;
    border: none;
    color: #fff;
    padding: 4px 12px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #menu ul li {
    border: none;
  }
  #menu ul li:first-child a {
    background: transparent;
    height: auto;
  }
  #menu ul li a {
    background: transparent;
    padding: 4px 12px;
    height: auto;
    font-size: 1em;
  }

  #menu ul li a:hover {
    background: transparent;
    color: var(--theme-color)
  }
  #menu li a:hover {
    background: var(--theme-color);
  }
  #menu li a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: currentcolor;
    transform: translatex(100%)
  }

  #menu li a:hover::after {
    transform: translatex(0%);
    transition: transform 200ms ease;
  }
  #menu a.sel {
    background: var(--theme-color);
    color: #fff;
  }
  .dash .selectblog {
    width: auto;
    padding-left: 20px;
    opacity: .5;
  }
  .dash .selectblog:after {
    content: "انتخاب بلاگ";
    color: #fff;
  }
  .selectblog > img {
    display: none;
  }
  /*Field Item*/
  .item {
    line-height: 1.5em;
  }
  .item.itemIn {
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: var(--radius);
  }
  .item > h2 {
    padding: 20px 8px;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -8px;
    margin-bottom: 0;
  }
  .item > h2 .buttons {
    display: block !important;
    order: 2;
  }
  .itemcontent {
    padding-top: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
  }
  .buttons .button {
    display: none;
  }
  .buttons a {
    color: #888;
  }

  .buttons .close:before {
    content: "\f057";
    font: normal normal normal 16px/1 FontAwesome5;
    display: inline-block;
  }
  .buttons .move:before {
    content: "\f192";
    font: normal normal normal 16px/1 FontAwesome5;
    display: inline-block;
  }
  .buttons .toggle:before {
    content: "\f056";
    font: normal normal normal 16px/1 FontAwesome;
    display: inline-block;
    vertical-align: middle;
    transition: transform 500ms cubic-bezier(1, 0, 0, 1);
  }
  .toggle.closed:before {
    content: "\f055";
    transform: rotate(180deg);
  }
  span.dashhelp {
    background: transparent;
  }
  span.dashhelp:before {
    content: "\f059";
    font: normal normal normal 16px/1 FontAwesome5;
    opacity: .3;
  }

  /*footer*/
  div.mftr {
    width: 100%;
    margin: 0 auto;
    padding-right: 180px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  div.specialFtr {
    display: none;
  }
  /*انتشار*/
  .grayTable {
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    border-radius: var(--radius);
  }
  .grayTable thead,
  .grayTable tfoot {
    background: #fff;
    color: #000;
  }
  .grayTable thead {
    box-shadow: inset 0 -1px #c3c4c7;
  }
  .grayTable tfoot {
    box-shadow: inset 0 1px #c3c4c7;
  }
  .grayTable td {
    min-width: 32px;
  }
  tbody {
    background: #f1f1f1;
  }
  ul.itemTags li {
    background: #0001;
    padding: 4px;
    margin: 4px;
    border-radius: var(--radius);
  }
  /*Form*/
  .topbuttons {
    margin-top: 0;
    height: auto;
  }
  .formField2 label {
    width: auto;
    float: none;
    margin-bottom: 4px;
    display: block;
    text-align: right;
  }
  .formField2 .fldcontent,
  .field3 .formField2 .fldcontent {
    margin-right: 0;
  }
  .field3 .formField2 label {
    width: auto;
  }
  input[type="color"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="datetime"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select,
  textarea {
    box-shadow: 0 0 0 transparent;
    border-radius: var(--radius);
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
  }
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  a.btn,
  a.btn:hover {
    border: 1px solid #ccc;
    background: #eee;
    border-radius: var(--radius);
    padding: .5em;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.25em;
  }
  input[type].orangeBut {
    background-image: none;
  }
  a.btn {
    height: unset;
  }
  /*Tabs*/
  ul#menua li a {
    padding: 10px;
  }
  /*قالبها*/
  .template.normal {
    overflow: hidden;
  }
  .template.normal .viewTemImg,
  .template .viewTemImg a {
    width: 100%;
  }
  img.tmplimage {
    width: 100%;
    height: auto;
  }
  .template.normal .buttons {
    transform: translateY(101%);
    transition: 250ms transform ease;
  }
  .template.selected .buttons,
  .template.normal:hover .buttons {
    transform: translateY(0%);
  }
  input.savSet {
    background: #0C3 url(https://blog.ir/media/images/savSet.gif) no-repeat center top;
  }
  input.savSet::before {
    content: "ذخیره";
  }
  /*Media Query*/
  @media (max-width: 1200px) {
    .field2,
    .field3,
    .field4,
    .field34,
    .field45,
    .field5 {
      width: 49.3%;
    }
  }
  @media (max-width: 1000px) {
    .field,
    .field2,
    .field3,
    .field4,
    .field34,
    .field45,
    .field5 {
      width: 100%;
    }
    .tools:not(:hover) {
      width: 32px;
      font-size: 0;
    }
    #menu li a::after {
      content: none;
    }
    #maincontent {
      padding-right: 42px;
      padding-top: 42px;
    }
    #wrp {
      min-width: unset;
    }
    #menu li {
      position: relative;
      background: var(--color1);
    }
    /*#menu li ul {
            background: var(--color1);
            position: absolute;
            right: 32px;
            top: 0;
            width: 100%;
        }*/
    #menu li ul li {
      background: var(--color1);
      width: 100%;
    }
    #menu li a {
      padding: 4px 8px;
    }
    #menu * {
      overflow: visible !important;
    }
  }
  #menu li a::before {
    font: normal normal normal 24px/1 FontAwesome5;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }
  #menu li a.publish:before {
    content: "\f5ad";
  }
  #menu li a.personal:before {
    content: "\f10e";
  }
  #menu li a.statistics:before {
    content: "\f080";
  }
  #menu li a.store:before {
    content: "\f093";
  }
  #menu li a.extension:before {
    content: "\f12e";
  }
  #menu li a.copy:before {
    content: "\f1f9";
  }
  #menu li a.facilities:before {
    content: "\f0ad";
  }
  #menu li a.setting:before {
    content: "\f013";
  }
  #menu li a.yourDoc:before {
    content: "\f2bd";
  }
  a[title$=" وبلاگ دنبال شده با مطلب جدید"] > img {
    display: none;
  }
  a[title$=" وبلاگ دنبال شده با مطلب جدید"]::after {
    content: "\f005";
    font: normal normal normal 24px/1 "Font Awesome 6 Pro";
    display: inline-block;
    margin-left: 10px;
  }
  .fa {
    font: normal normal normal 24px/1 "Font Awesome 6 Pro" !important;
  }

  .note,
  .noteInBut {
    background: transparent;
    color: #444;
  }
  .noteIn {
    background-image: none;
    box-shadow: 0px 10px 9px -12px rgba(0, 0, 0, 0.3);
    border-radius: var(--radius);
  }
  /*code mirror*/
  .codemirror-ui-clearfix {
    box-sizing: content-box !important;
    background: var(--color1);
    height: 32px;
    border: none;
  }
  .codemirror-ui-find-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 32px;
  }
  a.codemirror-ui-button {
    padding: 6px;
  }
  .CodeMirror * {
    font-family: vazir code hack, monospace !important;
  }
  /*post editors*/
  .cke_editable,
  .beditor,
  #tinymce {
    font-size: 1.15em;
    background: transparent !important;
  }
  /*اخبار و اطلاعیه ها*/
  .changesitem {
    color: inherit !important;
  }

  /*Bayan box*/
  .leftBut.rename_folder::before,
  .leftBut.edit_file_info::before {
    content: "\f304";
    font-family: fontAwesome5;
  }
  .leftBut.delete_folder::before,
  .leftBut.delete_file::before {
    content: "\f2ed";
    font-family: fontAwesome5;
  }
  .leftBut.only_viewable::before {
    font-family: fontAwesome5;
    content: "\f002";
  }
  .leftBut[href*="bayanbox.ir/download"]::before {
    font-family: fontAwesome5;
    content: "\f019";
  }
  .leftBut[title="دریافت"]::before {}

  @import url("https://cdn.bayan.ir/blog/templates/shared/css/icons-fa.css");
  @font-face {
    font-family: 'FontAwesome5';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-regular-400.eot");
    src: url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-regular-400.woff2") format("woff2"), url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-regular-400.woff") format("woff"), url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-regular-400.ttf") format("truetype"), url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
  }
  @font-face {
    font-family: 'FontAwesome5';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-solid-900.eot");
    src: url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-solid-900.woff2") format("woff2"), url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-solid-900.woff") format("woff"), url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-solid-900.ttf") format("truetype"), url("https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
  }
  @charset "utf-8";
  @font-face {
    font-family: 'YekanB';
    font-style: bold;
    font-weight: bold;
    src: local('?'),
    url('//bayanbox.ir/download/5439682770888954046/yb-medium.ttf') format('truetype');
  }
  @font-face {
    font-family: 'YekanB';
    font-style: normal;
    font-weight: normal;
    src: local('?'),
    url('//bayanbox.ir/download/9024224701399334190/yb-regular.ttf') format('truetype');
  }
}

@-moz-document regexp(".*blog.ir/panel.*") {
  if darkMode {
    body {
      background: #222 !important;
      color: #fff;
      --color1: #111;
    }
    .item.itemIn,
    .template.normal {
      background: #111;
    }
    .postRow a.title,
    .comment a.title {
      color: #f0f0f0;
    }
    span.leftsmalltip {
      background: transparent;
      box-shadow: none;
    }
    .odd,
    .grayTable tbody.auto-odd tr:nth-child(2n),
    .pink li.thead,
    .pink li.tfoot {
      background: rgba(255, 255, 255, .05) !important;
      color: inherit;
    }
    .pink {
      border-width: 1px;
      border-radius: 0;
    }
    .itemcontent a {
      color: var(--theme-color);
    }
    .field3 p.comment span a {
      color: var(--theme-color)
    }
    input[type="text"],
    input[type="password"],
    textarea,
    select,
    .tmplTop label,
    .inputBox,
    input.text {
      background: transparent;
      color: #fff;
    }
    tbody {
      background: transparent;
    }
    .jqi,div.jqi {
      background: #111;
      color: inherit;
    }
    .jqi .jqimessage ,div.jqi .jqimessage{
      color: inherit;
    }
    .smalltip,
    .smalltip-margin {
      color: inherit;
      opacity: .66;
    }
    .changed {
      color: #fff;
    }
    #filelist .filename a{
      color: inherit;
    }
  }
}

@-moz-document regexp(".*https://blog.ir/panel/.*/post_edit.*") {
  .field2 {
    width: calc(100% - 20px);
  }
  .field3 {
    width: 100%;
  }
  .field3 > .item {
    width: 32.4%;
    margin-left: 0.7%;
    float: right;
  }
  f {
    display: ;
  }
}

Reviews

No reviews yet.