iimog/atravelblog
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Replace min css with unminfied version

Browse source
This commit is contained in:
Markus Ankenbrand 2017-02-25 13:45:17 +01:00
parent 51d10d8b92
commit f74b426362
3 changed files with 101 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

100
css/tinytools.toggleswitch.css Normal file
View file

@ -0,0 +1,100 @@
.TinyTools.ToggleSwitch {
display: inline-block;
font-size: 11px;
font-weight: bold;
border: 1px solid #888;
border-radius: 3px;
overflow: hidden;
color: #eee;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.TinyTools.ToggleSwitch .NubWrapper {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.TinyTools.ToggleSwitch .NubWrapper.Disabled {
opacity: .5;
}
.TinyTools.ToggleSwitch .NubWrapper > * {
-moz-transition: left .5s ease-in-out, right .5s ease-in-out;
-o-transition: left .5s ease-in-out, right .5s ease-in-out;
-webkit-transition: left .5s ease-in-out, right .5s ease-in-out;
transition: left .5s ease-in-out, right .5s ease-in-out;
}
.TinyTools.ToggleSwitch .NubWrapper .OnSide,
.TinyTools.ToggleSwitch .NubWrapper .OffSide,
.TinyTools.ToggleSwitch .NubWrapper .Nub {
display: table;
vertical-align: middle;
width: 50%;
height: 100%;
text-align: center;
position: absolute;
top: 0;
}
.TinyTools.ToggleSwitch .NubWrapper .OnSide {
right: -50%;
background: #590032;
background: -moz-linear-gradient(top, #590032 0%, #980061 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#590032), color-stop(100%,#980061)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #590032 0%,#980061 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #590032 0%,#980061 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #590032 0%,#980061 100%); /* IE10+ */
background: linear-gradient(to bottom, #590032 0%,#980061 100%); /* W3C */
}
.TinyTools.ToggleSwitch .NubWrapper .OffSide {
left: 0;
background: #666;
background: -moz-linear-gradient(top, #666 0%, #999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #666 0%,#999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #666 0%,#999 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #666 0%,#999 100%); /* IE10+ */
background: linear-gradient(to bottom, #666 0%,#999 100%); /* W3C */
}
.TinyTools.ToggleSwitch .NubWrapper .OnSide span,
.TinyTools.ToggleSwitch .NubWrapper .OffSide span {
display: table-cell;
vertical-align: middle;
}
.TinyTools.ToggleSwitch .NubWrapper .Nub {
left: 50%;
background: #eee;
background: -moz-linear-gradient(top, #fff 0%, #eee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#eee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#eee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#eee 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff 0%,#eee 100%); /* W3C */
}
.TinyTools.ToggleSwitch .NubWrapper.Checked .OnSide {
right: 0;
}
.TinyTools.ToggleSwitch .NubWrapper.Checked .OffSide {
left: -50%;
}
.TinyTools.ToggleSwitch .NubWrapper.Checked .Nub {
left: 0;
}

1
css/tinytools.toggleswitch.min.css vendored
View file

@ -1 +0,0 @@
.TinyTools.ToggleSwitch{display:inline-block;font-size:11px;font-weight:bold;border:1px solid #888;border-radius:3px;overflow:hidden;color:#eee;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.TinyTools.ToggleSwitch .NubWrapper{height:100%;width:100%;position:absolute;left:0;top:0;-moz-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s}.TinyTools.ToggleSwitch .NubWrapper.Disabled{opacity:.5}.TinyTools.ToggleSwitch .NubWrapper>*{-moz-transition:left .5s ease-in-out,right .5s ease-in-out;-o-transition:left .5s ease-in-out,right .5s ease-in-out;-webkit-transition:left .5s ease-in-out,right .5s ease-in-out;transition:left .5s ease-in-out,right .5s ease-in-out}.TinyTools.ToggleSwitch .NubWrapper .OnSide,.TinyTools.ToggleSwitch .NubWrapper .OffSide,.TinyTools.ToggleSwitch .NubWrapper .Nub{display:table;vertical-align:middle;width:50%;height:100%;text-align:center;position:absolute;top:0}.TinyTools.ToggleSwitch .NubWrapper .OnSide{right:-50%;background:#590032;background:-moz-linear-gradient(top,#590032 0%,#980061 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#590032),color-stop(100%,#980061));background:-webkit-linear-gradient(top,#590032 0%,#980061 100%);background:-o-linear-gradient(top,#590032 0%,#980061 100%);background:-ms-linear-gradient(top,#590032 0%,#980061 100%);background:linear-gradient(to bottom,#590032 0%,#980061 100%)}.TinyTools.ToggleSwitch .NubWrapper .OffSide{left:0;background:#666;background:-moz-linear-gradient(top,#666 0%,#999 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#666),color-stop(100%,#999));background:-webkit-linear-gradient(top,#666 0%,#999 100%);background:-o-linear-gradient(top,#666 0%,#999 100%);background:-ms-linear-gradient(top,#666 0%,#999 100%);background:linear-gradient(to bottom,#666 0%,#999 100%)}.TinyTools.ToggleSwitch .NubWrapper .OnSide span,.TinyTools.ToggleSwitch .NubWrapper .OffSide span{display:table-cell;vertical-align:middle}.TinyTools.ToggleSwitch .NubWrapper .Nub{left:50%;background:#eee;background:-moz-linear-gradient(top,#fff 0%,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#eee));background:-webkit-linear-gradient(top,#fff 0%,#eee 100%);background:-o-linear-gradient(top,#fff 0%,#eee 100%);background:-ms-linear-gradient(top,#fff 0%,#eee 100%);background:linear-gradient(to bottom,#fff 0%,#eee 100%)}.TinyTools.ToggleSwitch .NubWrapper.Checked .OnSide{right:0}.TinyTools.ToggleSwitch .NubWrapper.Checked .OffSide{left:-50%}.TinyTools.ToggleSwitch .NubWrapper.Checked .Nub{left:0}