Просмотр архива Даю вам свой форум (полный бек)

.setting__checkbox {
 margin: 10px 0 0 -13px
}

.smaller {
  font-size:
80%;
}

.popup
{
    position: absolute;
}

.popup
{
    position:
absolute;

    padding: 18px;

    background: #fff;
    box-shadow: 0 0 0
1px rgba(0,0,0,.1), 0 10px 20px -5px rgba(0,0,0,.4);
    z-index: 3200;
   
opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .1s
ease-out;
    -moz-transition: opacity .1s ease-out;
    -o-transition:
opacity .1s ease-out;
    transition: opacity .1s
ease-out;
}

.popup_name_setting
{
    margin-left: 120px;
    margin-top:
15px;
}

.popup__tail
{
    position: absolute;
    top: -9px;
    left:
50%;

    width: 17px;
    height: 17px;
    margin-left: -9px;

   
-webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
 
      -ms-transform: rotate(135deg);
         -o-transform:
rotate(135deg);
            transform: rotate(135deg);

    background:
rgba(0,0,0, .15);
    background: -webkit-linear-gradient(45deg,
rgba(0,0,0, .15) 50%, rgba(0,0,0, 0) 50%);
    background:   
-moz-linear-gradient(45deg, rgba(0,0,0, .15) 50%, rgba(0,0,0, 0) 50%);
   
background:      -o-linear-gradient(45deg, rgba(0,0,0, .15) 50%,
rgba(0,0,0, 0) 50%);
    background:         linear-gradient(45deg,
rgba(0,0,0, .15) 50%, rgba(0,0,0, 0) 50%);
}

.popup__tail:after
{
   
position: absolute;
    bottom: 1px;
    left: 1px;

    width: 17px;
   
height: 17px;

    content: '';

    background: #fff;
}


.spinner {

  
height:10px;
   width:10px;

   visibility: hidden;
    
  
margin-left:auto;
   margin-right:auto;
   margin-bottom:40px;

  
-webkit-animation: rotation .6s infinite linear;
   -moz-animation:
rotation .6s infinite linear;
   -o-animation: rotation .6s infinite
linear;
   animation: rotation .6s infinite linear;
   border:6px solid
rgba(0,174,239,.15);
   border-radius:100%;
}

.spinner:before {
  
content:"";
   display:block;
   position:absolute;
  
left:-6px;
   top:-6px;
   height:100%;
   width:100%;
   border-top:6px
solid rgba(0,174,239,.8);
   border-left:6px solid transparent;
  
border-bottom:6px solid transparent;
   border-right:6px solid
transparent;
   border-radius:100%;
}

#spinner_gif {
   display: none;
  
margin-bottom:40px;
}


@-webkit-keyframes rotation {
   from
{-webkit-transform: rotate(0deg);}
   to {-webkit-transform:
rotate(359deg);}
}

@-moz-keyframes rotation {
   from {-moz-transform:
rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}

@-o-keyframes
rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform:
rotate(359deg);}
}

@keyframes rotation {
   from {transform:
rotate(0deg);}
   to {transform: rotate(359deg);}
}

#progress_area
{
  
margin: 20px 0 0 0;
   display: none;
}

#result_area
{
   display: none;
 
 font-size: 20px;
}

#debug
{
  display: none;

  margin: 30px 0 0 0; 
 
border: 1px solid darkred; 
  font-size: 9px; 
  padding:
10px;
}

.errmsg
{
   display: none;
   margin: 10px 0 0 0;
   color: red;

  font-weight: 700;
   font-size: 18px;
}

.hidden
{
   display:
none;
}


#progressbar {
    width: 700px;
    border: 1px solid #757574;
 
  height: 36px;
    background: #fff;
    margin-bottom: 9px;

    display:
none;  
}

#progressbar > div {
   width: 0%; /* Adjust with JavaScript
*/
   background: #ffe67a;
   height: 100%;
}

#progressbar_text {
   
text-align:left;
    width: 700px;
    margin-bottom: 20px;
    display:
none;  
    font-size: 13px;
    overflow: none;
}

#current_folder {
 
width: 100%;
  margin-bottom: 5px;
}

#current_estimate {
  width: 100%;
 
font-size: 15px;
}

#files_found {
  font-weight: 700;
}

#files_total {
 
font-weight: 700;
}

.instructions
{
  margin: 0 0 25px 0;
}


#configPanel
{
   display: none;
}

.center {
   margin-left: auto;
   margin-right:
auto;
   display: block;

}

#errorCaption
{
  font-size: 22px;
 
font-weight: normal;
  margin: 0 0 15px 0;
}

#errorText
{
  font-size:
15px;
  display: inline-block;
  margin-bottom: 30px;
  padding: 9px 19px
7px;
  color: #fff;
  background:
#ff7373;
}


.textarea__input.text_interval
{ 
  width:
18px
}

#result_area
{
  font-size: 22px;
  font-weight: normal;
  margin:
0 0 30px 0;
}