mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-01-23 10:45:47 +00:00
115 lines
No EOL
4.7 KiB
CSS
115 lines
No EOL
4.7 KiB
CSS
/*
|
|
* HTML5 Boilerplate
|
|
*
|
|
* What follows is the result of much research on cross-browser styling.
|
|
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
|
|
* Kroc Camen, and the H5BP dev community and team.
|
|
*
|
|
* Detailed information about this CSS: h5bp.com/css
|
|
*
|
|
* ==|== normalize ==========================================================
|
|
*/
|
|
|
|
|
|
/* =============================================================================
|
|
HTML5 display definitions
|
|
========================================================================== */
|
|
|
|
/*
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
|
|
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
|
|
audio:not([controls]) { display: none; }
|
|
[hidden] { display: none; }
|
|
*/
|
|
|
|
/* =============================================================================
|
|
Base
|
|
========================================================================== */
|
|
|
|
/*
|
|
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
|
|
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
|
|
*/
|
|
|
|
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; color: #222;}
|
|
body { margin: 0; font-size: 1em; line-height: 1.4; }
|
|
|
|
/*
|
|
* Remove text-shadow in selection highlight: h5bp.com/i
|
|
* These selection declarations have to be separate
|
|
* Also: hot pink! (or customize the background color to match your design)
|
|
*/
|
|
/*
|
|
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
|
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
|
*/
|
|
::selection { text-shadow: none; opacity: 0;}
|
|
|
|
|
|
/* =============================================================================
|
|
Links
|
|
========================================================================== */
|
|
|
|
a {text-decoration:none; color: #00e; }
|
|
a:visited { color: #551a8b; }
|
|
a:hover { color: #06e; }
|
|
a:focus { outline: thin dotted; }
|
|
|
|
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
|
|
a:hover, a:active { outline: 0; }
|
|
|
|
ul{ margin: 1em 0; padding: 0 0 0 40px; }
|
|
|
|
/*
|
|
* 1. Display hand cursor for clickable form elements
|
|
* 2. Allow styling of clickable form elements in iOS
|
|
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
|
|
*/
|
|
|
|
|
|
/* =============================================================================
|
|
Chrome Frame Prompt
|
|
========================================================================== */
|
|
|
|
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
|
|
|
|
|
|
/* ==|== non-semantic helper classes ========================================
|
|
Please define your styles before this section.
|
|
========================================================================== */
|
|
|
|
/* For image replacement */
|
|
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
|
|
.ir br { display: none; }
|
|
|
|
/* Hide from both screenreaders and browsers: h5bp.com/u */
|
|
.hidden { display: none !important; visibility: hidden; }
|
|
|
|
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
|
|
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
|
|
|
|
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
|
|
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
|
|
|
|
/* Hide visually and from screenreaders, but maintain layout */
|
|
.invisible { visibility: hidden; }
|
|
|
|
/* Contain floats: h5bp.com/q */
|
|
.clearfix:before, .clearfix:after { content: ""; display: table; }
|
|
.clearfix:after { clear: both; }
|
|
.clearfix { *zoom: 1; }
|
|
|
|
|
|
|
|
/* ==|== print styles =======================================================
|
|
Print styles.
|
|
Inlined to avoid required HTTP connection: h5bp.com/r
|
|
========================================================================== */
|
|
|
|
@media print {
|
|
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
|
|
a, a:visited { text-decoration: underline; }
|
|
a[href]:after { content: " (" attr(href) ")"; }
|
|
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
|
@page { margin: 0.5cm; }
|
|
} |