Page Menu
Home
DevCentral
Search
Configure Global Search
Log In
Files
F41921289
main.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Size
5 KB
Referenced Files
None
Subscribers
None
main.css
View Options
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
* 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.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html
{
color
:
#222
;
font-size
:
1
em
;
line-height
:
1.4
;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::
-moz-selection
{
background
:
#b3d4fc
;
text-shadow
:
none
;
}
::
selection
{
background
:
#b3d4fc
;
text-shadow
:
none
;
}
/*
* A better looking default horizontal rule
*/
hr
{
display
:
block
;
height
:
1
px
;
border
:
0
;
border-top
:
1
px
solid
#ccc
;
margin
:
1
em
0
;
padding
:
0
;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio
,
canvas
,
iframe
,
img
,
svg
,
video
{
vertical-align
:
middle
;
}
/*
* Remove default fieldset styles.
*/
fieldset
{
border
:
0
;
margin
:
0
;
padding
:
0
;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea
{
resize
:
vertical
;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.
browserupgrade
{
margin
:
0.2
em
0
;
background
:
#ccc
;
color
:
#000
;
padding
:
0.2
em
0
;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.
hidden
{
display
:
none
!important
;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.
visuallyhidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1
px
;
margin
:
-1
px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1
px
;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.
visuallyhidden
.
focusable
:
active
,
.
visuallyhidden
.
focusable
:
focus
{
clip
:
auto
;
height
:
auto
;
margin
:
0
;
overflow
:
visible
;
position
:
static
;
width
:
auto
;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.
invisible
{
visibility
:
hidden
;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.
clearfix
:
before
,
.
clearfix
:
after
{
content
:
" "
;
/* 1 */
display
:
table
;
/* 2 */
}
.
clearfix
:
after
{
clear
:
both
;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@
media
only
screen
and
(
min-width
:
35em
)
{
/* Style adjustments for viewports that meet the condition */
}
@
media
print
,
(
-webkit-min-device-pixel-ratio
:
1
.
25
),
(
min-resolution
:
1
.
25dppx
),
(
min-resolution
:
120dpi
)
{
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@
media
print
{
*,
*
:
before
,
*
:
after
,
*
:
first-letter
,
*
:
first-line
{
background
:
transparent
!important
;
color
:
#000
!important
;
/* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow
:
none
!important
;
text-shadow
:
none
!important
;
}
a
,
a
:
visited
{
text-decoration
:
underline
;
}
a
[
href
]
:
after
{
content
:
" ("
attr
(
href
)
")"
;
}
abbr
[
title
]
:
after
{
content
:
" ("
attr
(
title
)
")"
;
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a
[
href
^=
"#"
]
:
after
,
a
[
href
^=
"javascript:"
]
:
after
{
content
:
""
;
}
pre
,
blockquote
{
border
:
1
px
solid
#999
;
page-break-inside
:
avoid
;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead
{
display
:
table-header-group
;
}
tr
,
img
{
page-break-inside
:
avoid
;
}
img
{
max-width
:
100
%
!important
;
}
p
,
h2
,
h3
{
orphans
:
3
;
widows
:
3
;
}
h2
,
h3
{
page-break-after
:
avoid
;
}
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Sat, Aug 8, 02:50 (1 d, 12 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
3945964
Default Alt Text
main.css (5 KB)
Attached To
Mode
rLAUNCH Launch website
Attached
Detach File
Event Timeline
Log In to Comment