J-5 T00:00:00.000 2017-02-15T21:17:51.567 0 0 0 1 default 1 0 1 1 com.smartmobilestudio.app http://*/* https://*/* tel:* sms:* mailto:* geo:* 1 1 1 0 0 0 0 0 1 0 0 0 1 1 0 1 1 1 0 0 0 0 0 0 0 0 0 0 1 1 0 main.js index.html www\ 0 1 0 0 0 J-0 2017-02-11T20:52:54.654Z 2017-02-15T21:17:51.567 ks var ks := TElement.Create('div', nil, 'form-example-contain bottom-margin'); //
ks1 var ks1 := Telement.Create('div', ks, 'frow centered'); //
ks2 var ks2 := TElement.Create('div', ks1, 'form-example card-shadow'); // ks3-a var ks3a := TElement.Create('label', ks2, 'label', 'Name'); // ks3-b var ks3b := TElement.Create('input', ks2, 'input'); ks3b.SetAttribute('type', 'text'); ks3b.SetAttribute('placeholder', 'Placeholder Text'); // ks3-c var ks3c := TElement.Create('label', ks2, 'label', 'Disabled Field'); // var ks3d := TElement.Create('input', ks2, 'input'); ks3d.SetAttribute('type', 'text'); ks3d.SetAttribute('placeholder', 'Placeholder Text'); ks3d.SetAttribute('disabled', 'disabled'); //
ks3-e var ks3e := TElement.Create('div', ks2, 'frow gutters'); //
ks4-a var ks4a := TElement.Create('div', ks3e, 'col-md-1-2'); // ks5-a var ks5a := TElement.Create('label', ks4a, 'label', 'Zipcode'); // ks5-b var ks5b := TElement.Create('input', ks4a, 'input'); ks5b.SetAttribute('type', 'text'); ks5b.SetAttribute('pattern', '\d*'); ks5b.SetAttribute('maxlength', '5'); //
ks4-b var ks4b := TElement.Create('div', ks3e, 'col-md-1-2'); // ks5-b var ks5c := TElement.Create('label', ks4b, 'label', 'Color'); // ks3-g var ks3g := TElement.Create('input', ks2, 'input'); ks3g.SetAttribute('type', 'file'); // ks3-h var ks3h := TElement.Create('label', ks2, 'label', 'Text Area'); // ks3-i var ks3i := TElement.Create('textarea', ks2, 'textarea', ''); //
ks3-j var ks3j := TElement.Create('div', ks2, 'frow'); // ks4-a var ks4c := TElement.Create('button', ks3j, 'button', 'Submit'); */]]> JElement 2017-02-12T22:20:12.098Z 2017-02-15T17:17:59.892 default.css 2017-02-15T10:24:07.044Z 2017-02-15T20:10:30.147 ");background-position:100%;background-repeat:no-repeat;display:block;border:none;border-bottom:2px solid #9e9e9e;border-radius:0;color:#333;font-size:15px;height:27px;margin-bottom:20px;padding:3px 24px 3px 5px;width:100%}select:not(.reset):focus,select:not(.reset):hover{border-color:#787878}select:not(.reset):disabled{border-bottom:1px dotted #9e9e9e;cursor:default!important}textarea:not(.reset){background:none;border:none;border-bottom:2px solid #9e9e9e;border-radius:0;color:#333;display:block;font-size:15px;margin-bottom:20px;min-height:50px;padding:10px;resize:vertical;width:100%}textarea:not(.reset):focus,textarea:not(.reset):hover{border-color:#787878;outline:none}textarea:not(.reset):disabled{border-bottom:1px dotted #9e9e9e;cursor:default!important}.frow-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.frow-container{width:750px}}@media (min-width:992px){.frow-container{width:970px}}@media (min-width:1200px){.frow-container{width:1170px}}.frow{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start}.frow.gutters{margin-left:-15px;margin-right:-15px}.frow.gutters>*{padding-left:15px;padding-right:15px}.frow.centered,.frow.centered-column{justify-content:center;align-items:center;align-content:center;height:100%}.frow.centered-column{flex-direction:column}.frow.row-start{flex-direction:row;justify-content:flex-start}.frow.row-center{flex-direction:row;justify-content:center}.frow.row-end{flex-direction:row;justify-content:flex-end}.frow.column-start{align-items:flex-start;align-content:flex-start}.frow.column-center,.frow.column-start{flex-direction:column;justify-content:flex-start}.frow.column-center{align-items:center;align-content:center}.frow.column-end{flex-direction:column;align-items:flex-end;align-content:flex-end;justify-content:flex-start}.frow.wrap{flex-wrap:wrap}.frow.wrap-reverse{flex-wrap:wrap-reverse}.frow.nowrap{flex-wrap:nowrap}.frow.direction-row{flex-direction:row}.frow.direction-reverse{flex-direction:row-reverse}.frow.direction-column{flex-direction:column}.frow.direction-column-reverse{flex-direction:column-reverse}.frow.justify-start{justify-content:flex-start}.frow.justify-end{justify-content:flex-end}.frow.justify-center{justify-content:center}.frow.justify-between{justify-content:space-between}.frow.justify-around{justify-content:space-around}.frow.items-start{align-items:flex-start}.frow.items-end{align-items:flex-end}.frow.items-center{align-items:center}.frow.items-stretch{align-items:stretch}.frow.items-baseline{align-items:baseline}.frow.content-start{align-content:flex-start}.frow.content-end{align-content:flex-end}.frow.content-center{align-content:center}.frow.content-between{align-content:space-between}.frow.content-around{align-content:space-around}.col-lg-1-1,.col-lg-1-2,.col-lg-1-3,.col-lg-1-4,.col-lg-1-5,.col-lg-1-6,.col-lg-1-7,.col-lg-1-8,.col-lg-1-9,.col-lg-1-10,.col-lg-1-11,.col-lg-1-12,.col-lg-2-2,.col-lg-2-3,.col-lg-2-4,.col-lg-2-5,.col-lg-2-6,.col-lg-2-7,.col-lg-2-8,.col-lg-2-9,.col-lg-2-10,.col-lg-2-11,.col-lg-2-12,.col-lg-3-3,.col-lg-3-4,.col-lg-3-5,.col-lg-3-6,.col-lg-3-7,.col-lg-3-8,.col-lg-3-9,.col-lg-3-10,.col-lg-3-11,.col-lg-3-12,.col-lg-4-4,.col-lg-4-5,.col-lg-4-6,.col-lg-4-7,.col-lg-4-8,.col-lg-4-9,.col-lg-4-10,.col-lg-4-11,.col-lg-4-12,.col-lg-5-5,.col-lg-5-6,.col-lg-5-7,.col-lg-5-8,.col-lg-5-9,.col-lg-5-10,.col-lg-5-11,.col-lg-5-12,.col-lg-6-6,.col-lg-6-7,.col-lg-6-8,.col-lg-6-9,.col-lg-6-10,.col-lg-6-11,.col-lg-6-12,.col-lg-7-7,.col-lg-7-8,.col-lg-7-9,.col-lg-7-10,.col-lg-7-11,.col-lg-7-12,.col-lg-8-8,.col-lg-8-9,.col-lg-8-10,.col-lg-8-11,.col-lg-8-12,.col-lg-9-9,.col-lg-9-10,.col-lg-9-11,.col-lg-9-12,.col-lg-10-10,.col-lg-10-11,.col-lg-10-12,.col-lg-11-11,.col-lg-11-12,.col-lg-12-12,.col-md-1-1,.col-md-1-2,.col-md-1-3,.col-md-1-4,.col-md-1-5,.col-md-1-6,.col-md-1-7,.col-md-1-8,.col-md-1-9,.col-md-1-10,.col-md-1-11,.col-md-1-12,.col-md-2-2,.col-md-2-3,.col-md-2-4,.col-md-2-5,.col-md-2-6,.col-md-2-7,.col-md-2-8,.col-md-2-9,.col-md-2-10,.col-md-2-11,.col-md-2-12,.col-md-3-3,.col-md-3-4,.col-md-3-5,.col-md-3-6,.col-md-3-7,.col-md-3-8,.col-md-3-9,.col-md-3-10,.col-md-3-11,.col-md-3-12,.col-md-4-4,.col-md-4-5,.col-md-4-6,.col-md-4-7,.col-md-4-8,.col-md-4-9,.col-md-4-10,.col-md-4-11,.col-md-4-12,.col-md-5-5,.col-md-5-6,.col-md-5-7,.col-md-5-8,.col-md-5-9,.col-md-5-10,.col-md-5-11,.col-md-5-12,.col-md-6-6,.col-md-6-7,.col-md-6-8,.col-md-6-9,.col-md-6-10,.col-md-6-11,.col-md-6-12,.col-md-7-7,.col-md-7-8,.col-md-7-9,.col-md-7-10,.col-md-7-11,.col-md-7-12,.col-md-8-8,.col-md-8-9,.col-md-8-10,.col-md-8-11,.col-md-8-12,.col-md-9-9,.col-md-9-10,.col-md-9-11,.col-md-9-12,.col-md-10-10,.col-md-10-11,.col-md-10-12,.col-md-11-11,.col-md-11-12,.col-md-12-12,.col-sm-1-1,.col-sm-1-2,.col-sm-1-3,.col-sm-1-4,.col-sm-1-5,.col-sm-1-6,.col-sm-1-7,.col-sm-1-8,.col-sm-1-9,.col-sm-1-10,.col-sm-1-11,.col-sm-1-12,.col-sm-2-2,.col-sm-2-3,.col-sm-2-4,.col-sm-2-5,.col-sm-2-6,.col-sm-2-7,.col-sm-2-8,.col-sm-2-9,.col-sm-2-10,.col-sm-2-11,.col-sm-2-12,.col-sm-3-3,.col-sm-3-4,.col-sm-3-5,.col-sm-3-6,.col-sm-3-7,.col-sm-3-8,.col-sm-3-9,.col-sm-3-10,.col-sm-3-11,.col-sm-3-12,.col-sm-4-4,.col-sm-4-5,.col-sm-4-6,.col-sm-4-7,.col-sm-4-8,.col-sm-4-9,.col-sm-4-10,.col-sm-4-11,.col-sm-4-12,.col-sm-5-5,.col-sm-5-6,.col-sm-5-7,.col-sm-5-8,.col-sm-5-9,.col-sm-5-10,.col-sm-5-11,.col-sm-5-12,.col-sm-6-6,.col-sm-6-7,.col-sm-6-8,.col-sm-6-9,.col-sm-6-10,.col-sm-6-11,.col-sm-6-12,.col-sm-7-7,.col-sm-7-8,.col-sm-7-9,.col-sm-7-10,.col-sm-7-11,.col-sm-7-12,.col-sm-8-8,.col-sm-8-9,.col-sm-8-10,.col-sm-8-11,.col-sm-8-12,.col-sm-9-9,.col-sm-9-10,.col-sm-9-11,.col-sm-9-12,.col-sm-10-10,.col-sm-10-11,.col-sm-10-12,.col-sm-11-11,.col-sm-11-12,.col-sm-12-12,.col-xs-1-1,.col-xs-1-2,.col-xs-1-3,.col-xs-1-4,.col-xs-1-5,.col-xs-1-6,.col-xs-1-7,.col-xs-1-8,.col-xs-1-9,.col-xs-1-10,.col-xs-1-11,.col-xs-1-12,.col-xs-2-2,.col-xs-2-3,.col-xs-2-4,.col-xs-2-5,.col-xs-2-6,.col-xs-2-7,.col-xs-2-8,.col-xs-2-9,.col-xs-2-10,.col-xs-2-11,.col-xs-2-12,.col-xs-3-3,.col-xs-3-4,.col-xs-3-5,.col-xs-3-6,.col-xs-3-7,.col-xs-3-8,.col-xs-3-9,.col-xs-3-10,.col-xs-3-11,.col-xs-3-12,.col-xs-4-4,.col-xs-4-5,.col-xs-4-6,.col-xs-4-7,.col-xs-4-8,.col-xs-4-9,.col-xs-4-10,.col-xs-4-11,.col-xs-4-12,.col-xs-5-5,.col-xs-5-6,.col-xs-5-7,.col-xs-5-8,.col-xs-5-9,.col-xs-5-10,.col-xs-5-11,.col-xs-5-12,.col-xs-6-6,.col-xs-6-7,.col-xs-6-8,.col-xs-6-9,.col-xs-6-10,.col-xs-6-11,.col-xs-6-12,.col-xs-7-7,.col-xs-7-8,.col-xs-7-9,.col-xs-7-10,.col-xs-7-11,.col-xs-7-12,.col-xs-8-8,.col-xs-8-9,.col-xs-8-10,.col-xs-8-11,.col-xs-8-12,.col-xs-9-9,.col-xs-9-10,.col-xs-9-11,.col-xs-9-12,.col-xs-10-10,.col-xs-10-11,.col-xs-10-12,.col-xs-11-11,.col-xs-11-12,.col-xs-12-12{width:100%}@media (min-width:0px){.col-xs-1-1{width:100%}.col-xs-1-2{width:50%}.col-xs-2-2{width:100%}.col-xs-1-3{width:33.33333%}.col-xs-2-3{width:66.66667%}.col-xs-3-3{width:100%}.col-xs-1-4{width:25%}.col-xs-2-4{width:50%}.col-xs-3-4{width:75%}.col-xs-4-4{width:100%}.col-xs-1-5{width:20%}.col-xs-2-5{width:40%}.col-xs-3-5{width:60%}.col-xs-4-5{width:80%}.col-xs-5-5{width:100%}.col-xs-1-6{width:16.66667%}.col-xs-2-6{width:33.33333%}.col-xs-3-6{width:50%}.col-xs-4-6{width:66.66667%}.col-xs-5-6{width:83.33333%}.col-xs-6-6{width:100%}.col-xs-1-7{width:14.28571%}.col-xs-2-7{width:28.57143%}.col-xs-3-7{width:42.85714%}.col-xs-4-7{width:57.14286%}.col-xs-5-7{width:71.42857%}.col-xs-6-7{width:85.71429%}.col-xs-7-7{width:100%}.col-xs-1-8{width:12.5%}.col-xs-2-8{width:25%}.col-xs-3-8{width:37.5%}.col-xs-4-8{width:50%}.col-xs-5-8{width:62.5%}.col-xs-6-8{width:75%}.col-xs-7-8{width:87.5%}.col-xs-8-8{width:100%}.col-xs-1-9{width:11.11111%}.col-xs-2-9{width:22.22222%}.col-xs-3-9{width:33.33333%}.col-xs-4-9{width:44.44444%}.col-xs-5-9{width:55.55556%}.col-xs-6-9{width:66.66667%}.col-xs-7-9{width:77.77778%}.col-xs-8-9{width:88.88889%}.col-xs-9-9{width:100%}.col-xs-1-10{width:10%}.col-xs-2-10{width:20%}.col-xs-3-10{width:30%}.col-xs-4-10{width:40%}.col-xs-5-10{width:50%}.col-xs-6-10{width:60%}.col-xs-7-10{width:70%}.col-xs-8-10{width:80%}.col-xs-9-10{width:90%}.col-xs-10-10{width:100%}.col-xs-1-11{width:9.09091%}.col-xs-2-11{width:18.18182%}.col-xs-3-11{width:27.27273%}.col-xs-4-11{width:36.36364%}.col-xs-5-11{width:45.45455%}.col-xs-6-11{width:54.54545%}.col-xs-7-11{width:63.63636%}.col-xs-8-11{width:72.72727%}.col-xs-9-11{width:81.81818%}.col-xs-10-11{width:90.90909%}.col-xs-11-11{width:100%}.col-xs-1-12{width:8.33333%}.col-xs-2-12{width:16.66667%}.col-xs-3-12{width:25%}.col-xs-4-12{width:33.33333%}.col-xs-5-12{width:41.66667%}.col-xs-6-12{width:50%}.col-xs-7-12{width:58.33333%}.col-xs-8-12{width:66.66667%}.col-xs-9-12{width:75%}.col-xs-10-12{width:83.33333%}.col-xs-11-12{width:91.66667%}.col-xs-12-12{width:100%}}@media (min-width:768px){.col-sm-1-1{width:100%}.col-sm-1-2{width:50%}.col-sm-2-2{width:100%}.col-sm-1-3{width:33.33333%}.col-sm-2-3{width:66.66667%}.col-sm-3-3{width:100%}.col-sm-1-4{width:25%}.col-sm-2-4{width:50%}.col-sm-3-4{width:75%}.col-sm-4-4{width:100%}.col-sm-1-5{width:20%}.col-sm-2-5{width:40%}.col-sm-3-5{width:60%}.col-sm-4-5{width:80%}.col-sm-5-5{width:100%}.col-sm-1-6{width:16.66667%}.col-sm-2-6{width:33.33333%}.col-sm-3-6{width:50%}.col-sm-4-6{width:66.66667%}.col-sm-5-6{width:83.33333%}.col-sm-6-6{width:100%}.col-sm-1-7{width:14.28571%}.col-sm-2-7{width:28.57143%}.col-sm-3-7{width:42.85714%}.col-sm-4-7{width:57.14286%}.col-sm-5-7{width:71.42857%}.col-sm-6-7{width:85.71429%}.col-sm-7-7{width:100%}.col-sm-1-8{width:12.5%}.col-sm-2-8{width:25%}.col-sm-3-8{width:37.5%}.col-sm-4-8{width:50%}.col-sm-5-8{width:62.5%}.col-sm-6-8{width:75%}.col-sm-7-8{width:87.5%}.col-sm-8-8{width:100%}.col-sm-1-9{width:11.11111%}.col-sm-2-9{width:22.22222%}.col-sm-3-9{width:33.33333%}.col-sm-4-9{width:44.44444%}.col-sm-5-9{width:55.55556%}.col-sm-6-9{width:66.66667%}.col-sm-7-9{width:77.77778%}.col-sm-8-9{width:88.88889%}.col-sm-9-9{width:100%}.col-sm-1-10{width:10%}.col-sm-2-10{width:20%}.col-sm-3-10{width:30%}.col-sm-4-10{width:40%}.col-sm-5-10{width:50%}.col-sm-6-10{width:60%}.col-sm-7-10{width:70%}.col-sm-8-10{width:80%}.col-sm-9-10{width:90%}.col-sm-10-10{width:100%}.col-sm-1-11{width:9.09091%}.col-sm-2-11{width:18.18182%}.col-sm-3-11{width:27.27273%}.col-sm-4-11{width:36.36364%}.col-sm-5-11{width:45.45455%}.col-sm-6-11{width:54.54545%}.col-sm-7-11{width:63.63636%}.col-sm-8-11{width:72.72727%}.col-sm-9-11{width:81.81818%}.col-sm-10-11{width:90.90909%}.col-sm-11-11{width:100%}.col-sm-1-12{width:8.33333%}.col-sm-2-12{width:16.66667%}.col-sm-3-12{width:25%}.col-sm-4-12{width:33.33333%}.col-sm-5-12{width:41.66667%}.col-sm-6-12{width:50%}.col-sm-7-12{width:58.33333%}.col-sm-8-12{width:66.66667%}.col-sm-9-12{width:75%}.col-sm-10-12{width:83.33333%}.col-sm-11-12{width:91.66667%}.col-sm-12-12{width:100%}}@media (min-width:992px){.col-md-1-1{width:100%}.col-md-1-2{width:50%}.col-md-2-2{width:100%}.col-md-1-3{width:33.33333%}.col-md-2-3{width:66.66667%}.col-md-3-3{width:100%}.col-md-1-4{width:25%}.col-md-2-4{width:50%}.col-md-3-4{width:75%}.col-md-4-4{width:100%}.col-md-1-5{width:20%}.col-md-2-5{width:40%}.col-md-3-5{width:60%}.col-md-4-5{width:80%}.col-md-5-5{width:100%}.col-md-1-6{width:16.66667%}.col-md-2-6{width:33.33333%}.col-md-3-6{width:50%}.col-md-4-6{width:66.66667%}.col-md-5-6{width:83.33333%}.col-md-6-6{width:100%}.col-md-1-7{width:14.28571%}.col-md-2-7{width:28.57143%}.col-md-3-7{width:42.85714%}.col-md-4-7{width:57.14286%}.col-md-5-7{width:71.42857%}.col-md-6-7{width:85.71429%}.col-md-7-7{width:100%}.col-md-1-8{width:12.5%}.col-md-2-8{width:25%}.col-md-3-8{width:37.5%}.col-md-4-8{width:50%}.col-md-5-8{width:62.5%}.col-md-6-8{width:75%}.col-md-7-8{width:87.5%}.col-md-8-8{width:100%}.col-md-1-9{width:11.11111%}.col-md-2-9{width:22.22222%}.col-md-3-9{width:33.33333%}.col-md-4-9{width:44.44444%}.col-md-5-9{width:55.55556%}.col-md-6-9{width:66.66667%}.col-md-7-9{width:77.77778%}.col-md-8-9{width:88.88889%}.col-md-9-9{width:100%}.col-md-1-10{width:10%}.col-md-2-10{width:20%}.col-md-3-10{width:30%}.col-md-4-10{width:40%}.col-md-5-10{width:50%}.col-md-6-10{width:60%}.col-md-7-10{width:70%}.col-md-8-10{width:80%}.col-md-9-10{width:90%}.col-md-10-10{width:100%}.col-md-1-11{width:9.09091%}.col-md-2-11{width:18.18182%}.col-md-3-11{width:27.27273%}.col-md-4-11{width:36.36364%}.col-md-5-11{width:45.45455%}.col-md-6-11{width:54.54545%}.col-md-7-11{width:63.63636%}.col-md-8-11{width:72.72727%}.col-md-9-11{width:81.81818%}.col-md-10-11{width:90.90909%}.col-md-11-11{width:100%}.col-md-1-12{width:8.33333%}.col-md-2-12{width:16.66667%}.col-md-3-12{width:25%}.col-md-4-12{width:33.33333%}.col-md-5-12{width:41.66667%}.col-md-6-12{width:50%}.col-md-7-12{width:58.33333%}.col-md-8-12{width:66.66667%}.col-md-9-12{width:75%}.col-md-10-12{width:83.33333%}.col-md-11-12{width:91.66667%}.col-md-12-12{width:100%}}@media (min-width:1200px){.col-lg-1-1{width:100%}.col-lg-1-2{width:50%}.col-lg-2-2{width:100%}.col-lg-1-3{width:33.33333%}.col-lg-2-3{width:66.66667%}.col-lg-3-3{width:100%}.col-lg-1-4{width:25%}.col-lg-2-4{width:50%}.col-lg-3-4{width:75%}.col-lg-4-4{width:100%}.col-lg-1-5{width:20%}.col-lg-2-5{width:40%}.col-lg-3-5{width:60%}.col-lg-4-5{width:80%}.col-lg-5-5{width:100%}.col-lg-1-6{width:16.66667%}.col-lg-2-6{width:33.33333%}.col-lg-3-6{width:50%}.col-lg-4-6{width:66.66667%}.col-lg-5-6{width:83.33333%}.col-lg-6-6{width:100%}.col-lg-1-7{width:14.28571%}.col-lg-2-7{width:28.57143%}.col-lg-3-7{width:42.85714%}.col-lg-4-7{width:57.14286%}.col-lg-5-7{width:71.42857%}.col-lg-6-7{width:85.71429%}.col-lg-7-7{width:100%}.col-lg-1-8{width:12.5%}.col-lg-2-8{width:25%}.col-lg-3-8{width:37.5%}.col-lg-4-8{width:50%}.col-lg-5-8{width:62.5%}.col-lg-6-8{width:75%}.col-lg-7-8{width:87.5%}.col-lg-8-8{width:100%}.col-lg-1-9{width:11.11111%}.col-lg-2-9{width:22.22222%}.col-lg-3-9{width:33.33333%}.col-lg-4-9{width:44.44444%}.col-lg-5-9{width:55.55556%}.col-lg-6-9{width:66.66667%}.col-lg-7-9{width:77.77778%}.col-lg-8-9{width:88.88889%}.col-lg-9-9{width:100%}.col-lg-1-10{width:10%}.col-lg-2-10{width:20%}.col-lg-3-10{width:30%}.col-lg-4-10{width:40%}.col-lg-5-10{width:50%}.col-lg-6-10{width:60%}.col-lg-7-10{width:70%}.col-lg-8-10{width:80%}.col-lg-9-10{width:90%}.col-lg-10-10{width:100%}.col-lg-1-11{width:9.09091%}.col-lg-2-11{width:18.18182%}.col-lg-3-11{width:27.27273%}.col-lg-4-11{width:36.36364%}.col-lg-5-11{width:45.45455%}.col-lg-6-11{width:54.54545%}.col-lg-7-11{width:63.63636%}.col-lg-8-11{width:72.72727%}.col-lg-9-11{width:81.81818%}.col-lg-10-11{width:90.90909%}.col-lg-11-11{width:100%}.col-lg-1-12{width:8.33333%}.col-lg-2-12{width:16.66667%}.col-lg-3-12{width:25%}.col-lg-4-12{width:33.33333%}.col-lg-5-12{width:41.66667%}.col-lg-6-12{width:50%}.col-lg-7-12{width:58.33333%}.col-lg-8-12{width:66.66667%}.col-lg-9-12{width:75%}.col-lg-10-12{width:83.33333%}.col-lg-11-12{width:91.66667%}.col-lg-12-12{width:100%}}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.hidden-lg,.hidden-md,.hidden-sm,.hidden-xs{display:block!important}.frow.hidden-lg,.frow.hidden-md,.frow.hidden-sm,.frow.hidden-xs{display:flex!important}@media (max-width:767px){.visible-xs{display:block!important}.frow.visible-xs{display:flex!important}.frow.hidden-xs,.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}.frow.visible-sm{display:flex!important}.frow.hidden-sm,.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}.frow.visible-md{display:flex!important}.frow.hidden-md,.hidden-md{display:none!important}}@media (min-width:1200px){.visible-lg{display:block!important}.frow.visible-lg{display:flex!important}.frow.hidden-lg,.hidden-lg{display:none!important}}.clickable:not([disabled]),[ng-click]:not([disabled]),[onclick]:not([disabled]){cursor:pointer!important}.not-clickable,.not-clickable[ng-click],.not-clickable[onclick]{cursor:default!important}.height-100{height:100%}.width-100{width:100%}.letsGo-hide{display:none!important}.card-shadow{box-shadow:0 1px 3px 0 #a0a0a0}.dark-card-shadow{box-shadow:0 1px 3px 0 #1b1b1b}.clearfix:after{content:"";display:table;clear:both} /* Don't forget to vendor prefix! */ *:not(.letsGo-animate) { transition: width 0.4s, height 0.4s, font-size 0.4s, font-weight 0.4s; } body { margin-bottom: 25px; font-family: 'Roboto'; font-size: 18px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0; } h1 { font-size: 50px; font-weight: 300; height: 52px; /*text-transform: uppercase;*/ /*font-style: italic;*/ } h1 svg { width: 120px; fill: #fff; } h2 { font-size: 35px; font-weight: 100; color: #fff; /*text-transform: uppercase;*/ /*font-style: italic;*/ } h3 { margin-top: 40px; margin-bottom: 40px; font-size: 40px; font-weight: 700; /*text-transform: uppercase;*/ /*font-style: italic;*/ } h4 { margin-top: 10px; font-size: 30px; font-weight: 300; /*text-transform: uppercase;*/ /*font-style: italic;*/ } h5 { margin-top: 20px; margin-bottom: 3px; font-size: 25px; font-weight: 300; /*text-transform: uppercase;*/ font-style: italic; } /* MD, LG */ @media (min-width: 992px) { .header.home h1 { font-size: 200px; font-weight: 300; height: 150px; /*text-transform: uppercase;*/ /*font-style: italic;*/ } .header.home h1 svg { width: 350px; margin-bottom: 20px; } .header.home h2 { font-size: 50px; text-align: center; /*text-transform: uppercase;*/ /*font-style: italic;*/ } } /* XS, SM */ @media (max-width: 991px) { html, body { font-size: 15px; } h1 { font-size: 50px; } h2 { font-size: 20px; } h3 { font-size: 30px; } h4 { font-size: 25px; } h5 { font-size: 20px; } } p { margin: 15px 0; font-size: 18px; } p a { font-size: 18px; } /* XS, SM */ @media (max-width: 991px) { p, p a { font-size: 15px; } } .bottom-margin { margin-bottom: 60px !important; } #mobile-sidebar { position: fixed; top: 0; left: 0; height: 100%; width: 300px; overflow-y: auto; overflow-x: hidden; background-color: #fbfbfb; box-shadow: -1px 0px 4px 0px #000000; z-index: 10; } #mobile-sidebar.letsGo-hide-remove { transition: transform 0.3s; transform: translateX(-100%); } #mobile-sidebar.letsGo-hide-remove.letsGo-hide-remove-active { transform: translateX(0); } #mobile-sidebar.letsGo-hide-add { transition: transform 0.3s; transform: translateX(0); } #mobile-sidebar.letsGo-hide-add.letsGo-hide-add-active { transform: translateX(-100%); } .mobile-sidebar-header { display: block; background-color: #2A6A9A; padding: 45px; } .mobile-sidebar-header svg { fill: #fff; width: 150px; margin: 0 auto; } .mobile-sidebar-content { padding: 25px; } .mobile-sidebar-content li { font-size: 18px; width: 100%; } .mobile-sidebar-content a, .mobile-sidebar-content a:hover, .mobile-sidebar-content a:focus, .mobile-sidebar-content a:active, .mobile-sidebar-content a:visited { display: block; padding: 20px 0; text-decoration: none; } #click-cover { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.7; z-index: 9; } #click-cover.letsGo-hide-remove { transition: opacity 0.3s; opacity: 0; } #click-cover.letsGo-hide-remove.letsGo-hide-remove-active { opacity: 0.7; } #click-cover.letsGo-hide-add { transition: opacity 0.3s; opacity: 0.7; } #click-cover.letsGo-hide-add.letsGo-hide-add-active { opacity: 0; } #mobile-sidebar-button { position: absolute; top: 0; left: 0; color: #fff; font-size: 25px; padding: 10px; } #mobile-sidebar-button div { width: 22px; height: 4px; background-color: #fff; margin-bottom: 4px; } #mobile-sidebar-button div:nth-of-type(3){ margin-bottom: 0; } .header { background-color: #2A6A9A; height: 140px; color: #fff; } .header.home { height: 400px; } /* XS, SM */ @media (max-width: 991px) { .header, .header.home { height: 100px; } } .header a:hover, .header a:focus, .header a:active, .header a:visited { color: #fff; text-decoration: none; } .tab-bar { background-color: #eee; height: 50px; } .tab-bar ul { margin: 0; list-style-type: none; } .tab-bar ul li { margin: 0 15px; } .tab-bar ul li:first-child { margin-left: 0px; } .tab-bar ul li:last-child { margin-right: 0px; } .tab-bar ul li a { font-size: 18px; } .tab-bar a:hover, .tab-bar a:focus, .tab-bar a:active, .tab-bar a:visited { text-decoration: none; } /* XS, SM */ @media (max-width: 991px) { .tab-bar ul li a { font-size: 15px; } } .tagline { margin-bottom: 40px; font-size: 25px; } .tagline a { text-decoration: underline; } #titles-example, #headers-example { height: 390px; } #square-rows-example, #square-columns-example { padding: 0 10px; } .frow-setup p { margin: 10px 0 5px; } .fake-code { padding: 10px 10px; display: block; border-radius: 3px; background-color: #4F4F51; color: #E6E6E6; font-family: 'Inconsolata', sans-serif; font-size: 16px; margin-bottom: 20px; } .grid-frow-code { padding: 10px 10px; display: block; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #4F4F51; color: #E6E6E6; font-family: Inconsolata, sans-serif; font-size: 16px; } .fake-comment { color: #AFAFAF; } .fake-comment a { color: #AFAFAF; text-decoration: underline; } .grid-example { background-color: #eee; margin-bottom: 60px; border-radius: 3px; padding: 15px 0; overflow: hidden; } .grid-frow-code + .grid-example { border-top-right-radius: 0; border-top-left-radius: 0; } .grid-example-group .grid-example { margin-bottom: 30px; } .grid-example-group .grid-example:last-of-type, .grid-example-group .grid-example:last-of-type { margin-bottom: 60px; } .grid-example-div { background-color: #5EA6DC; min-height: 70px; margin-bottom: 10px; border: 1px solid #eee; border-radius: 3px; font-size: 15px; } .plain-grid-example-div p { font-size: 15px; } .grid-example-no-margin .grid-example-div { margin-bottom: 0px; } .grid-example-div .frow { min-height: 70px; } .grid-example-square { background-color: #5EA6DC; height: 71px; width: 71px; margin: 1px; border: 1px solid #eee; border-radius: 3px; font-size: 20px; } .smaller-grid-example-square { background-color: #1DE9B6; height:20px; width:20px; margin: 1px; /*border: 1px solid #eee;*/ border-radius: 3px; font-size: 20px; } .grid-example-div.dotted-div { background-color: transparent; border: 2px dashed #333; margin: 0 2px; } .grid-example-div.dotted-div p { color: #333; font-size: 15px; } .grid-example-stretch { background-color: #5EA6DC; color: #fff; border: 1px solid #eee; border-radius: 3px; font-size: 16px; } .grid-example-div p, .grid-example-square p { text-align: center; color: #fff; margin: 0; font-size: 15px; } .grid-example-div p:nth-child(2) { margin-top: 10px; } .grid-example>.frow:last-of-type .grid-example-div { margin: 0; } /* XS, SM */ @media (max-width: 991px) { .grid-example:not(.always-margin)>.frow:last-of-type>div:last-child .grid-example-div { margin: 0; } } /* MD, LG */ @media (min-width: 992px) { .home-height { height: 420px; } } .home-example.letsGo-hide-add { transition: opacity 0.3s; opacity: 1; } .home-example.letsGo-hide-add-active { opacity: 0; } @keyframes pop-in { 0% { transform: scale(0); opacity: 0.0; } 50% { transform: scale(1.04); opacity: 1.0; } 100% { transform: scale(1); opacity: 1.0; } } .home-example.letsGo-hide-remove { animation: pop-in 0.3s; } .groups-example-card { background: #fff; width: 80%; height: 60%; } .groups-example-number { color: #00BCD4; font-size: 40px; font-weight: 700; } .groups-example-title { font-size: 20px; font-weight: 700; } #titles-example h1 { color: #26A69A; } .example-header { height: 50px; background-color: #f44336; color: #fff; margin-top: -15px; padding: 0 10px; } .example-header-bars { color: #fff; font-size: 25px; padding-top: 15px; } .example-header-bars div { width: 22px; height: 4px; background-color: #fff; margin-bottom: 4px; } .example-header-bars div:nth-of-type(3){ margin-bottom: 0; } .example-header-link { margin-left: 10px; } .next { font-size: 25px; margin-top: 50px; font-weight: 300; } a.next-page[type="button"] { font-size: 25px; background-color: #2A6A9A; padding: 10px; } a.next-page[type="button"]:hover { background-color: #105080; } .by-line { margin-top: 60px; text-align: center; } .form-example-contain { background-color: #eee; padding: 20px; border-radius: 3px; } .form-example { max-width: 400px; width: 100%; display: block; background-color: #fff; padding: 20px; } .card-shadow-demo { margin-top: 30px; } .card-shadow-demo p { color: #2A6A9A; } .card-shadow-demo>.frow>.col-md-1-2>.frow { border-radius: 3px; height: 400px; } .card-shadow-demo>.frow>.col-md-1-2:first-child>.frow { background-color: #f3f3f3; } .card-shadow-demo>.frow>.col-md-1-2:last-child>.frow { background-color: #888; } /* XS, SM */ @media (max-width: 991px) { .card-shadow-demo>.frow>.col-md-1-2:last-child>.frow { margin-top: 20px; } } .card-shadow-demo-card { height: 70%; width: 80%; background-color: #fff; } /* XS, SM */ @media (max-width: 991px) { .reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .show-frows { font-size: 13px; text-align: center; background-color: #4F4F51; color: #fff; padding: 10px; border-radius: 3px; font-weight: 300; width: 100px; display: block; margin: 60px auto 0; } .show-frows:hover { background-color: #353537; } .highlight-frows { border: 3px solid #EF5350 !important; border-radius: 3px !important; } .red-background { background-color: #E26F6F; margin: -15px 0; padding: 15px 0; } /*Radio buttons*/ .control { font-size: 18px; position: relative; display: block; margin-bottom: 15px; padding-left: 30px; cursor: pointer; } .control input { position: absolute; z-index: -1; opacity: 0; } .control__indicator { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; background: #e6e6e6; } .control--radio .control__indicator { border-radius: 50%; } /* Hover and focus states */ .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #ccc; } /* Checked state */ .control input:checked ~ .control__indicator { background: #2A6A9A; } /* Hover state whilst checked */ .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #2A6A9A; } /* Disabled state */ .control input:disabled ~ .control__indicator { pointer-events: none; opacity: .6; background: #e6e6e6; } /* Check mark */ .control__indicator:after { position: absolute; display: none; content: ''; } /* Show check mark */ .control input:checked ~ .control__indicator:after { display: block; } /* Checkbox tick */ .control--checkbox .control__indicator:after { top: 4px; left: 8px; width: 3px; height: 8px; transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; } /* Disabled tick colour */ .control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; } /* Radio button inner circle */ .control--radio .control__indicator:after { top: 7px; left: 7px; width: 6px; height: 6px; border-radius: 50%; background: #fff; } /* Disabled circle colour */ .control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; } label.blue { color: CornflowerBlue; } input.blue { border-bottom: 2px solid CornflowerBlue; } select.my-custom-select { border: 0; border-radius: 3px; background-color: lightseagreen; color: #fff; } label.inline, input.inline, select.inline { display: inline; width: auto; } textarea.my-custom-textarea { border: 0; border-radius: 3px; background-color: WhiteSmoke; } button.blue { background-color: CornflowerBlue; } button.blue:hover, button.blue:active, button.blue:focus { background-color: CornflowerBlue; } button.rounded { width: 90px; border-radius: 25px; text-transform: uppercase; font-size: 12px; font-weight: 700; background: none; border: 2px solid MediumVioletRed; color: MediumVioletRed; } button.rounded:hover, button.rounded:active, button.rounded:focus { background-color: transparent; } button.my-custom-button { background: none; border: 2px solid lightseagreen; color: lightseagreen; } button.my-custom-button:hover, button.my-custom-button:active, button.my-custom-button:focus { background-color: transparent; } /*TESTING CLASSES*/ @keyframes appear { from {opacity: 0;} to {opacity: 1;} } @keyframes disappear { from {opacity: 1;} to {opacity: 0;} } /*#test.letsGo-hide-remove { transition: opacity 2s, color 2s; opacity: 0; } #test.letsGo-hide-remove.letsGo-hide-remove-active { opacity: 1; } #test.letsGo-hide-add { transition: opacity 2s, color 2s; opacity: 1; } #test.letsGo-hide-add-active { opacity: 0; }*/ /*#test.letsGo-hide-remove { -webkit-animation: appear 2s; animation: appear 2s; } #test.letsGo-hide-add { -webkit-animation: disappear 2s; animation: disappear 2s; } .red { background-color: #f00; } .red .tab-bar { background-color: #f00; } #download-tab.testing-add { -webkit-animation: appear 10s; animation: appear 10s; }*/]]> Browser Visual Components Project 12207 03:00:33.503 00:00:58.698 05:11:38.129 00:02:34.769 01:35:05.517