ptest/public/css/style.css

html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template,[hidden]{display:none}body{font-family:Verdana,"Geneva CY","DejaVu Sans",sans-serif;font-size:16px;min-width:320px}a{color:#0063ff;text-decoration:none;border-bottom:1px solid rgba(0,99,255,.3)}a:visited{color:#cf00cf;border-bottom-color:rgba(207,0,207,.3)}a:hover,a:visited:hover{color:#ff475d;border-bottom-color:rgba(255,71,93,.24)}a.to-front{border-bottom:0 none;display:block;margin-top:-5px;margin-bottom:2em;line-height:1}a.to-front:visited{color:#0063ff}a.to-front:hover,a.to-front:visited:hover{color:#ff475d}.page__container{max-width:800px;margin:0 auto}.header{padding:30px;background:#ffcc56;background:-moz-repeating-linear-gradient(178deg,rgba(255,204,86,.5)8px,rgba(255,140,0,.5)18px);background:-webkit-repeating-linear-gradient(178deg,rgba(255,204,86,.5)8px,rgba(255,140,0,.5)18px);background:repeating-linear-gradient(178deg,rgba(255,204,86,.5)8px,rgba(255,140,0,.5)18px);-moz-box-shadow:2px 3px 15px #eb4 inset;-webkit-box-shadow:2px 3px 15px #eb4 inset;box-shadow:2px 3px 15px #eb4 inset;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;margin-top:30px;margin-bottom:60px;text-align:center}.header__title{line-height:1;margin:0;font-family:"Times New Roman","Times CY","Nimbus Roman No9 L",serif;font-style:italic;text-shadow:1px 1px 1px #a76f19;font-size:52px}.page-title{padding-bottom:35px}.content{padding-bottom:76px}.content p{margin:26px 0;line-height:24px}.add-link{display:inline-block;float:right}.add-link__a{border:1px solid rgba(0,99,255,.3)!important;padding:7px 14px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}.add-link__a:visited{color:#0063ff}.add-link__a:hover{border:1px solid rgba(255,71,93,.24)!important}.sort{display:table-row}.sort__cell{display:table-cell}.sort__cell+.sort__cell{padding-left:9px}.sort__cell>a{border-bottom:0 none;line-height:1}.sort__cell>a:visited{color:#0063ff}.sort__cell>a:hover,.sort__cell>a:visited:hover{color:#ff475d}article+article{margin-top:64px}.pager{margin-top:50px;font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif;line-height:40px;font-size:20px}.pager__page{display:inline-block}.pager__page--current{cursor:default}.pager__page>a{border-bottom:none;color:#000;padding:8px 12px;-webkit-border-radius:35px;-moz-border-radius:35px;-o-border-radius:35px;-ms-border-radius:35px;-khtml-border-radius:35px;border-radius:35px}.pager__page>a:hover{color:#000;background-color:rgba(255,71,93,.24)}.pager__page>span{background-color:rgba(222,173,111,.5);padding:8px 12px;-webkit-border-radius:35px;-moz-border-radius:35px;-o-border-radius:35px;-ms-border-radius:35px;-khtml-border-radius:35px;border-radius:35px}.pager__page--string:first-child{margin-right:10px}.pager__page--string:last-child{margin-left:9px}.pager__page--string>a{padding:8px 0}.pager__page--string>a:hover{background-color:transparent}.footer{border-top:1px solid #dead6f;padding-top:24px;font-size:85%;color:#232425;padding-bottom:40px}#CAPTCHA>img{width:160px;height:60px;clear:both;display:block;margin-bottom:6px}form{width:320px}.form-element{margin:0 -8px 10px;padding:6px 8px}.form-element--error{background:#fee;background:-moz-repeating-linear-gradient(-45deg,transparent 0,transparent 11px,rgba(255,0,0,.2)12px),-moz-repeating-linear-gradient(45deg,transparent 0,transparent 11px,rgba(255,0,0,.2)12px);background:-webkit-repeating-linear-gradient(-45deg,transparent 0,transparent 11px,rgba(255,0,0,.2)12px),-webkit-repeating-linear-gradient(45deg,transparent 0,transparent 11px,rgba(255,0,0,.2)12px);background:repeating-linear-gradient(-45deg,transparent 0,transparent 11px,rgba(255,0,0,.2)12px),repeating-linear-gradient(45deg,transparent 0,transparent 11px,rgba(255,0,0,.2)12px);font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif;font-size:15px;line-height:30px;font-weight:700;color:#111}.form-element__input,.form-element__textarea{width:100%;outline:none;border:0 none;border-bottom:2px solid rgba(0,99,255,.3);-webkit-transition:border-bottom .15s ease-out 0s;-moz-transition:border-bottom .15s ease-out 0s;-o-transition:border-bottom .15s ease-out 0s;transition:border-bottom .15s ease-out 0s;padding:4px 0}.form-element__input:focus,.form-element__textarea:focus{border-bottom:2px solid rgba(255,71,93,.24)}.form-element__submit{color:#0063ff;border:1px solid rgba(0,99,255,.3);padding:7px 14px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;background-color:#fff}.form-element__submit:hover{color:#ff475d;border:1px solid rgba(255,71,93,.24)}.i-user{background-position:-2px -2px;margin-left:1em}.i-user,.i-homepage{background-image:url("/image/sprite.png");background-size:56px 56px;width:24px;height:24px;margin-bottom:-6px;display:inline-block;margin-right:5px}.i-homepage{background-position:-30px -30px}.i-date{background-position:-30px -2px}.i-date,.i-email{background-image:url("/image/sprite.png");background-size:56px 56px;width:24px;height:24px;margin-bottom:-6px;display:inline-block;margin-right:5px}.i-email{background-position:-2px -30px}@media only screen and (max-width:829px){.page__container{max-width:auto;width:100%}.header{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin-top:0}.content{width:90%;margin:auto}.footer{padding-left:5%}}@media only screen and (max-width:500px){.header{padding:20px;margin-bottom:36px}.header__title{font-size:32px}.page-title{font-size:1.35em}article header h2+span{display:block}.i-user{margin-left:0}}@media only screen and (max-width:424px){.sort{margin-left:-9px}.sort__cell:first-child{display:none}.sort__cell:nth-child(2){padding-left:0}}@media only screen and (max-width:559px){.pager{font-size:16px;line-height:36px}.pager__page>a,.pager__page>span{padding:5px 8px}.pager__page--string:first-child{margin-right:0}.pager__page--string:last-child{margin-left:0}.pager__page--string>a{padding:8px 0}}@media only screen and (max-width:374px){form{width:100%}}