IGOR

Back Back Up Advanced Editor

.main-container{
  width:900px;
}
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.button, .button-primary{
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p .button {
    vertical-align: baseline;
}

.button-primary {
    background: #2ea2cc;
    border-color: #0074a2;
    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
    color: #fff;
    text-decoration: none;
}

.button-primary:hover,
.button-primary:focus {
    background: #1e8cbe;
    border-color: #0074a2;
    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    color: #fff;
}

.button-primary:focus {
    border-color: #0e3950;
    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
}

.button-primary:active {
    background: #1b7aa6;
    border-color: #005684;
    color: rgba(255,255,255,0.95);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    vertical-align: top;
}

/*Table Design*/

.autoupdaterestore-table {
  background: #f5f5f5;
  border-collapse: separate;
  box-shadow: inset 0 1px 0 #fff;
  font-size: 12px;
  line-height: 24px;
  margin: 30px auto;
  text-align: left;
  width: 100%;
}

.autoupdaterestore-th {
  background: #0085ba;
  border-color: #006799 #006799 #006799;
  box-shadow: 0 1px 0 #006799;
  color: #fff;
  border-left: 1px solid #006799;
  border-right: 1px solid #006799;
  border-top: 1px solid #006799;
  border-bottom: 1px solid #006799;
  box-shadow: inset 0 1px 0 #006799;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  position: relative;
  text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
  text-align:left;
}

.autoupdaterestore-th:hover {
  background: #008ec2;
  border-color: #006799;
  color: #fff;
}

.autoupdaterestore-td {
  border-right: 1px solid #fff;
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 15px;
  position: relative;
  transition: all 300ms;
}

.autoupdaterestore-td:first-child {
  box-shadow: inset 1px 0 0 #fff;
}

.autoupdaterestore-td:last-child {
  border-right: 1px solid #e8e8e8;
  box-shadow: inset -1px 0 0 #fff;
}

.autoupdaterestore-tr {
  background: url(https://jackrugile.com/images/misc/noise-diagonal.png); 
}

.autoupdaterestore-tr:nth-child(odd) .autoupdaterestore-td {
  background: #f1f1f1 url(https://jackrugile.com/images/misc/noise-diagonal.png); 
}

.autoupdaterestore-tr:last-of-type .autoupdaterestore-td {
  box-shadow: inset 0 -1px 0 #fff; 
}

.autoupdaterestore-tr:last-of-type .autoupdaterestore-td:first-child {
  box-shadow: inset 1px -1px 0 #fff;
}

.autoupdaterestore-tr:last-of-type .autoupdaterestore-td:last-child {
  box-shadow: inset -1px -1px 0 #fff;
}
.autoupdaterestore-input{
  width: 300px;
}