SHARE
TWEET

Untitled

a guest Sep 17th, 2019 92 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /**********************************
  2.  * Extend Backend Skin
  3.  *
  4.  */
  5. /**********************************
  6.  * Top nav
  7.  *
  8.  */
  9. nav#layout-mainmenu.navbar .nav li {
  10.   padding-top: 17px;
  11.   padding-bottom: 17px;
  12. }
  13.  
  14. nav#layout-mainmenu.navbar .nav li a {
  15.   display: block;
  16. }
  17.  
  18. nav#layout-mainmenu.navbar .nav li {
  19.   padding: 0;
  20. }
  21.  
  22. nav#layout-mainmenu.navbar .nav li a {
  23.   padding: 31px 0;
  24. }
  25.  
  26. nav#layout-mainmenu .nav-icon {
  27.   display: none;
  28. }
  29.  
  30. /**********************************
  31.  * Sidebar
  32.  *
  33.  */
  34. .sidenav-tree ul.top-level > li > ul li a,
  35. .sidenav-tree,
  36. #layout-sidenav {
  37.   background-color: #111111;
  38. }
  39.  
  40. /**********************************
  41.  * Site tree
  42.  *
  43.  */
  44. .sidenav-tree ul.top-level > li > div.group h3 {
  45.   background-color: #1D1D1D;
  46. }
  47.  
  48. .sidenav-tree ul.top-level > li > ul li.active a,
  49. .sidenav-tree ul.top-level > li > ul li:hover a {
  50.   background-color: #2F2F2F;
  51. }
  52.  
  53. .sidenav-tree ul.top-level > li > div.group:before,
  54. .sidenav-tree ul.top-level > li > div.group:after {
  55.   content: none;
  56. }
  57.  
  58. /**********************************
  59.  * StaticPage Plugin edits
  60.  *
  61.  */
  62. .oc-bg-logo {
  63.   background-image: none;
  64. }
  65.  
  66. .control-treeview ol > li > div:before,
  67. .control-treeview ol > li > ol > li > ol > li > div:before,
  68. .control-treeview ol > li.has-subitems > div:before {
  69.   background-image: none;
  70.   width: 0;
  71.   height: 0;
  72. }
  73.  
  74. .control-treeview ol > li > div > a {
  75.   padding-left: 25px;
  76. }
  77.  
  78. .control-treeview ol > li > ol > li > div > a {
  79.   padding-left: 45px;
  80. }
  81.  
  82. .control-treeview ol > li > ol > li > ol > li > div > a {
  83.   padding-left: 55px;
  84. }
  85.  
  86. .control-treeview ol > li > ol > li > ol > li > ol > li > div > a {
  87.   padding-left: 65px;
  88. }
  89.  
  90. .control-treeview ol > li > ol > li > div > span.expand {
  91.   left: 22px;
  92. }
  93.  
  94. .control-treeview ol > li > ol > li > ol > li > div > span.expand {
  95.   left: 32px;
  96. }
  97.  
  98. /**********************************
  99.  * Page edit view
  100.  *
  101.  */
  102. .fancy-layout .form-tabless-fields input[type=text] {
  103.   font-size: 18px;
  104. }
  105.  
  106. .fancy-layout .form-tabless-fields {
  107.   padding: 6px 23px 0 23px;
  108. }
  109.  
  110. .fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a {
  111.   padding: 0 16px;
  112. }
  113.  
  114. /**********************************
  115. * Static Pages plugin sidebar
  116. *
  117. */
  118. #layout-side-panel .fix-button {
  119.   display: none !important;
  120. }
  121.  
  122. /**********************************
  123.  * Field sizes
  124.  *
  125.  */
  126. .layout .field-richeditor.size-giant .redactor-editor {
  127.   height: 760px !important;
  128. }
  129.  
  130. /**********************************
  131.  * Drag & Drop fix
  132.  *
  133.  */
  134. .control-treeview ol > li.placeholder {
  135.   height: 45px !important;
  136.   background: #ecf0f1;
  137.   display: block;
  138.   border: none;
  139. }
  140.  
  141. .control-treeview ol > li.placeholder:after,
  142. .control-treeview ol > li.placeholder:before {
  143.   top: 50%;
  144.   transform: translateY(-50%);
  145. }
  146.  
  147. /**********************************
  148.  * Hide "Hidden" and "Hide in navigation" fields from StaticPages plugin edit view
  149.  *
  150.  */
  151. .tab-content [data-field-name="viewBag[navigation_hidden]"] {
  152.   display: none;
  153. }
  154.  
  155. /**********************************
  156.  * Fix editor styles when moved to tab
  157.  *
  158.  */
  159. .moved-to-secondary .field-richeditor {
  160.   border-left: none !important;
  161. }
  162.  
  163. /**********************************
  164.  * Fixes StaticPage background when using variable fields along with span=left
  165.  * or span=right to position field
  166.  *
  167.  */
  168. .fancy-layout .control-tabs.secondary-content-tabs.has-tabs > div.tab-content {
  169.   background-color: #ffffff;
  170. }
  171.  
  172. /**********************************
  173.  * Fixes background color on StaticPage page nav (Settings, Meta) when
  174.  * .master-area is missing
  175.  *
  176.  */
  177. .fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs,
  178. .fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs {
  179.   transition: background-color 0.5s;
  180.   background: #e67e22;
  181. }
  182.  
  183.  
  184. .field-mediafinder.style-image-single .find-object .icon-container {
  185.   background-color: rgba(0, 0, 0, 0.5);
  186. }
  187.  
  188. /***********************************
  189.  * Fixes invisible image previews and richeditor images by adding a background
  190.  * color to png, gif and svg images
  191.  *
  192.  */
  193. .control-richeditor [src$=".svg"],
  194. .control-richeditor [src$=".png"],
  195. .control-richeditor [src$=".gif"],
  196. .field-mediafinder.is-populated.is-image [src$=".svg"],
  197. .field-mediafinder.is-populated.is-image [src$=".png"],
  198. .field-mediafinder.is-populated.is-image [src$=".gif"] {
  199.   background-color: rgba(0, 0, 0, 0.2);
  200. }
  201.  
  202. /***********************************
  203.  * Hide translate plugin backend field locale overflow for long locale slugs
  204.  *
  205.  */
  206. .field-multilingual .ml-btn {
  207.   overflow: hidden;
  208. }
  209.  
  210. /***********************************
  211.  * Update master locale switcher on StaticPages
  212.  *
  213.  */
  214. /* Add button background color */
  215. .fancy-layout .form-buttons [data-control="master-locale-switcher"] .btn {
  216.   background-color: #d35400;
  217.   margin-right: 0;
  218.   opacity: 1;
  219.   padding: 6px 12px;
  220.   position: relative;
  221.   z-index: 3;
  222. }
  223.  
  224. .fancy-layout .form-buttons [data-control="master-locale-switcher"] .btn:hover {
  225.   background-color: #8e3c04;
  226. }
  227.  
  228. /* Update dropdown alignment */
  229. [data-control="master-locale-switcher"] .dropdown-menu {
  230.   left: auto;
  231.   right: 0;
  232. }
  233.  
  234. [data-control="master-locale-switcher"] .dropdown-menu .dropdown-container > ul:before,
  235. [data-control="master-locale-switcher"] .dropdown-menu .dropdown-container > ul:after {
  236.   left: auto;
  237.   right: 15px;
  238. }
  239.  
  240. /***********************************
  241.  * Allow primary-tab class to be used on backend form fields
  242.  * Useful for richeditor fields with stretch="true"
  243.  */
  244. .widget-field.primary-tab {
  245.   padding: 0 !important;
  246. }
  247.  
  248. /***********************************
  249.  * Adds class to DateTime field for ReadOnly=true
  250.  * Prevents the input field from receiving the click event
  251.  */
  252. .datetime-field-readonly-fix [readonly="readonly"] {
  253.   pointer-events: none;
  254. }
  255.  
  256. /***********************************
  257.  * Removes bottom border from section title if it's the only form item
  258.  */
  259. .tab-pane .form-group.section-field:first-child:nth-last-child(2) {
  260.   padding-bottom: 0;
  261. }
  262.  
  263. .tab-pane .form-group.section-field:first-child:nth-last-child(2) .field-section {
  264.   border-bottom: 0;
  265. }
  266.  
  267. /*# sourceMappingURL=styles.css.map */
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top