PHP Classes

File: css/style.min.css

Recommend this page to a friend!
  Classes of René Mansveld   PHP HTML5 Form   css/style.min.css   Download  
File: css/style.min.css
Role: Auxiliary data
Content type: text/plain
Description: Compiled stylesheet
Class: PHP HTML5 Form
Display and validate a form that uses HTML5
Author: By
Last change:
Date: 4 months ago
Size: 13,937 bytes
 

Contents

Class file image Download
@font-face{font-family:'Hack';src:url("../fonts/hack-regular.eot");src:url("../fonts/hack-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/hack-regular.otf") format("otf"),url("../fonts/hack-regular.svg#hack-regular") format("svg"),url("../fonts/hack-regular.ttf") format("truetype"),url("../fonts/hack-regular.woff") format("woff"),url("../fonts/hack-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html.dark{color-scheme:dark}body{margin:0 4px;padding:0;font-family:Arial, Helvetica, Verdana, sans-serif;font-size:18px;color:#000;background-color:#fff}html.dark body{color:#ccc;background-color:#1c1c1c}.center{margin:0 auto;max-width:1200px}.left{float:left}.right{float:right}.halfWidth{width:calc(50% - 8px)}@media only screen and (max-width: 942px){.halfWidth{width:100%}}.clear{clear:both}ul.cloud{margin:0;padding:0;list-style:none}ul.cloud li.function{display:inline-block;margin:0 18px 12px 0}#DarkBackground{display:none;position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85)}#PopupWindow{display:none;position:fixed;z-index:210;margin-left:0;margin-top:0;left:50%;top:50%;background-color:#fff;border:8px solid #fff;box-shadow:0 0 20px #fff}html.dark #PopupWindow{background-color:#1c1c1c;border:8px solid #ccc;box-shadow:0 0 20px #7f7f7f}#PopupWindow #Content{position:relative;height:100%;overflow:auto}#PopupWindow #Content div{display:block}#PopupWindow #Content img{max-width:100%;max-height:100%;vertical-align:top}html.dark #PopupWindow #Content img{filter:brightness(90%)}#PopupWindow #ClosePopup{position:absolute;top:-22px;right:-22px;z-index:220}.message,.error,.notice{margin:20px 0px;padding:8px;overflow:hidden;font-weight:bold;text-align:center}.message{color:#0C0;background-color:rgba(0,196,0,0.25);border:1px solid #0C0}.error{color:#F00;background-color:rgba(255,0,0,0.25);border:1px solid #F00}.notice{color:#F60;background-color:rgba(255,102,0,0.247);border:1px solid #F60}.row{clear:both;margin-bottom:10px}.row:last-of-type{margin-bottom:0px}.row .hiddens{display:none}.row label:not(.description){display:block}.row label.description:hover{filter:brightness(200%)}html.dark .row label.description:hover{filter:brightness(80%)}.row input[type=text],.row input[type=password],.row input[type=number],.row input[type=email],.row input[type=date],.row input[type=time],.row input[type=tel],.row input[type=url],.row input[type=file],.row textarea,.row select,.row .radiogroup,.row .checkboxgroup{width:100%;font:inherit;font-family:Hack,"Courier New",Courier,monospace;font-size:.9em;border:1px solid #bbb}.row input[type=text]:disabled,.row input[type=password]:disabled,.row input[type=number]:disabled,.row input[type=email]:disabled,.row input[type=date]:disabled,.row input[type=time]:disabled,.row input[type=tel]:disabled,.row input[type=url]:disabled,.row input[type=file]:disabled,.row textarea:disabled,.row select:disabled,.row .radiogroup:disabled,.row .checkboxgroup:disabled{color:#7f7f7f;background-color:#b0b0b0}.row input[type=checkbox],.row input[type=radio]{margin-left:0}.row .radiogroup,.row .checkboxgroup{font:inherit}.row .checkboxgroup{border:0 none}.row .correct{border-color:#20ff20 !important;-webkit-box-shadow:0 0 4px 3px #20ff20;-moz-box-shadow:0 0 4px 3px #20ff20;-ms-box-shadow:0 0 4px 3px #20ff20;-o-box-shadow:0 0 4px 3px #20ff20;box-shadow:0 0 4px 3px #20ff20}html.dark .row .correct{border-color:#107f10 !important;-webkit-box-shadow:0 0 5px 4px #107f10;-moz-box-shadow:0 0 5px 4px #107f10;-ms-box-shadow:0 0 5px 4px #107f10;-o-box-shadow:0 0 5px 4px #107f10;box-shadow:0 0 5px 4px #107f10}.row input[type=radio].correct,.row input[type=checkbox].correct{border:0px none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.row input[type=radio].correct::after,.row input[type=checkbox].correct::after{border-color:#20ff20 !important;-webkit-box-shadow:0 0 4px 3px #20ff20;-moz-box-shadow:0 0 4px 3px #20ff20;-ms-box-shadow:0 0 4px 3px #20ff20;-o-box-shadow:0 0 4px 3px #20ff20;box-shadow:0 0 4px 3px #20ff20}html.dark .row input[type=radio].correct::after,html.dark .row input[type=checkbox].correct::after{border-color:#108f10 !important;-webkit-box-shadow:0 0 5px 4px #108f10;-moz-box-shadow:0 0 5px 4px #108f10;-ms-box-shadow:0 0 5px 4px #108f10;-o-box-shadow:0 0 5px 4px #108f10;box-shadow:0 0 5px 4px #108f10}.row .wrong{border-color:#ff2020 !important;-webkit-box-shadow:0 0 4px 3px #ff2020;-moz-box-shadow:0 0 4px 3px #ff2020;-ms-box-shadow:0 0 4px 3px #ff2020;-o-box-shadow:0 0 4px 3px #ff2020;box-shadow:0 0 4px 3px #ff2020}html.dark .row .wrong{border-color:#b21010 !important;-webkit-box-shadow:0 0 5px 4px #b21010;-moz-box-shadow:0 0 5px 4px #b21010;-ms-box-shadow:0 0 5px 4px #b21010;-o-box-shadow:0 0 5px 4px #b21010;box-shadow:0 0 5px 4px #b21010}.row input[type=radio].wrong,.row input[type=checkbox].wrong{border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.row input[type=radio].wrong::after,.row input[type=checkbox].wrong::after{border-color:#ff2020 !important;-webkit-box-shadow:0 0 4px 3px #ff2020;-moz-box-shadow:0 0 4px 3px #ff2020;-ms-box-shadow:0 0 4px 3px #ff2020;-o-box-shadow:0 0 4px 3px #ff2020;box-shadow:0 0 4px 3px #ff2020}html.dark .row input[type=radio].wrong::after,html.dark .row input[type=checkbox].wrong::after{border-color:#c21010 !important;-webkit-box-shadow:0 0 5px 4px #c21010;-moz-box-shadow:0 0 5px 4px #c21010;-ms-box-shadow:0 0 5px 4px #c21010;-o-box-shadow:0 0 5px 4px #c21010;box-shadow:0 0 5px 4px #c21010}.row textarea{height:calc((4 * 1.2em) + 4px)}.row input[type=submit],.row input[type=reset],.row input[type=button]{font-size:.9em;cursor:pointer}@media only screen and (max-width: 479px){.row input[type=submit],.row input[type=reset],.row input[type=button]{font-size:1em}}.row.disabled label{text-decoration:line-through;text-decoration-thickness:2px}.row #Save,.row #Cancel,.row input.save,.row input.cancel,.row input.empty,.row input.copy,.row input.add,.row input.delete{margin-top:4px;height:24px;font:inherit;color:#000;background-color:transparent;border:0px none;cursor:pointer}html.dark .row #Save,html.dark .row #Cancel,html.dark .row input.save,html.dark .row input.cancel,html.dark .row input.empty,html.dark .row input.copy,html.dark .row input.add,html.dark .row input.delete{color:#ccc}.row #Save:disabled,.row #Cancel:disabled,.row input.save:disabled,.row input.cancel:disabled,.row input.empty:disabled,.row input.copy:disabled,.row input.add:disabled,.row input.delete:disabled{color:#7f7f7f !important;background-blend-mode:luminosity;cursor:default !important}.row #Save,.row input.save{padding-left:17px;background:url("../images/check.png") left center no-repeat}.row #Cancel,.row input.cancel{padding-left:16px;background:url("../images/cancel.png") left center no-repeat}.row input,.row input::before,.row select,.row textarea{border:1px solid #bbb !important}.row textarea{margin-bottom:1px;vertical-align:bottom}.row textarea.high,.row select.high{height:calc((10 * 1.2em) + 4px)}.row input[type=submit],.row input[type=reset],.row input[type=button]{border:0 none !important;box-shadow:none}.row input[type=text],.row input[type=password],.row input[type=number],.row input[type=email],.row input[type=date],.row input[type=time],.row input[type=tel],.row input[type=url],.row input[type=file],.row input[type=checkbox],.row input[type=radio],.row input[type=range],.row input[type=color],.row textarea,.row select,.row .radiogroup,.row .checkboxgroup{color:#000;background-color:transparent;border-radius:2px}html.dark .row input[type=text],html.dark .row input[type=password],html.dark .row input[type=number],html.dark .row input[type=email],html.dark .row input[type=date],html.dark .row input[type=time],html.dark .row input[type=tel],html.dark .row input[type=url],html.dark .row input[type=file],html.dark .row input[type=checkbox],html.dark .row input[type=radio],html.dark .row input[type=range],html.dark .row input[type=color],html.dark .row textarea,html.dark .row select,html.dark .row .radiogroup,html.dark .row .checkboxgroup{color-scheme:dark;color:#ccc}.row select option,.row select optgroup{background-color:#fff}html.dark .row select option,html.dark .row select optgroup{background-color:#1c1c1c}.row select[multiple] option,.row select[multiple] optgroup{background-color:transparent !important}.row input[type=checkbox]{position:relative}.row input[type=checkbox]::after{content:'';position:absolute;width:100%;height:100%;border-radius:2px}.row input[type=radio]{position:relative}.row input[type=radio]::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%}.row input[type=file]{border:0 none !important}.desktop{display:initial !important}@media only screen and (max-width: 942px){.desktop{display:none !important}}.mobile{display:none !important}@media only screen and (max-width: 942px){.mobile{display:initial !important}}@media only screen and (max-width: 942px){span.mobile{display:inline !important}}form{margin:0}form .row:not(.wide){margin-bottom:6px}form .row:not(.wide) label:not(.description){float:left;padding-top:2px;width:250px;min-height:1em}form .row:not(.wide) input[type=text],form .row:not(.wide) input[type=password],form .row:not(.wide) input[type=number],form .row:not(.wide) input[type=email],form .row:not(.wide) input[type=date],form .row:not(.wide) input[type=time],form .row:not(.wide) input[type=tel],form .row:not(.wide) input[type=url],form .row:not(.wide) input[type=file],form .row:not(.wide) input[type=color],form .row:not(.wide) textarea,form .row:not(.wide) select,form .row:not(.wide) .radiogroup,form .row:not(.wide) .checkboxgroup,form .row:not(.wide) div.input{width:calc(100% - 250px)}form .row:not(.wide) input[type=range]{width:calc(100% - 250px - 70px)}form .row:not(.wide) div.input{margin-left:250px}@media only screen and (max-width: 767px){form .row:not(.wide) label,form .row:not(.wide) label:not(.description){float:none;width:100%}form .row:not(.wide) label br,form .row:not(.wide) label:not(.description) br{content:''}form .row:not(.wide) label br::after,form .row:not(.wide) label:not(.description) br::after{content:' '}form .row:not(.wide) input[type=text],form .row:not(.wide) input[type=password],form .row:not(.wide) input[type=number],form .row:not(.wide) input[type=email],form .row:not(.wide) input[type=date],form .row:not(.wide) input[type=time],form .row:not(.wide) input[type=tel],form .row:not(.wide) input[type=url],form .row:not(.wide) input[type=file],form .row:not(.wide) textarea,form .row:not(.wide) select,form .row:not(.wide) div.input{width:100%}form .row:not(.wide) input[type=range]{width:calc(100% - 70px)}form .row:not(.wide) div.input{margin-left:0}}form .box .row label:not(.description){width:239px}form .box .row input[type=text],form .box .row input[type=password],form .box .row input[type=number],form .box .row input[type=email],form .box .row input[type=date],form .box .row input[type=time],form .box .row input[type=tel],form .box .row input[type=url],form .box .row input[type=file],form .box .row textarea,form .box .row select{width:calc(100% - 239px)}@media only screen and (max-width: 767px){form .box .row label,form .box .row label:not(.description){float:none;width:100%}}@media only screen and (max-width: 767px) and (max-width: 942px){form .box .row label br,form .box .row label:not(.description) br{content:''}form .box .row label br::after,form .box .row label:not(.description) br::after{content:' '}}@media only screen and (max-width: 767px){form .box .row input[type=text],form .box .row input[type=password],form .box .row input[type=number],form .box .row input[type=email],form .box .row input[type=date],form .box .row input[type=time],form .box .row input[type=tel],form .box .row input[type=url],form .box .row input[type=file],form .box .row textarea,form .box .row select{width:100%}}pre{margin:6px 0;padding-left:12px;font-family:Hack, 'Courier New', Courier, monospace;font-size:14px;line-height:1.1em}pre::before{content:'>';position:absolute;margin-left:-12px}.function-description{display:none;position:absolute;left:0;top:0;font-family:Hack, 'Courier New', Courier, monospace;font-size:15px}.function-description .line{margin-left:2.45em;text-indent:-2.45em;white-space:pre-wrap}.function-description.phpcomment .line{color:green}html.dark .function-description.phpcomment .line{color:#5f9650}.function-description.phpcomment .line .keyword{color:blue}html.dark .function-description.phpcomment .line .keyword{color:#378cc8}.function-description.phpcomment .line .class{color:#267f98}html.dark .function-description.phpcomment .line .class{color:#3ac9b0}.function-description.phpcode .line{color:#000}html.dark .function-description.phpcode .line{color:#ccc}.function-description.phpcode .line .php{color:#882735}html.dark .function-description.phpcode .line .php{color:#348cd6}.function-description.phpcode .line .constant{color:blue}html.dark .function-description.phpcode .line .constant{color:#348cd6}.function-description.phpcode .line .operator{color:#af00db}html.dark .function-description.phpcode .line .operator{color:#da90d4}.function-description.phpcode .line .string{color:#a31515}html.dark .function-description.phpcode .line .string{color:#e1916e}.function-description.phpcode .line .variable{color:#001080}html.dark .function-description.phpcode .line .variable{color:#8ce1ff}.function-description.phpcode .line .function{color:#795e26}html.dark .function-description.phpcode .line .function{color:#dcdcaa}.function-description.phpcode .line .class{color:#267f98}html.dark .function-description.phpcode .line .class{color:#3ac9b0}.function-description.phpcode .line .number{color:#098658}html.dark .function-description.phpcode .line .number{color:#c8e1aa}