www.gusucode.com > CKFinder 文件管理器PHP版 v3.0源码程序 > code/samples/css/frontpage.css

    /*!
 Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
 For licensing, see LICENSE.txt or http://cksource.com/ckfinder/license
 */@media (max-width:900px){.global-is-mobile-hidden{display:none !important}}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body,html{margin:0;padding:0;font:16px / 1.8 Arial,'Helvetica Neue',Helvetica,sans-serif;font-weight:300;color:#575757}.content{font-size:14px;font-size:.875rem;line-height:25.2px;line-height:1.57rem;overflow:hidden;padding-top:1.5em;padding-bottom:1.5em}.content p{margin:.75em 0}.content ul,.content ol,.content pre,.content blockquote,.content textarea:not([class^="cke"]),.content .cke{margin:1.875em 0}.content code,.content kbd{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;padding:3px 4px}.content pre,.content code,.content kbd,.content blockquote{background:#f5f5f5}.content blockquote,.content pre{background:none;border-left:4px solid #9dc700;padding:1.5em 2.25em}.content p a,.content ul a,.content ol a,.content blockquote a,.content h1 a,.content h2 a,.content h3 a,.content h4 a,.content h5 a{color:#9dc700;text-decoration:none;border-bottom:1px dotted #9dc700}.content p a:hover,.content ul a:hover,.content ol a:hover,.content blockquote a:hover,.content h1 a:hover,.content h2 a:hover,.content h3 a:hover,.content h4 a:hover,.content h5 a:hover{color:#89ae00}.content h1,.content h2,.content h3,.content h4,.content h5{color:#000;font-weight:100}.content h1 code,.content h2 code,.content h3 code,.content h4 code,.content h5 code,.content h1 kbd,.content h2 kbd,.content h3 kbd,.content h4 kbd,.content h5 kbd{font-size:inherit}.content h1 a.content-heading-anchor,.content h2 a.content-heading-anchor,.content h3 a.content-heading-anchor,.content h4 a.content-heading-anchor,.content h5 a.content-heading-anchor{font-weight:100;vertical-align:middle;opacity:0;border:0}.content h1:hover a.content-heading-anchor,.content h2:hover a.content-heading-anchor,.content h3:hover a.content-heading-anchor,.content h4:hover a.content-heading-anchor,.content h5:hover a.content-heading-anchor{opacity:1}.content h1:target lesshat-selector,.content h2:target lesshat-selector,.content h3:target lesshat-selector,.content h4:target lesshat-selector,.content h5:target lesshat-selector{-lh-property:0; } 
@-webkit-keyframes targetLinkOpacity{ 0%{ opacity: 0 } 100%{ opacity: 1 }}
@-moz-keyframes targetLinkOpacity{ 0%{ opacity: 0 } 100%{ opacity: 1 }}
@-o-keyframes targetLinkOpacity{ 0%{ opacity: 0 } 100%{ opacity: 1 }}
@keyframes targetLinkOpacity{ 0%{ opacity: 0 } 100%{ opacity: 1 }}.content h1:target a,.content h2:target a,.content h3:target a,.content h4:target a,.content h5:target a{-webkit-animation:targetLinkOpacity 0.5s linear alternate;-moz-animation:targetLinkOpacity 0.5s linear alternate;-o-animation:targetLinkOpacity 0.5s linear alternate;animation:targetLinkOpacity 0.5s linear alternate;opacity:1}.content input,.content select,.content textarea:not([class^="cke"]){-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);font:inherit;color:inherit;border:1px solid #d9d9d9;padding:.2em .5em}.content input:focus,.content select:focus,.content textarea:not([class^="cke"]):focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef}.content abbr{border-bottom:1px dotted #666;cursor:pointer}.content blockquote{font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;font-size:16px;font-size:1rem;line-height:28.8px;line-height:1.8rem}.content em{font-style:italic}.content h1{font-size:36px;font-size:2.25rem;line-height:64.8px;line-height:4.05rem;margin:1.125em 0 0}.content h2{font-size:27.2px;font-size:1.7rem;line-height:48.96px;line-height:3.06rem;margin:.9em 0 0}.content h3{font-size:24px;font-size:1.5rem;line-height:43.2px;line-height:2.7rem;font-weight:500;margin:.75em 0 0}.content h4{font-size:19.2px;font-size:1.2rem;line-height:34.56px;line-height:2.16rem;font-weight:500;margin:.75em 0 0}.content h5{font-size:17.6px;font-size:1.1rem;line-height:31.68px;line-height:1.98rem;font-weight:500;margin:.75em 0 0}.content hr{border:0;border-top:4px solid #d9d9d9;margin:1.5em 0}.content input[type="text"]{height:1.8em;line-height:1.8em}.content input[type="button"]{-webkit-appearance:button;-moz-appearance:button;appearance:button}.content kbd{font-size:12px;font-size:.75rem;line-height:21.6px;line-height:1.35rem;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;padding:2px 6px;-webkit-box-shadow:0 0 4px #ffffff inset, 0 2px 0 #d9d9d9;-moz-box-shadow:0 0 4px #ffffff inset, 0 2px 0 #d9d9d9;box-shadow:0 0 4px #ffffff inset, 0 2px 0 #d9d9d9}.content p img{vertical-align:middle}.content p pre{padding:1.5em}.content pre{padding:0;border:0;tab-size:4;-o-tab-size:4;-moz-tab-size:4}.content pre,.content code{font-size:11.89px;font-size:.743rem;line-height:21.4px;line-height:1.34rem;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}.content pre a,.content code a{border:0}.content pre code{padding:.75em;display:block}.content strong{color:#000}.content ul ul,.content ol ul,.content ul ol,.content ol ol{margin:.75em 0}.content ul li,.content ol li{font-size:14px;font-size:.875rem;line-height:30.24px;line-height:1.89rem}.content textarea:not([class^="cke"]){width:100%}.content div.todo{border:2px dotted #444;padding:10px;margin:60px 0 10px 0}.content div.todo:before{content:"TODO";font-weight:bold}.icon-pos-left:before,.icon-pos-right:after{content:'';display:inline-block;width:18px;height:18px;vertical-align:middle;background-repeat:no-repeat}.icon-pos-left:before{margin-right:10px}.icon-pos-right:after{margin-left:10px}.icon-download:before,.icon-download:after{background-image:url('img/icon-download.png')}.grid-width-10{width:10%}.grid-width-15{width:15%}.grid-width-20{width:20%}.grid-width-25{width:25%}.grid-width-30{width:30%}.grid-width-35{width:35%}.grid-width-40{width:40%}.grid-width-45{width:45%}.grid-width-50{width:50%}.grid-width-55{width:55%}.grid-width-60{width:60%}.grid-width-65{width:65%}.grid-width-70{width:70%}.grid-width-75{width:75%}.grid-width-80{width:80%}.grid-width-85{width:85%}.grid-width-90{width:90%}.grid-width-95{width:95%}.grid-width-100{width:100%}@media (max-width:900px){.grid-width-10,.grid-width-20,.grid-width-25,.grid-width-30,.grid-width-35,.grid-width-40,.grid-width-45,.grid-width-50,.grid-width-55,.grid-width-60,.grid-width-65,.grid-width-70,.grid-width-75,.grid-width-80,.grid-width-85,.grid-width-90,.grid-width-95,.grid-width-100{width:100%}}*[class*="grid-width"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:4%;padding-right:4%;float:left}*[class*="grid-width"]:after,.grid-container:after,*[class*="grid-width"]:before,.grid-container:before{content:'';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}*[class*="grid-width"]:after,.grid-container:after{clear:both}.grid-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto}.grid-container-nested *[class*="grid-width"]:first-child{padding-left:0}.grid-container-nested *[class*="grid-width"]:last-child{padding-right:0}@media (max-width:900px){.grid-container-nested *[class*="grid-width"]:first-child{padding-left:4%}.grid-container-nested *[class*="grid-width"]:last-child{padding-right:4%}}.header-a{min-height:140px;overflow:hidden}.header-a .header-a-logo{margin:40px 0 0}@media (max-width:900px){.header-a .header-a-logo{text-align:center}}.header-a .header-a-logo img{border:transparent}.navigation-a{height:30px;background:#3d3d3d;position:absolute;left:0;right:0;top:0;padding:0;overflow:hidden}@media (max-width:900px){.navigation-a{text-align:center}}.navigation-a ul{list-style:none;margin:0;overflow:hidden}.navigation-a ul li,.navigation-a ul li a{display:inline-block}@media (max-width:900px){.navigation-a ul{width:auto;text-overflow:ellipsis;white-space:nowrap;display:inline-block;float:none}.navigation-a ul:before,.navigation-a ul:after{display:none}}.navigation-a ul.navigation-a-left{text-align:left}@media (max-width:900px){.navigation-a ul.navigation-a-left{padding-right:0}}.navigation-a ul.navigation-a-right{text-align:right}@media (max-width:900px){.navigation-a ul.navigation-a-right{padding-left:23px}}.navigation-a ul li+li{margin-left:23px}.navigation-a ul li a{font-size:10px;font-size:.625rem;line-height:18px;line-height:1.13rem;line-height:30px;float:left;color:#ddd;font-weight:bold;text-decoration:none;text-transform:uppercase}.navigation-a ul li a:hover{cursor:pointer;color:#fff}.icon-navigation-a-github:before,.icon-navigation-a-github:after{background-image:url('img/icon-navigation-a-github.png')}.navigation-b{text-align:right;margin:52px 0 0;overflow:visible}@media (max-width:900px){.navigation-b{text-align:center;margin-top:20px;padding:0}}.navigation-b ul{padding:0;list-style:none;margin:0;overflow:visible}.navigation-b ul li,.navigation-b ul li a{display:inline-block}@media (max-width:900px){.navigation-b ul{display:table;width:100%;padding-bottom:1.5em}}@media (max-width:900px){.navigation-b ul li{display:table-row}}.navigation-b ul li+li{margin-left:20px}@media (max-width:900px){.navigation-b ul li+li{margin-left:0}}.navigation-b ul li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;text-decoration:none;outline:none}@media (max-width:900px){.navigation-b ul li a{width:100%;-webkit-border-radius:0;-webkit-background-clip:padding-box;-moz-border-radius:0;-moz-background-clip:padding;border-radius:0;background-clip:padding-box}}.footer-a{font-size:13px;font-size:.8125rem;line-height:23.4px;line-height:1.46rem;padding-top:2.25em;padding-bottom:2.25em;overflow:hidden;color:#8a8a8a}.footer-a a{color:#9dc700;text-decoration:none;border-bottom:1px dotted #9dc700}.footer-a a:hover{color:#89ae00}.footer-a p{margin:0;display:inline-block;text-align:center}body a.button-a,body button.button-a,body input.button-a{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;font-size:14px;font-size:.875rem;line-height:25.2px;line-height:1.57rem;height:36px;line-height:36px;padding:0 1.1em;font-weight:700;color:#3e3e3e;white-space:nowrap;text-decoration:none;display:inline-block;cursor:pointer;border:0;vertical-align:middle;margin:1px 0;background:transparent}body a.button-a.icon-pos-left,body button.button-a.icon-pos-left,body input.button-a.icon-pos-left{padding-left:.8em}body a.button-a.icon-pos-right,body button.button-a.icon-pos-right,body input.button-a.icon-pos-right{padding-right:.8em}@media (max-width:900px){body a.button-a.button-a-mobile-collapsed,body button.button-a.button-a-mobile-collapsed,body input.button-a.button-a-mobile-collapsed{-webkit-border-radius:100px;-webkit-background-clip:padding-box;-moz-border-radius:100px;-moz-background-clip:padding;border-radius:100px;background-clip:padding-box;width:36px;padding:0;text-indent:-999px;overflow:hidden;position:relative;text-align:center}body a.button-a.button-a-mobile-collapsed:before,body button.button-a.button-a-mobile-collapsed:before,body input.button-a.button-a-mobile-collapsed:before{position:absolute;left:50%;top:50%;margin:-9px 0 0 -9px}}body a.button-a:active,body button.button-a:active,body input.button-a:active,body a.button-a:hover,body button.button-a:hover,body input.button-a:hover{color:#fff;background:#89ae00}body a.button-a:focus,body button.button-a:focus,body input.button-a:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #93c6ef;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #93c6ef;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #93c6ef}body a.button-a-soft,body button.button-a-soft,body input.button-a-soft{background:#e7e7e7}body a.button-a-soft:active,body button.button-a-soft:active,body input.button-a-soft:active,body a.button-a-soft:hover,body button.button-a-soft:hover,body input.button-a-soft:hover{color:#3e3e3e;background:#cecece}body a.button-a-background,body button.button-a-background,body input.button-a-background,body a.navigation-b ul li a:hover,body button.navigation-b ul li a:hover,body input.navigation-b ul li a:hover{color:#fff;background:#9dc700}body a.button-a-background:active,body button.button-a-background:active,body input.button-a-background:active,body a.button-a-background:hover,body button.button-a-background:hover,body input.button-a-background:hover,body a.navigation-b ul li a:hover:active,body button.navigation-b ul li a:hover:active,body input.navigation-b ul li a:hover:active,body a.navigation-b ul li a:hover:hover,body button.navigation-b ul li a:hover:hover,body input.navigation-b ul li a:hover:hover{color:#fff;background:#89ae00}.tip-a{border-bottom:4px solid #d4d4d4;padding:1.5em 1.5em 1.5em 85px;margin:3em 0;background:#f5f5f5;overflow:hidden;position:relative}.tip-a:before{content:url('img/tip.png');position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;left:1.5em}.tip-a.tip-a-alert{background:#fff0be;border-bottom:4px solid #f1b900}.tip-a.tip-a-alert:before{content:url('img/alert.png');margin-top:-22px}.balloon-a{font-size:12px;font-size:.75rem;line-height:21.6px;line-height:1.35rem;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;border-bottom:3px solid #d4d4d4;background:#ebebeb;display:inline-block;white-space:nowrap;padding:.4em 1.2em .2em;font-weight:700;position:relative;z-index:1000;text-transform:none;color:#575757}.balloon-a:hover{color:#575757}.balloon-a:before{content:'';width:0;height:0;border-style:solid;position:absolute}.balloon-a-ne:before,.balloon-a-nw:before{top:-13px;border-width:0 9px 15.6px 9px;border-color:transparent transparent #ebebeb transparent}.balloon-a-se:before,.balloon-a-sw:before{bottom:-13px;border-width:15.6px 9px 0 9px;border-color:#ebebeb transparent transparent transparent}.balloon-a-nw:before,.balloon-a-sw:before{left:20px}.balloon-a-ne:before,.balloon-a-se:before{right:20px}main .grid-container,header .grid-container,.navigation-a>div,footer>div{max-width:968px}.header-a{margin-top:30px}.footer-a{border-top:1px solid #d9d9d9}.adjoined-top{background-color:#9dc700;color:#fff}.adjoined-top .content h1,.adjoined-top .content h2,.adjoined-top .content h3,.adjoined-top .content h4,.adjoined-top .content h5{color:#fff}.adjoined-top .content p{font-size:18px;font-size:1.125rem;line-height:32.4px;line-height:2.02rem;font-weight:100}.adjoined-top .content a{text-decoration:none;border-bottom:1px dotted #fff;color:inherit}.adjoined-top .content a:hover{color:#e6e6e6}.adjoined-top .content button{color:#fff}.adjoined-top .content strong{color:#fff}.adjoined-top .content code{font-size:inherit;color:#9dc700}.adjoined-bottom{position:relative}.adjoined-bottom:before{z-index:-1;content:'';background:#9dc700;position:absolute;top:0;left:0;right:0;height:50%}#thankyou{bottom:0;font-size:.875rem;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1;-webkit-transition:opacity 200ms;-moz-transition:opacity 200ms;-o-transition:opacity 200ms;transition:opacity 200ms}#thankyou:target{pointer-events:all;opacity:1;z-index:auto}#thankyou a.close{background-color:#34495e;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;-webkit-transition:opacity 200ms;-moz-transition:opacity 200ms;-o-transition:opacity 200ms;transition:opacity 200ms}#thankyou a.close:hover{opacity:.4}#thankyou .fa-4x{font-size:4em}#thankyou #instruction{background:white;box-shadow:0 12px 24px rgba(0,0,0,0.2);display:block;left:50%;line-height:1.8;padding:3em;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#thankyou #instruction a{color:#9dc700;text-decoration:none;border-bottom:1px dotted #9dc700}#thankyou #instruction a:hover{color:#89ae00}#thankyou #instruction h2{margin-top:0}main .grid-container,header .grid-container,.navigation-a>div,footer>div{max-width:1280px}strong{font-weight:bold}footer{margin-top:5em}hr.dashed{margin:2em 0 0;border:none;border-image:none;border-top:2px dashed #ddd;height:0;box-sizing:content-box}.adjoined-top a.button-download,.adjoined-top a.button-demo{color:#fff;border:solid 1px #fff;display:inline-block;float:right;font-size:1.25em;margin-left:1em;padding:5px 13px;white-space:nowrap}.adjoined-top a.button-download .fa,.adjoined-top a.button-demo .fa{color:#fff}.adjoined-top a.button-download:hover,.adjoined-top a.button-demo:hover{-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out}.adjoined-top a.button-download:hover .fa,.adjoined-top a.button-demo:hover .fa{-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out}.adjoined-top .content h1{margin-top:.125em}.bg-grey{background:none repeat scroll 0 0 #fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee;padding-bottom:50px;padding-top:30px}.bg-grey .headline{border-bottom-color:#d4d9d0}.contact-form input,.contact-form textarea{width:100%}.contact-form input[type=submit]{width:auto}.contact-form textarea{margin-bottom:1em;resize:vertical}.contact-form label{display:block;font-size:.8em;font-weight:bold;margin-top:1em}.contact-form span.required{color:red;font-size:1.2em;font-weight:normal}.contact-form .form-control{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#555;display:block;font-size:14px;padding:6px 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;width:100%}.contact-form .form-control:focus{border-color:#bbb;box-shadow:0 0 2px #c9c9c9}.fa{color:#9dc700}.feature{margin-bottom:10px;overflow:hidden}.feature ul{padding-left:1.25em}.feature .description{font-size:.875rem;overflow:hidden;padding:0;margin-left:72px}.feature:hover{background:#fcfcfc;box-shadow:0 0 5px #ddd;-webkit-transition:-webkit-box-shadow 0.2s ease-in-out;-moz-transition:-moz-box-shadow 0.2s ease-in-out;-o-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out}.grid-container .block-icon{color:#72c02c;float:left;font-size:35px;padding:.75em 10px 10px;text-align:center}.header-a .header-a-logo{margin-top:30px}.headline{border-bottom:1px dotted #e4e9f0;margin-bottom:1em}.headline h1{border-bottom:2px solid #72c02c;display:inline-block;margin-bottom:0}.what-next .description{font-size:.875rem;margin-left:72px;padding:0}.what-next .description a{color:#9dc700;text-decoration:none;border-bottom:1px dotted #9dc700}.what-next .description a:hover{color:#89ae00}.what-next .description p{margin-top:0;margin-bottom:0}@media (max-width:900px){.adjoined-top a.button-a{float:none;margin:1em 0}.adjoined-top a.button-download{margin-left:0;margin-right:1em}.adjoined-top p{margin:.5em;clear:both}}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}#feedback{animation:flickerAnimation 1s}