CSS   20

front-dzsvp css

Guest on 21st July 2022 01:29:35 PM

  1. .info, .success, .warning, .error, .validation {
  2.   border: 1px solid;
  3.   margin: 10px 0px;
  4.   padding: 15px 10px 15px 15px;
  5.   background-repeat: no-repeat;
  6.   background-position: 10px center; }
  7.  
  8. .info {
  9.   color: #00529B;
  10.   background-color: #BDE5F8; }
  11.  
  12. .success {
  13.   color: #4F8A10;
  14.   background-color: #DFF2BF; }
  15.  
  16. .warning {
  17.   color: #9F6000;
  18.   background-color: #FEEFB3; }
  19.  
  20. .error {
  21.   color: #D8000C;
  22.   background-color: #FFBABA; }
  23.  
  24. .item-meta-secondary:empty {
  25.   display: none; }
  26.  
  27. .btn-zoomsounds {
  28.   padding: 7px 10px;
  29.   border-radius: 3px;
  30.   line-height: 1;
  31.   white-space: nowrap;
  32.   margin-right: 5px;
  33.   font-weight: bold;
  34.   color: #222222;
  35.   text-decoration: none;
  36.   position: relative;
  37.   font-size: 13px;
  38.   cursor: pointer;
  39.   transition-property: color, background, border;
  40.   transition-duration: 0.3s;
  41.   transition-timing-function: ease-out;
  42.   -moz-transition-property: color, background, border;
  43.   -moz-transition-duration: 0.3s;
  44.   -moz-transition-timing-function: ease-out;
  45.   -webkit-transition-property: color, background, border;
  46.   -webkit-transition-duration: 0.3s;
  47.   -webkit-transition-timing-function: ease-out;
  48.   -o-transition-property: color, background, border;
  49.   -o-transition-duration: 0.3s;
  50.   -o-transition-timing-function: ease-out;
  51.   -ms-transition-property: color, background, border;
  52.   -ms-transition-duration: 0.3s;
  53.   -ms-transition-timing-function: ease-out; }
  54.   .btn-zoomsounds:before {
  55.     content: "";
  56.     position: absolute;
  57.     top: 0;
  58.     left: 0;
  59.     width: 100%;
  60.     height: 100%;
  61.     background-color: #eaeaea;
  62.     border-radius: 4px;
  63.     transform: scale(1);
  64.     transition-property: transform;
  65.     transition-duration: 0.3s;
  66.     transition-timing-function: ease-out;
  67.     -moz-transition-property: transform;
  68.     -moz-transition-duration: 0.3s;
  69.     -moz-transition-timing-function: ease-out;
  70.     -webkit-transition-property: transform;
  71.     -webkit-transition-duration: 0.3s;
  72.     -webkit-transition-timing-function: ease-out;
  73.     -o-transition-property: transform;
  74.     -o-transition-duration: 0.3s;
  75.     -o-transition-timing-function: ease-out;
  76.     -ms-transition-property: transform;
  77.     -ms-transition-duration: 0.3s;
  78.     -ms-transition-timing-function: ease-out; }
  79.   .btn-zoomsounds > * {
  80.     display: inline-block;
  81.     vertical-align: middle;
  82.     position: relative; }
  83.   .btn-zoomsounds > .the-icon {
  84.     margin-right: 6px; }
  85.     .btn-zoomsounds > .the-icon > svg {
  86.       display: block; }
  87.       .btn-zoomsounds > .the-icon > svg path, .btn-zoomsounds > .the-icon > svg polygon, .btn-zoomsounds > .the-icon > svg polyline {
  88.         fill: #444;
  89.         transition-property: fill;
  90.         transition-duration: 0.3s;
  91.         transition-timing-function: ease-out;
  92.         -moz-transition-property: fill;
  93.         -moz-transition-duration: 0.3s;
  94.         -moz-transition-timing-function: ease-out;
  95.         -webkit-transition-property: fill;
  96.         -webkit-transition-duration: 0.3s;
  97.         -webkit-transition-timing-function: ease-out;
  98.         -o-transition-property: fill;
  99.         -o-transition-duration: 0.3s;
  100.         -o-transition-timing-function: ease-out;
  101.         -ms-transition-property: fill;
  102.         -ms-transition-duration: 0.3s;
  103.         -ms-transition-timing-function: ease-out; }
  104.   .btn-zoomsounds .show-on-active {
  105.     display: none; }
  106.  
  107. .btn-zoomsounds.btn-itunes {
  108.   color: #ffffff; }
  109.   .btn-zoomsounds.btn-itunes:before {
  110.     background-color: #4e7596; }
  111.  
  112. .btn-zoomsounds:hover:before {
  113.   transform: scale(0.93); }
  114.  
  115. .btn-zoomsounds.btn-like:hover .the-icon > svg path, .btn-zoomsounds.btn-like.active .the-icon > svg path {
  116.   fill: #cb1919; }
  117.  
  118. .btn-zoomsounds.btn-like.active {
  119.   color: #aaaaaa; }
  120.  
  121. .btn-zoomsounds.active .hide-on-active {
  122.   display: none; }
  123. .btn-zoomsounds.active .show-on-active {
  124.   display: inherit; }
  125.  
  126. a.btn-zoomsounds, span.btn-zoomsounds {
  127.   display: inline-block;
  128.   text-decoration: none; }
  129.  
  130. .zfolio.skin-silver .selector-con .a-category, .zfolio.skin-melbourne .selector-con .a-category, .zfolio.skin-gazelia .selector-con .a-category, .zfolio.skin-qcre .selector-con .a-category, .zfolio.skin-lazarus .selector-con .a-category, .zfolio.skin-alba .selector-con .a-category, .zfolio.skin-forwall .selector-con .a-category {
  131.   color: #222222; }
  132.  
  133. .zfolio.skin-silver .selector-con .a-category.active, .zfolio.skin-melbourne .selector-con .a-category.active, .zfolio.skin-gazelia .selector-con .a-category.active, .zfolio.skin-qcre .selector-con .a-category.active, .zfolio.skin-lazarus .selector-con .a-category.active, .zfolio.skin-alba .selector-con .a-category.active, .zfolio.skin-forwall .selector-con .a-category:hover, .zfolio.skin-forwall .selector-con .a-category.active {
  134.   color: #ffffff; }
  135.  
  136. .mainvp-con > .extra-html .counter-hits .the-label > * {
  137.   display: inline-block;
  138.   vertical-align: middle; }
  139.  
  140. /* ------- Page Builder Columns ------- */
  141. .dzspb_lay_con, .dzspb_layb_layout {
  142.   position: relative;
  143.   margin-left: -15px;
  144.   margin-right: -15px;
  145.   width: auto;
  146.   margin-top: 15px;
  147.   box-sizing: border-box;
  148.   -moz-box-sizing: border-box;
  149.   -webkit-box-sizing: border-box; }
  150.  
  151. .dzspb_lay_con:after, .dzspb_layb_layout:after {
  152.   display: block;
  153.   content: " ";
  154.   clear: both; }
  155.  
  156. .dzspb_lay_con *, .dzspb_layb_layout * {
  157.   box-sizing: border-box;
  158.   -moz-box-sizing: border-box;
  159.   -webkit-box-sizing: border-box; }
  160.  
  161. .dzspb_layb_one_full {
  162.   padding-right: 15px;
  163.   padding-left: 15px; }
  164.  
  165. .dzspb_layb_one_half {
  166.   width: 50%; }
  167.  
  168. .dzspb_layb_one_third {
  169.   width: 33.3333%; }
  170.  
  171. .dzspb_layb_two_third {
  172.   width: 66.6666%; }
  173.  
  174. .dzspb_layb_one_fourth {
  175.   width: 25%; }
  176.  
  177. .dzspb_layb_three_fourth {
  178.   width: 75%; }
  179.  
  180. .dzspb_layb_one_fifth {
  181.   width: 20%; }
  182.  
  183. .dzspb_layb_two_fifth {
  184.   width: 40%; }
  185.  
  186. .dzspb_layb_three_fifth {
  187.   width: 60%; }
  188.  
  189. .dzspb_layb_four_fifth {
  190.   width: 80%; }
  191.  
  192. .dzspb_layb_one_sixth {
  193.   width: 16.6%; }
  194.  
  195. .dzspb_layb_five_sixth {
  196.   width: 83.3%; }
  197.  
  198. .dzspb_layb_one_half, .dzspb_layb_one_third, .dzspb_layb_two_third, .dzspb_layb_three_fourth, .dzspb_layb_one_fourth, .dzspb_layb_one_fifth, .dzspb_layb_two_fifth, .dzspb_layb_three_fifth, .dzspb_layb_four_fifth, .dzspb_layb_one_sixth, .dzspb_layb_five_sixth {
  199.   position: relative;
  200.   padding-right: 15px;
  201.   padding-left: 15px;
  202.   float: left; }
  203.  
  204. .clearboth {
  205.   clear: both;
  206.   display: block;
  207.   font-size: 0;
  208.   height: 0;
  209.   line-height: 0;
  210.   width: 100%; }
  211.  
  212. .dzspb_layb_layout:after {
  213.   content: "";
  214.   display: block;
  215.   clear: both; }
  216.  
  217. hr.dzspb-separator {
  218.   width: 100%;
  219.   height: 1px;
  220.   display: block;
  221.   line-height: 1.5;
  222.   background-color: rgba(0, 0, 0, 0.3); }
  223.  
  224. @media only screen and (max-width: 480px) {
  225.   .dzspb_layb_one_half, .dzspb_layb_one_third, .dzspb_layb_two_third, .dzspb_layb_three_fourth, .dzspb_layb_one_fourth, .dzspb_layb_one_fifth, .dzspb_layb_two_fifth, .dzspb_layb_three_fifth, .dzspb_layb_four_fifth, .dzspb_layb_one_sixth, .dzspb_layb_five_sixth {
  226.     position: relative;
  227.     width: 100%;
  228.     margin-left: 2%;
  229.     margin-right: 2%;
  230.     float: none;
  231.     display: block; }
  232.  
  233.   .dzspb_lay_con {
  234.     margin-top: 10px; } }
  235. .mainvp-con {
  236.   margin-bottom: 10px; }
  237.  
  238. .extra-html {
  239.   margin-top: 15px;
  240.   font-size: 18px;
  241.   opacity: 0;
  242.   visibility: hidden;
  243.   color: #555;
  244.   -webkit-transform: translateY(20px);
  245.   transition-property: all;
  246.   transition-duration: 0.3s;
  247.   transition-timing-function: ease-out;
  248.   -moz-transition-property: all;
  249.   -moz-transition-duration: 0.3s;
  250.   -moz-transition-timing-function: ease-out;
  251.   -webkit-transition-property: all;
  252.   -webkit-transition-duration: 0.3s;
  253.   -webkit-transition-timing-function: ease-out;
  254.   -o-transition-property: all;
  255.   -o-transition-duration: 0.3s;
  256.   -o-transition-timing-function: ease-out;
  257.   -ms-transition-property: all;
  258.   -ms-transition-duration: 0.3s;
  259.   -ms-transition-timing-function: ease-out; }
  260.  
  261. .extra-html.active {
  262.   opacity: 1;
  263.   visibility: visible;
  264.   -webkit-transform: translateY(0px); }
  265.  
  266. .extra-html:after {
  267.   display: block;
  268.   clear: both;
  269.   content: " "; }
  270.  
  271. .star-rating-con {
  272.   float: left;
  273.   cursor: pointer;
  274.   margin-top: 5px;
  275.   margin-left: 15px;
  276.   position: relative; }
  277.  
  278. .star-rating-con .star-rating-bg {
  279.   width: 122px;
  280.   height: 24px;
  281.   background-size: cover;
  282.   background-repeat: none;
  283.   background-position: center center; }
  284.  
  285. .star-rating-con .star-rating-set-clip {
  286.   position: absolute;
  287.   top: 0;
  288.   left: 0;
  289.   overflow: hidden;
  290.   width: 0;
  291.   transition-property: opacity;
  292.   transition-duration: 0.2s;
  293.   transition-timing-function: ease-out;
  294.   -moz-transition-property: opacity;
  295.   -moz-transition-duration: 0.2s;
  296.   -moz-transition-timing-function: ease-out;
  297.   -webkit-transition-property: opacity;
  298.   -webkit-transition-duration: 0.2s;
  299.   -webkit-transition-timing-function: ease-out;
  300.   -o-transition-property: opacity;
  301.   -o-transition-duration: 0.2s;
  302.   -o-transition-timing-function: ease-out;
  303.   -ms-transition-property: opacity;
  304.   -ms-transition-duration: 0.2s;
  305.   -ms-transition-timing-function: ease-out; }
  306.  
  307. .star-rating-con .star-rating-set-clip .star-rating-prog {
  308.   width: 122px;
  309.   height: 24px;
  310.   background-size: cover;
  311.   background-image: url(img/5stars-overlay.png);
  312.   background-repeat: none;
  313.   background-position: center center; }
  314.  
  315. .star-rating-con .star-rating-prog-clip {
  316.   position: absolute;
  317.   top: 0;
  318.   left: 0;
  319.   overflow: hidden;
  320.   width: 0; }
  321.  
  322. .star-rating-con .star-rating-prog-clip .star-rating-prog {
  323.   width: 122px;
  324.   height: 24px;
  325.   background-size: cover;
  326.   background-image: url(img/5stars-overlay.png);
  327.   background-repeat: none;
  328.   background-position: center center; }
  329.  
  330. .counter-hits {
  331.   float: right;
  332.   margin-right: 5px; }
  333.  
  334. .counter-likes {
  335.   float: right;
  336.   margin-right: 15px; }
  337.  
  338. .counter-rates {
  339.   float: right;
  340.   margin-right: 15px; }
  341.  
  342. .counter-likes .the-number, .counter-hits .the-number {
  343.   font-size: 21px; }
  344.  
  345. .float-right {
  346.   float: right; }
  347.  
  348. .login-box {
  349.   position: relative;
  350.   margin-right: 10px;
  351.   font-size: 11px;
  352.   font-family: Arial, sans-serif; }
  353.  
  354. .login-box .login-button {
  355.   padding-right: 15px;
  356.   cursor: pointer;
  357.   background: transparent url(images/arrowdown-login.png) center right no-repeat;
  358.   display: inline-block;
  359.   font-size: 16px; }
  360.  
  361. .login-box .login-form {
  362.   position: absolute;
  363.   border: 1px solid rgba(0, 0, 0, 0.1);
  364.   border-right: 2px solid rgba(0, 0, 0, 0.1);
  365.   border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  366.   padding: 10px 10px 0;
  367.   border-radius: 5px;
  368.   top: 25px;
  369.   left: -70px;
  370.   background: #fff;
  371.   width: 160px;
  372.   z-index: 505;
  373.   opacity: 0;
  374.   visibility: hidden;
  375.   transition-property: visibility, opacity;
  376.   transition-duration: 0.3s;
  377.   transition-timing-function: ease-out;
  378.   -moz-transition-property: visibility, opacity;
  379.   -moz-transition-duration: 0.3s;
  380.   -moz-transition-timing-function: ease-out;
  381.   -webkit-transition-property: visibility, opacity;
  382.   -webkit-transition-duration: 0.3s;
  383.   -webkit-transition-timing-function: ease-out;
  384.   -o-transition-property: visibility, opacity;
  385.   -o-transition-duration: 0.3s;
  386.   -o-transition-timing-function: ease-out;
  387.   -ms-transition-property: visibility, opacity;
  388.   -ms-transition-duration: 0.3s;
  389.   -ms-transition-timing-function: ease-out; }
  390.  
  391. .login-box .login-form.visible {
  392.   opacity: 1;
  393.   visibility: visible; }
  394.  
  395. .login-box .login-form:after, .login-box .login-form:before {
  396.   bottom: 100%;
  397.   border: solid transparent;
  398.   content: " ";
  399.   height: 0;
  400.   width: 0;
  401.   position: absolute;
  402.   pointer-events: none; }
  403.  
  404. .login-box .login-form:after {
  405.   border-color: rgba(136, 183, 213, 0);
  406.   border-bottom-color: #fff;
  407.   border-width: 8px;
  408.   left: 75%;
  409.   margin-left: -8px; }
  410.  
  411. .login-box .login-form:before {
  412.   border-color: rgba(194, 225, 245, 0);
  413.   border-bottom-color: rgba(0, 0, 0, 0.1);
  414.   border-width: 10px;
  415.   left: 75%;
  416.   margin-left: -10px; }
  417.  
  418. .login-box .login-form input[type=text],
  419. .login-box .login-form input[type=password] {
  420.   width: 150px;
  421.   font-size: 11px; }
  422.  
  423. .login-box .login-form label, .login-box .login-form .login-btn {
  424.   font-size: 11px; }
  425.  
  426. .login-box .login-form p {
  427.   display: block;
  428.   margin-bottom: 7px; }
  429.  
  430. .login-box .login-form form {
  431.   margin-bottom: 5px; }
  432.  
  433. .login-box .login-form label[for=rememberme] {
  434.   float: left;
  435.   position: relative;
  436.   top: 5px; }
  437.  
  438. .login-box .login-form .login-btn {
  439.   float: right; }
  440.  
  441. .login-box .login-form .login-btn {
  442.   width: 60px;
  443.   text-transform: none;
  444.   padding: 7px 12px;
  445.   height: auto; }
  446.  
  447. .login-box .login-form .register-btn {
  448.   width: 100%;
  449.   width: calc(100% + 20px);
  450.   display: block;
  451.   position: relative;
  452.   left: -10px;
  453.   padding: 4px 10px;
  454.   background: #f4f4f4;
  455.   text-align: center;
  456.   border-top: 1px solid rgba(0, 0, 0, 0.1); }
  457.  
  458. .login-box .login-form .login-btn.logout-btn {
  459.   width: 100%;
  460.   margin-bottom: 10px;
  461.   float: none;
  462.   border: 1px solid #CCCCCC;
  463.   padding: 4px 12px;
  464.   height: auto;
  465.   text-align: center;
  466.   text-decoration: none;
  467.   line-height: 14px;
  468.   color: #777;
  469.   border-radius: 3px;
  470.   cursor: pointer;
  471.   font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;
  472.   font-size: 11px;
  473.   outline: none;
  474.   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  475.   box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset;
  476.   display: block;
  477.   -webkit-box-sizing: border-box;
  478.   /* Safari/Chrome, other WebKit */
  479.   -moz-box-sizing: border-box;
  480.   /* Firefox, other Gecko */
  481.   box-sizing: border-box;
  482.   /* Opera/IE 8+ */
  483.   background: #f4f4f4;
  484.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  485.   background: -moz-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  486.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e5e5e5));
  487.   background: -webkit-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  488.   background: -o-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  489.   background: -ms-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  490.   background: linear-gradient(to bottom, #f4f4f4 0%, #e5e5e5 100%);
  491.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 );
  492.   opacity: 0.9; }
  493.  
  494. .login-box .login-form .login-btn.logout-btn:hover {
  495.   opacity: 1; }
  496.  
  497. .login-box .login-form .register-btn.forlogout {
  498.   margin-top: 5px; }
  499.  
  500. /* facebook login */
  501. .login-box a.fb-login {
  502.   display: block;
  503.   width: 140px;
  504.   text-align: center;
  505.   background: #3B5998;
  506.   color: #fff;
  507.   padding: 5px 0;
  508.   margin-bottom: 5px;
  509.   margin-top: 5px;
  510.   margin-left: auto;
  511.   margin-right: auto;
  512.   text-decoration: none; }
  513.  
  514. .login-box a.fb-login:visited {
  515.   color: #fff;
  516.   text-decoration: none; }
  517.  
  518. .login-box a.fb-login:hover {
  519.   color: #fff;
  520.   text-decoration: none; }
  521.  
  522. /* facebook login END*/
  523. .dzsvp-page-upload--mainuploader input[type="button"] {
  524.   height: 34px;
  525.   padding-top: 5px; }
  526.  
  527. /* ------- select hidden metastyle styling */
  528. .select-hidden-metastyle {
  529.   position: relative;
  530.   box-sizing: border-box;
  531.   -moz-box-sizing: border-box;
  532.   /* Firefox */
  533.   -webkit-box-sizing: border-box;
  534.   /* Safari */ }
  535.  
  536. .select-hidden-metastyle * {
  537.   box-sizing: border-box;
  538.   -moz-box-sizing: border-box;
  539.   /* Firefox */
  540.   -webkit-box-sizing: border-box;
  541.   /* Safari */ }
  542.  
  543. .select-hidden-metastyle select, .select-hidden-metastyle .select-wrapper {
  544.   display: none; }
  545.  
  546. .select-hidden-metastyle .option-con {
  547.   position: relative;
  548.   display: block; }
  549.  
  550. .select-hidden-metastyle .option-con:after {
  551.   position: relative;
  552.   display: block;
  553.   clear: both;
  554.   content: " "; }
  555.  
  556. .select-hidden-metastyle .option-con > .an-option {
  557.   position: relative;
  558.   display: block;
  559.   float: left;
  560.   width: 30%;
  561.   padding: 10px 10px;
  562.   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
  563.   font-size: 11px;
  564.   margin-top: 10px;
  565.   margin-bottom: 10px;
  566.   margin-right: 10px;
  567.   backface-visibility: visible;
  568.   background: #fdfdfd;
  569.   opacity: 0.7;
  570.   cursor: pointer; }
  571.  
  572. .select-hidden-metastyle .option-con > .an-option > .an-option-inner {
  573.   border: 1px solid rgba(0, 0, 0, 0.3);
  574.   padding: 5px 10px; }
  575.  
  576. .select-hidden-metastyle .option-con > .an-option.active > .an-option-inner {
  577.   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  578.   opacity: 1; }
  579.  
  580. .select-hidden-metastyle .option-con > .an-option .an-title {
  581.   font-weight: normal;
  582.   color: #0CC;
  583.   font-size: 14px; }
  584.  
  585. .select-hidden-metastyle.select-hidden-foritemtype .an-option {
  586.   padding: 5px 10px;
  587.   margin-bottom: 5px;
  588.   width: 33%;
  589.   margin-right: 0;
  590.   margin-left: 0; }
  591.  
  592. .select-hidden-metastyle.select-hidden-foritemtype .an-option .an-desc {
  593.   display: none; }
  594.  
  595. .select-hidden-metastyle.select-hidden-foritemtype .an-option.active .an-desc {
  596.   display: block; }
  597.  
  598. /* -------select hidden metastyle styling END */
  599. #buddypress .dzsvp-page-playlists-public-content .activity-list .activity-content, #buddypress .dzsvp-page-playlists-private-content .activity-list .activity-content {
  600.   margin-left: 10px;
  601.   float: left; }
  602.  
  603. .dzsvp-page-playlists-public-content .playlists-edit-btn, .dzsvp-page-playlists-private-content .playlists-edit-btn {
  604.   float: right;
  605.   margin-left: 10px; }
  606.  
  607. .dzsvp-page-playlists-public-content .playlists-embed-btn, .dzsvp-page-playlists-private-content .playlists-embed-btn {
  608.   float: right;
  609.   margin-left: 10px; }
  610.  
  611. .playlists-con .playlist-btn {
  612.   font-size: 19px;
  613.   cursor: pointer;
  614.   display: block;
  615.   margin-top: 5px;
  616.   margin-bottom: 5px; }
  617.  
  618. .playlists-con .playlist-btn fig.the-status {
  619.   display: inline-block;
  620.   vertical-align: middle;
  621.   margin-right: 15px;
  622.   width: 16px;
  623.   height: 16px;
  624.   background: #fff;
  625.   border: 2px solid rgba(0, 200, 0, 0.5);
  626.   border-radius: 50%; }
  627.  
  628. .playlists-con .playlist-btn.active fig.the-status {
  629.   background: rgba(0, 200, 0, 0.1); }
  630.  
  631. .dzsvp-page-content-playlist-edit--delete-form {
  632.   position: absolute;
  633.   right: 0;
  634.   top: 0; }
  635.  
  636. .simple-fade-carousel {
  637.   position: relative; }
  638.  
  639. .simple-fade-carousel .carousel-item {
  640.   position: absolute;
  641.   top: 0;
  642.   left: 0;
  643.   width: 100%;
  644.   height: 100%;
  645.   background-position: center center;
  646.   background-size: cover;
  647.   visibility: hidden;
  648.   opacity: 0;
  649.   -moz-transition-property: visibility, opacity;
  650.   -moz-transition-duration: 1s;
  651.   -moz-transition-timing-function: ease-out;
  652.   -webkit-transition-property: visibility, opacity;
  653.   -webkit-transition-duration: 1s;
  654.   -webkit-transition-timing-function: ease-out;
  655.   -o-transition-property: visibility, opacity;
  656.   -o-transition-duration: 1s;
  657.   -o-transition-timing-function: ease-out;
  658.   -ms-transition-property: visibility, opacity;
  659.   -ms-transition-duration: 1s;
  660.   -ms-transition-timing-function: ease-out; }
  661.  
  662. .simple-fade-carousel .carousel-item.active {
  663.   opacity: 1;
  664.   visibility: visible; }
  665.  
  666. *.dzsvp-page-upload--mainuploader {
  667.   position: relative; }
  668.  
  669. *.dzsvp-page-upload--mainuploader *.type-video, .dzsvp-page-upload--mainuploader *.type-vimeo, .dzsvp-page-upload--mainuploader *.type-youtube {
  670.   display: none !important;
  671.   opacity: 0;
  672.   transition-property: visibility, opacity;
  673.   transition-duration: 0.3s;
  674.   transition-timing-function: ease-out;
  675.   -moz-transition-property: visibility, opacity;
  676.   -moz-transition-duration: 0.3s;
  677.   -moz-transition-timing-function: ease-out;
  678.   -webkit-transition-property: visibility, opacity;
  679.   -webkit-transition-duration: 0.3s;
  680.   -webkit-transition-timing-function: ease-out;
  681.   -o-transition-property: visibility, opacity;
  682.   -o-transition-duration: 0.3s;
  683.   -o-transition-timing-function: ease-out;
  684.   -ms-transition-property: visibility, opacity;
  685.   -ms-transition-duration: 0.3s;
  686.   -ms-transition-timing-function: ease-out; }
  687.  
  688. *.dzsvp-page-upload--mainuploader.type-video *.type-video, .dzsvp-page-upload--mainuploader.type-vimeo *.type-vimeo, .dzsvp-page-upload--mainuploader.type-youtube *.type-youtube {
  689.   opacity: 1; }
  690.  
  691. *.dzsvp-page-upload--mainuploader.type-video div.type-video, .dzsvp-page-upload--mainuploader.type-vimeo div.type-video.dzsvp-page-upload--mainuploader.type-youtube div.type-youtube {
  692.   display: block !important; }
  693.  
  694. *.dzsvp-page-upload--mainuploader.type-video span.type-video, .dzsvp-page-upload--mainuploader.type-vimeo span.type-vimeo, .dzsvp-page-upload--mainuploader.type-youtube span.type-youtube {
  695.   display: inline-block !important; }
  696.  
  697. *.dzsvp-page-upload--mainuploader.phase-one.type-video .not-in-phase-one {
  698.   opacity: 0; }
  699.  
  700. .share-icon-active {
  701.   width: 120px;
  702.   margin-right: 5px;
  703.   display: inline-block; }
  704.  
  705. .dzsvp-code {
  706.   margin: 10px;
  707.   background: #fafafa;
  708.   font-size: 11px;
  709.   border: 1px solid #ddd;
  710.   padding: 10px; }
  711.  
  712. .code p {
  713.   margin: 0;
  714.   padding: 0; }
  715.  
  716. .overflow-it {
  717.   overflow: hidden; }
  718.  
  719. .table-separator {
  720.   display: table;
  721.   margin: 15px 0; }
  722.   .table-separator .table-cell {
  723.     display: table-cell;
  724.     width: 50%;
  725.     vertical-align: middle;
  726.     height: 1px; }
  727.     .table-separator .table-cell .the-line {
  728.       width: 100%;
  729.       display: block;
  730.       height: 1px;
  731.       background-color: rgba(0, 0, 0, 0.1); }
  732.   .table-separator .table-center {
  733.     text-align: center;
  734.     display: table-cell;
  735.     padding: 0 8px;
  736.     vertical-align: middle;
  737.     color: rgba(50, 50, 50, 0.4); }
  738.  
  739. .shortcode-upload.style-new .bigoption {
  740.   font-weight: 700; }
  741. .shortcode-upload.style-new .submit-track-form > h3 {
  742.   text-align: center;
  743.   margin-bottom: 30px; }
  744. .shortcode-upload.style-new .submit-track-form button, .shortcode-upload.style-new .submit-track-form input[type=button] {
  745.   height: auto;
  746.   height: auto;
  747.   padding: 6px 15px;
  748.   margin-left: 15px;
  749.   margin-bottom: 0;
  750.   line-height: 1.5;
  751.   font-size: 11px;
  752.   transition-property: all;
  753.   transition-duration: 0.3s;
  754.   transition-timing-function: ease-out;
  755.   -moz-transition-property: all;
  756.   -moz-transition-duration: 0.3s;
  757.   -moz-transition-timing-function: ease-out;
  758.   -webkit-transition-property: all;
  759.   -webkit-transition-duration: 0.3s;
  760.   -webkit-transition-timing-function: ease-out;
  761.   -o-transition-property: all;
  762.   -o-transition-duration: 0.3s;
  763.   -o-transition-timing-function: ease-out;
  764.   -ms-transition-property: all;
  765.   -ms-transition-duration: 0.3s;
  766.   -ms-transition-timing-function: ease-out; }
  767. .shortcode-upload.style-new .submit-track-form .dzs-upload-con > .simple-input-field, .shortcode-upload.style-new .submit-track-form .dzs-upload-con > .simple-input-field + .dzs-single-upload {
  768.   display: inline-block;
  769.   vertical-align: middle; }
  770. .shortcode-upload.style-new .submit-track-form .id-upload-mp3 + .dzs-single-upload {
  771.   transform: scale(1);
  772.   width: 70px;
  773.   transition-property: all;
  774.   transition-duration: 0.3s;
  775.   transition-timing-function: ease-out;
  776.   -moz-transition-property: all;
  777.   -moz-transition-duration: 0.3s;
  778.   -moz-transition-timing-function: ease-out;
  779.   -webkit-transition-property: all;
  780.   -webkit-transition-duration: 0.3s;
  781.   -webkit-transition-timing-function: ease-out;
  782.   -o-transition-property: all;
  783.   -o-transition-duration: 0.3s;
  784.   -o-transition-timing-function: ease-out;
  785.   -ms-transition-property: all;
  786.   -ms-transition-duration: 0.3s;
  787.   -ms-transition-timing-function: ease-out; }
  788. .shortcode-upload.style-new .submit-track-form .dzs-single-upload.drag-drop {
  789.   transform: scale(1);
  790.   height: 300px;
  791.   transition-property: all;
  792.   transition-duration: 0.3s;
  793.   transition-timing-function: ease-out;
  794.   -moz-transition-property: all;
  795.   -moz-transition-duration: 0.3s;
  796.   -moz-transition-timing-function: ease-out;
  797.   -webkit-transition-property: all;
  798.   -webkit-transition-duration: 0.3s;
  799.   -webkit-transition-timing-function: ease-out;
  800.   -o-transition-property: all;
  801.   -o-transition-duration: 0.3s;
  802.   -o-transition-timing-function: ease-out;
  803.   -ms-transition-property: all;
  804.   -ms-transition-duration: 0.3s;
  805.   -ms-transition-timing-function: ease-out; }
  806.   .shortcode-upload.style-new .submit-track-form .dzs-single-upload.drag-drop .instructions {
  807.     transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(1);
  808.     transition-property: all;
  809.     transition-duration: 0.3s;
  810.     transition-timing-function: ease-in;
  811.     -moz-transition-property: all;
  812.     -moz-transition-duration: 0.3s;
  813.     -moz-transition-timing-function: ease-in;
  814.     -webkit-transition-property: all;
  815.     -webkit-transition-duration: 0.3s;
  816.     -webkit-transition-timing-function: ease-in;
  817.     -o-transition-property: all;
  818.     -o-transition-duration: 0.3s;
  819.     -o-transition-timing-function: ease-in;
  820.     -ms-transition-property: all;
  821.     -ms-transition-duration: 0.3s;
  822.     -ms-transition-timing-function: ease-in; }
  823. .shortcode-upload.style-new .submit-track-form .table-separator {
  824.   transform: scale(1);
  825.   height: 21px;
  826.   transition-property: all;
  827.   transition-duration: 0.3s;
  828.   transition-timing-function: ease-out;
  829.   -moz-transition-property: all;
  830.   -moz-transition-duration: 0.3s;
  831.   -moz-transition-timing-function: ease-out;
  832.   -webkit-transition-property: all;
  833.   -webkit-transition-duration: 0.3s;
  834.   -webkit-transition-timing-function: ease-out;
  835.   -o-transition-property: all;
  836.   -o-transition-duration: 0.3s;
  837.   -o-transition-timing-function: ease-out;
  838.   -ms-transition-property: all;
  839.   -ms-transition-duration: 0.3s;
  840.   -ms-transition-timing-function: ease-out; }
  841. .shortcode-upload.style-new .submit-track-form .submit-con, .shortcode-upload.style-new .submit-track-form .upload-more-con {
  842.   display: none; }
  843. .shortcode-upload.style-new .submit-track-form.type-youtube .single-upload-for-main-media, .shortcode-upload.style-new .submit-track-form.type-vimeo .single-upload-for-main-media {
  844.   transform: scale(0);
  845.   width: 0px;
  846.   margin-left: -5px; }
  847. .shortcode-upload.style-new .submit-track-form.type-youtube .dzs-single-upload.drag-drop,
  848. .shortcode-upload.style-new .submit-track-form.type-youtube .table-separator, .shortcode-upload.style-new .submit-track-form.type-vimeo .dzs-single-upload.drag-drop,
  849. .shortcode-upload.style-new .submit-track-form.type-vimeo .table-separator {
  850.   height: 0;
  851.   transform: scale(0); }
  852.   .shortcode-upload.style-new .submit-track-form.type-youtube .dzs-single-upload.drag-drop .instructions,
  853.   .shortcode-upload.style-new .submit-track-form.type-youtube .table-separator .instructions, .shortcode-upload.style-new .submit-track-form.type-vimeo .dzs-single-upload.drag-drop .instructions,
  854.   .shortcode-upload.style-new .submit-track-form.type-vimeo .table-separator .instructions {
  855.     transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(3); }
  856. .shortcode-upload.style-new .submit-track-form.phase2 .submit-con {
  857.   display: block; }
  858. .shortcode-upload.style-new .submit-track-form.phase2 .main-upload-options-con {
  859.   opacity: 1; }
  860. .shortcode-upload.style-new .cancel-upload-btn,
  861. .shortcode-upload.style-new .cancel-upload-btn + .upload-track-btn {
  862.   display: inline-block;
  863.   vertical-align: middle; }
  864. .shortcode-upload.style-new .cancel-upload-btn + .upload-track-btn {
  865.   margin-left: 10px; }
  866. .shortcode-upload.style-new .btn-transparent {
  867.   background-color: transparent;
  868.   border: 0;
  869.   box-shadow: none;
  870.   color: #222222; }
  871. .shortcode-upload.style-new .submit-track-form.type-soundcloud .id-upload-mp3 + .dzs-single-upload {
  872.   transform: scale(0);
  873.   width: 0; }
  874. .shortcode-upload.style-new .parameters-con {
  875.   max-width: 800px;
  876.   margin: 30px auto 15px;
  877.   padding: 10px; }
  878.   .shortcode-upload.style-new .parameters-con > .dzs-upload-con {
  879.     text-align: center;
  880.     transform: scale(1);
  881.     opacity: 1;
  882.     visibility: visible;
  883.     transition-property: all;
  884.     transition-duration: 0.3s;
  885.     transition-timing-function: ease-out;
  886.     -moz-transition-property: all;
  887.     -moz-transition-duration: 0.3s;
  888.     -moz-transition-timing-function: ease-out;
  889.     -webkit-transition-property: all;
  890.     -webkit-transition-duration: 0.3s;
  891.     -webkit-transition-timing-function: ease-out;
  892.     -o-transition-property: all;
  893.     -o-transition-duration: 0.3s;
  894.     -o-transition-timing-function: ease-out;
  895.     -ms-transition-property: all;
  896.     -ms-transition-duration: 0.3s;
  897.     -ms-transition-timing-function: ease-out; }
  898.   .shortcode-upload.style-new .parameters-con > .dzs-upload-con.disabling {
  899.     transform: scale(0);
  900.     opacity: 0;
  901.     visibility: hidden; }
  902.   .shortcode-upload.style-new .parameters-con .tab-menu {
  903.     font-size: 18px; }
  904.   .shortcode-upload.style-new .parameters-con .dzs-single-upload--areadrop {
  905.     height: 300px; }
  906.     .shortcode-upload.style-new .parameters-con .dzs-single-upload--areadrop .instructions {
  907.       font-size: 15px;
  908.       top: 50%;
  909.       transform: translate3d(-50%, -50%, 0) rotate(5deg) scale(1); }
  910.   .shortcode-upload.style-new .parameters-con .border-button {
  911.     background-color: #888888;
  912.     color: #ffffff;
  913.     border: 0;
  914.     box-shadow: none;
  915.     transition-property: color, background;
  916.     transition-duration: 0.3s;
  917.     transition-timing-function: ease-out;
  918.     -moz-transition-property: color, background;
  919.     -moz-transition-duration: 0.3s;
  920.     -moz-transition-timing-function: ease-out;
  921.     -webkit-transition-property: color, background;
  922.     -webkit-transition-duration: 0.3s;
  923.     -webkit-transition-timing-function: ease-out;
  924.     -o-transition-property: color, background;
  925.     -o-transition-duration: 0.3s;
  926.     -o-transition-timing-function: ease-out;
  927.     -ms-transition-property: color, background;
  928.     -ms-transition-duration: 0.3s;
  929.     -ms-transition-timing-function: ease-out; }
  930.   .shortcode-upload.style-new .parameters-con .border-button:hover {
  931.     background-color: #888888;
  932.     color: #ffffff;
  933.     border: 0; }
  934. .shortcode-upload.style-new .ui-state-highlight {
  935.   height: 40px; }
  936. .shortcode-upload.style-new .upload-track-options, .shortcode-upload.style-new .ui-state-highlight {
  937.   margin-top: 10px;
  938.   font-size: 0;
  939.   padding: 10px;
  940.   position: relative;
  941.   border: 1px solid rgba(50, 50, 50, 0.2); }
  942.   .shortcode-upload.style-new .upload-track-options .handle-con, .shortcode-upload.style-new .ui-state-highlight .handle-con {
  943.     display: inline-block;
  944.     vertical-align: middle;
  945.     position: relative;
  946.     width: 20px;
  947.     height: 20px;
  948.     margin-right: 10px;
  949.     font-size: 16px;
  950.     cursor: pointer; }
  951.     .shortcode-upload.style-new .upload-track-options .handle-con i, .shortcode-upload.style-new .ui-state-highlight .handle-con i {
  952.       position: absolute;
  953.       position: absolute;
  954.       top: 50%;
  955.       left: 50%;
  956.       transform: translate(-50%, -50%);
  957.       -webkit-transform: translate(-50%, -50%);
  958.       cursor: pointer; }
  959.   .shortcode-upload.style-new .upload-track-options .delete-track-con, .shortcode-upload.style-new .ui-state-highlight .delete-track-con {
  960.     width: 20px;
  961.     height: 20px;
  962.     border-radius: 50%;
  963.     background-color: #503c50;
  964.     position: absolute;
  965.     transform: translateY(-50%);
  966.     right: 20px;
  967.     top: 50%; }
  968.     .shortcode-upload.style-new .upload-track-options .delete-track-con > i, .shortcode-upload.style-new .ui-state-highlight .delete-track-con > i {
  969.       position: absolute;
  970.       top: 50%;
  971.       left: 50%;
  972.       transform: translate(-50%, -50%);
  973.       color: #ffffff;
  974.       font-size: 13px;
  975.       margin-top: -1px;
  976.       margin-left: 1px; }
  977.   .shortcode-upload.style-new .upload-track-options .input-con, .shortcode-upload.style-new .ui-state-highlight .input-con {
  978.     display: inline-block;
  979.     vertical-align: middle;
  980.     font-size: 13px;
  981.     width: calc(100% - 30px); }
  982.     .shortcode-upload.style-new .upload-track-options .input-con input, .shortcode-upload.style-new .ui-state-highlight .input-con input {
  983.       width: 100%;
  984.       display: block;
  985.       background-color: transparent;
  986.       border: 0;
  987.       box-shadow: none;
  988.       border: 1px dashed rgba(50, 50, 50, 0);
  989.       transition-property: border;
  990.       transition-duration: 0.3s;
  991.       transition-timing-function: ease-out;
  992.       -moz-transition-property: border;
  993.       -moz-transition-duration: 0.3s;
  994.       -moz-transition-timing-function: ease-out;
  995.       -webkit-transition-property: border;
  996.       -webkit-transition-duration: 0.3s;
  997.       -webkit-transition-timing-function: ease-out;
  998.       -o-transition-property: border;
  999.       -o-transition-duration: 0.3s;
  1000.       -o-transition-timing-function: ease-out;
  1001.       -ms-transition-property: border;
  1002.       -ms-transition-duration: 0.3s;
  1003.       -ms-transition-timing-function: ease-out; }
  1004.       .shortcode-upload.style-new .upload-track-options .input-con input:focus, .shortcode-upload.style-new .ui-state-highlight .input-con input:focus {
  1005.         background-color: rgba(200, 200, 200, 0.1);
  1006.         border: 1px dashed rgba(50, 50, 50, 0.5); }
  1007.   .shortcode-upload.style-new .upload-track-options .preloader-bar, .shortcode-upload.style-new .ui-state-highlight .preloader-bar {
  1008.     content: "";
  1009.     position: absolute;
  1010.     top: 0;
  1011.     left: 0;
  1012.     width: 100%;
  1013.     height: 0;
  1014.     background-color: #cb1919;
  1015.     transition-property: height;
  1016.     transition-duration: 0.3s;
  1017.     transition-timing-function: ease-out;
  1018.     -moz-transition-property: height;
  1019.     -moz-transition-duration: 0.3s;
  1020.     -moz-transition-timing-function: ease-out;
  1021.     -webkit-transition-property: height;
  1022.     -webkit-transition-duration: 0.3s;
  1023.     -webkit-transition-timing-function: ease-out;
  1024.     -o-transition-property: height;
  1025.     -o-transition-duration: 0.3s;
  1026.     -o-transition-timing-function: ease-out;
  1027.     -ms-transition-property: height;
  1028.     -ms-transition-duration: 0.3s;
  1029.     -ms-transition-timing-function: ease-out; }
  1030.   .shortcode-upload.style-new .upload-track-options.loader-active .preloader-bar, .shortcode-upload.style-new .ui-state-highlight.loader-active .preloader-bar {
  1031.     height: 10px; }
  1032. .shortcode-upload.style-new .main-upload-options-con {
  1033.   display: none;
  1034.   opacity: 0;
  1035.   transition-property: transform, opacity;
  1036.   transition-duration: 0.3s;
  1037.   transition-timing-function: ease-out;
  1038.   -moz-transition-property: transform, opacity;
  1039.   -moz-transition-duration: 0.3s;
  1040.   -moz-transition-timing-function: ease-out;
  1041.   -webkit-transition-property: transform, opacity;
  1042.   -webkit-transition-duration: 0.3s;
  1043.   -webkit-transition-timing-function: ease-out;
  1044.   -o-transition-property: transform, opacity;
  1045.   -o-transition-duration: 0.3s;
  1046.   -o-transition-timing-function: ease-out;
  1047.   -ms-transition-property: transform, opacity;
  1048.   -ms-transition-duration: 0.3s;
  1049.   -ms-transition-timing-function: ease-out; }
  1050. .shortcode-upload.style-new .main-upload-options {
  1051.   position: relative;
  1052.   border: 1px solid rgba(0, 0, 0, 0.1);
  1053.   padding: 10px;
  1054.   margin-top: 15px; }
  1055.   .shortcode-upload.style-new .main-upload-options .thumb-con {
  1056.     width: 200px;
  1057.     float: left;
  1058.     min-height: 1px;
  1059.     margin-right: 15px; }
  1060.   .shortcode-upload.style-new .main-upload-options .preloader-bar {
  1061.     content: "";
  1062.     position: absolute;
  1063.     top: 0;
  1064.     left: 0;
  1065.     width: 100%;
  1066.     height: 0;
  1067.     background-color: #cb1919;
  1068.     transition-property: height;
  1069.     transition-duration: 0.3s;
  1070.     transition-timing-function: ease-out;
  1071.     -moz-transition-property: height;
  1072.     -moz-transition-duration: 0.3s;
  1073.     -moz-transition-timing-function: ease-out;
  1074.     -webkit-transition-property: height;
  1075.     -webkit-transition-duration: 0.3s;
  1076.     -webkit-transition-timing-function: ease-out;
  1077.     -o-transition-property: height;
  1078.     -o-transition-duration: 0.3s;
  1079.     -o-transition-timing-function: ease-out;
  1080.     -ms-transition-property: height;
  1081.     -ms-transition-duration: 0.3s;
  1082.     -ms-transition-timing-function: ease-out; }
  1083.   .shortcode-upload.style-new .main-upload-options.loader-active .preloader-bar {
  1084.     height: 10px; }
  1085. .shortcode-upload.style-new .submit-con, .shortcode-upload.style-new .upload-more-con {
  1086.   margin: 10px;
  1087.   float: right; }
  1088. .shortcode-upload.style-new .upload-more-con {
  1089.   float: left;
  1090.   display: none; }
  1091. .shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap {
  1092.   display: block;
  1093.   margin: 0 auto;
  1094.   text-align: center; }
  1095.   .shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap .bigoption {
  1096.     background-color: #dadada;
  1097.     border-right-color: rgba(0, 0, 0, 0.1); }
  1098.   .shortcode-upload.style-new form.submit-track-form .opener-listbuttons-wrap .bigoption.active {
  1099.     background-color: #cb1919; }
  1100.  
  1101. .counter-hits i, .counter-likes i {
  1102.   font-size: 11px;
  1103.   display: inline-block;
  1104.   vertical-align: middle; }

Raw Paste


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