CSS   17

cptui css

Guest on 22nd June 2022 02:25:52 PM

  1. .posttypesui, .taxonomiesui {
  2.   width: calc(100% - 300px);
  3. }
  4.  
  5. .posttypesui .cptui-section:first-child, .taxonomiesui .cptui-section:first-child {
  6.   margin-top: 30px;
  7. }
  8.  
  9. .posttypesui .postbox-container, .taxonomiesui .postbox-container {
  10.   width: 100%;
  11. }
  12.  
  13. .posttypesui .postbox .toggle-indicator:before, .taxonomiesui .postbox .toggle-indicator:before {
  14.   content: "\f142";
  15.   display: inline-block;
  16.   font: normal 20px/1 dashicons;
  17.   speak: none;
  18.   -webkit-font-smoothing: antialiased;
  19.   -moz-osx-font-smoothing: grayscale;
  20.   text-decoration: none !important;
  21. }
  22.  
  23. .posttypesui .postbox.closed .handlediv .toggle-indicator::before, .taxonomiesui .postbox.closed .handlediv .toggle-indicator::before {
  24.   content: "\f140";
  25. }
  26.  
  27. .posttypesui .postbox .hndle, .taxonomiesui .postbox .hndle {
  28.   cursor: pointer;
  29. }
  30.  
  31. .posttypesui .required, .taxonomiesui .required {
  32.   color: red;
  33. }
  34.  
  35. .cptui-table td.outer {
  36.   vertical-align: top;
  37.   width: 50%;
  38. }
  39.  
  40. .cptui-table input[type="text"] {
  41.   width: 75%;
  42. }
  43.  
  44. .cptui-table .question:hover {
  45.   cursor: pointer;
  46. }
  47.  
  48. .cptui-table th p {
  49.   font-weight: 400;
  50.   font-size: 12px;
  51. }
  52.  
  53. .cptui-table .cptui-slug-details {
  54.   margin-top: 15px;
  55. }
  56.  
  57. .cptui-table #slugchanged, .cptui-table #slugexists {
  58.   color: red;
  59.   font-weight: bold;
  60. }
  61.  
  62. .cptui-table #slugchanged.hidemessage, .cptui-table #slugexists.hidemessage {
  63.   display: none;
  64. }
  65.  
  66. .cptui-support #support .question {
  67.   font-size: 18px;
  68.   font-weight: bold;
  69. }
  70.  
  71. .cptui-support #support .question:before {
  72.   content: "\f139";
  73.   display: inline-block;
  74.   font: normal 25px/1 'dashicons';
  75.   margin-left: -25px;
  76.   position: absolute;
  77.   -webkit-font-smoothing: antialiased;
  78. }
  79.  
  80. .cptui-support #support .question.active:before {
  81.   content: "\f140";
  82. }
  83.  
  84. .cptui-support #support .answer {
  85.   margin: 10px 0 0 20px;
  86. }
  87.  
  88. .cptui-support #support ol li {
  89.   list-style: none;
  90. }
  91.  
  92. .cptui-support #support li {
  93.   position: relative;
  94. }
  95.  
  96. .cptui-field-description {
  97.   font-style: italic;
  98. }
  99.  
  100. #cptui_select_post_type,
  101. #cptui_select_taxonomy {
  102.   margin-top: 15px;
  103. }
  104.  
  105. .cptui_post_import,
  106. .cptui_tax_import {
  107.   height: 200px;
  108.   margin-bottom: 10px;
  109.   resize: vertical;
  110.   width: 100%;
  111. }
  112.  
  113. .cptui_post_type_get_code,
  114. .cptui_tax_get_code {
  115.   height: 300px;
  116.   resize: vertical;
  117. }
  118.  
  119. .about-wrap .cptui-feature {
  120.   overflow: visible !important;
  121.   *zoom: 1;
  122. }
  123.  
  124. .about-wrap .cptui-feature:before, .about-wrap .cptui-feature:after {
  125.   content: " ";
  126.   display: table;
  127. }
  128.  
  129. .about-wrap .cptui-feature:after {
  130.   clear: both;
  131. }
  132.  
  133. .about-wrap h3 + .cptui-feature {
  134.   margin-top: 0;
  135. }
  136.  
  137. .about-wrap .changelog h2 {
  138.   text-align: center;
  139. }
  140.  
  141. .about-wrap .feature-rest div {
  142.   width: 50% !important;
  143.   padding-right: 100px;
  144.   box-sizing: border-box;
  145.   margin: 0 !important;
  146. }
  147.  
  148. .about-wrap .feature-rest div.last-feature {
  149.   padding-left: 100px;
  150.   padding-right: 0;
  151. }
  152.  
  153. .about-wrap .feature-rest div.icon {
  154.   width: 0 !important;
  155.   padding: 0;
  156.   margin: 0;
  157. }
  158.  
  159. .about-wrap .feature-rest div.icon:before {
  160.   font-weight: normal;
  161.   width: 100%;
  162.   font-size: 170px;
  163.   line-height: 125px;
  164.   color: #9c5d90;
  165.   display: inline-block;
  166.   position: relative;
  167.   text-align: center;
  168.   speak: none;
  169.   margin: 0 0 0 -100px;
  170.   content: "\e01d";
  171.   -webkit-font-smoothing: antialiased;
  172.   -moz-osx-font-smoothing: grayscale;
  173. }
  174.  
  175. .about-wrap .about-integrations {
  176.   background: #fff;
  177.   margin: 20px 0;
  178.   padding: 1px 20px 10px;
  179. }
  180.  
  181. .about-wrap .changelog h4 {
  182.   line-height: 1.4;
  183. }
  184.  
  185. .about-wrap .cptui-about-text {
  186.   margin-bottom: 1em !important;
  187.   margin-right: 0;
  188.   max-width: calc(100% - 173px);
  189. }
  190.  
  191. .email-octopus-form-row input:-ms-input-placeholder {
  192.   color: #cccccc;
  193. }
  194.  
  195. .email-octopus-form-row input::placeholder {
  196.   color: #cccccc;
  197. }
  198.  
  199. .email-octopus-form-row-hp {
  200.   visibility: hidden;
  201. }
  202.  
  203. .cptui-intro-devblock {
  204.   display: -ms-flexbox;
  205.   display: flex;
  206.   -ms-flex-direction: row;
  207.       flex-direction: row;
  208. }
  209.  
  210. .cptui-help {
  211.   color: #424242;
  212.   margin-left: 4px;
  213.   opacity: 0.5;
  214.   text-decoration: none;
  215.   width: 16px;
  216. }
  217.  
  218. fieldset .cptui-help {
  219.   position: relative;
  220.   top: 4px;
  221. }
  222.  
  223. .cptui-help:hover {
  224.   color: #0074a2;
  225.   opacity: 1;
  226. }
  227.  
  228. .cptui-help:focus {
  229.   box-shadow: none;
  230. }
  231.  
  232. #menu_icon_preview {
  233.   float: right;
  234.   padding-left: 8px;
  235. }
  236.  
  237. #menu_icon_preview img {
  238.   display: block;
  239.   height: 20px;
  240.   width: 20px;
  241. }
  242.  
  243. .visuallyhidden {
  244.   position: absolute;
  245.   left: -10000px;
  246.   top: auto;
  247.   width: 1px;
  248.   height: 1px;
  249.   overflow: hidden;
  250. }
  251.  
  252. .cptui-spacer {
  253.   display: block;
  254.   margin-top: 25px;
  255. }
  256.  
  257. .email-octopus-form-wrapper {
  258.   background: #fff;
  259.   margin-bottom: 10px;
  260.   padding: 20px;
  261. }
  262.  
  263. .email-octopus-form-wrapper label {
  264.   margin-bottom: 10px;
  265. }
  266.  
  267. .wdsoctosignup h2 {
  268.   text-align: left;
  269. }
  270.  
  271. .wdspromos {
  272.   float: right;
  273.   margin-left: 20px;
  274.   margin-top: 10px;
  275.   width: 275px;
  276. }
  277.  
  278. .wdspromos-about {
  279.   display: -ms-flexbox;
  280.   display: flex;
  281.   -ms-flex-direction: row;
  282.   flex-direction: row;
  283.   -ms-flex-wrap: nowrap;
  284.   flex-wrap: nowrap;
  285.   -ms-flex-pack: justify;
  286.   justify-content: space-between;
  287.   -ms-flex-line-pack: stretch;
  288.       align-content: stretch;
  289.   -ms-flex-align: start;
  290.   align-items: flex-start;
  291.   margin: 20px 0;
  292. }
  293.  
  294. .wdspromos-about a:nth-child(1) {
  295.   -ms-flex-order: 0;
  296.   order: 0;
  297.   -ms-flex: 0 1 auto;
  298.   flex: 0 1 auto;
  299.   -ms-flex-item-align: auto;
  300.       -ms-grid-row-align: auto;
  301.       align-self: auto;
  302. }
  303.  
  304. .wdspromos-about a:nth-child(2) {
  305.   -ms-flex-order: 0;
  306.   order: 0;
  307.   -ms-flex: 0 1 auto;
  308.   flex: 0 1 auto;
  309.   -ms-flex-item-align: auto;
  310.       -ms-grid-row-align: auto;
  311.       align-self: auto;
  312. }
  313.  
  314. .wdspromos-about a:nth-child(3) {
  315.   -ms-flex-order: 0;
  316.   order: 0;
  317.   -ms-flex: 0 1 auto;
  318.   flex: 0 1 auto;
  319.   -ms-flex-item-align: auto;
  320.       -ms-grid-row-align: auto;
  321.       align-self: auto;
  322. }
  323.  
  324. .wdspromos-about p {
  325.   padding: 0 5px;
  326. }
  327.  
  328. .wdspromos-about p:nth-child(1) {
  329.   padding-left: 0;
  330. }
  331.  
  332. .wdspromos-about p:nth-child(4) {
  333.   padding-right: 0;
  334. }
  335.  
  336. .no-js #cptui_choose_icon {
  337.   display: none;
  338. }
  339.  
  340. .cptui-listings th {
  341.   font-weight: bold;
  342. }
  343.  
  344. .cptui-listings .post-type-listing th {
  345.   width: 16.66667%;
  346. }
  347.  
  348. .cptui-listings .taxonomy-listing th {
  349.   width: 20%;
  350. }
  351.  
  352. #poststuff {
  353.   min-width: 463px;
  354. }
  355.  
  356. .dashicon-picker-container {
  357.   position: absolute;
  358.   width: 220px;
  359.   height: 252px;
  360.   font-size: 14px;
  361.   background-color: #fff;
  362.   box-shadow: -1px 2px 5px 3px rgba(0, 0, 0, 0.41);
  363.   overflow: hidden;
  364.   padding: 5px;
  365.   box-sizing: border-box;
  366. }
  367.  
  368. .dashicon-picker-container ul {
  369.   margin: 0 0 10px;
  370.   padding: 0;
  371. }
  372.  
  373. .dashicon-picker-container ul .dashicons {
  374.   width: 20px;
  375.   height: 20px;
  376.   font-size: 20px;
  377. }
  378.  
  379. .dashicon-picker-container ul li {
  380.   display: inline-block;
  381.   margin: 5px;
  382.   float: left;
  383. }
  384.  
  385. .dashicon-picker-container ul li a {
  386.   display: block;
  387.   text-decoration: none;
  388.   color: #373737;
  389.   padding: 5px 5px;
  390.   border: 1px solid #dfdfdf;
  391. }
  392.  
  393. .dashicon-picker-container ul li a:hover {
  394.   border-color: #999;
  395.   background: #efefef;
  396. }
  397.  
  398. .dashicon-picker-control {
  399.   height: 32px;
  400. }
  401.  
  402. .dashicon-picker-control a {
  403.   padding: 5px;
  404.   text-decoration: none;
  405.   line-height: 32px;
  406.   width: 25px;
  407. }
  408.  
  409. .dashicon-picker-control a span {
  410.   display: inline;
  411.   vertical-align: middle;
  412. }
  413.  
  414. .dashicon-picker-control input {
  415.   font-size: 12px;
  416.   width: 140px;
  417. }
  418.  
  419. @media screen and (min-width: 769px) {
  420.   .cptui-badge {
  421.     margin-top: -42px;
  422.     height: 173px;
  423.     width: 173px;
  424.     color: #fafafa;
  425.     font-weight: bold;
  426.     font-size: 14px;
  427.     text-align: center;
  428.     margin-bottom: 10px;
  429.     background: url(../images/cptui-icon-173x173.png) no-repeat;
  430.   }
  431. }
  432.  
  433. @media screen and (max-width: 768px) {
  434.   .cptui-table #description {
  435.     width: 100%;
  436.   }
  437.   .wdspromos-about {
  438.     -ms-flex-wrap: wrap;
  439.         flex-wrap: wrap;
  440.   }
  441.   .wdspromos-about p {
  442.     margin: 5px auto;
  443.   }
  444.   .wdspromos-about p:nth-child(1) {
  445.     padding-left: 5px;
  446.   }
  447.   .wdspromos-about p:nth-child(4) {
  448.     padding-right: 5px;
  449.   }
  450.   .cptui-table td.outer {
  451.     width: 100%;
  452.   }
  453.   #cptui_debug_info_email {
  454.     width: 100%;
  455.   }
  456. }

Raw Paste


Login or Register to edit or fork this paste. It's free.