Skip to content

Submission David Long #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
longda wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Submission David Long #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,783 changes: 1,783 additions & 0 deletions www/css/foundation.css
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions www/css/foundation.min.css
View file
Open in desktop

Large diffs are not rendered by default.

323 changes: 28 additions & 295 deletions www/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,238 +1,28 @@
/*
* 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.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html,
button,
input,
select,
textarea {
color: #222;
}

body {
font-size: 1em;
line-height: 1.4;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations 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: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

/*
* Remove the gap between images and the bottom of theimage-replace containers: h5bp.com/i/440
*/

img {
vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
border: 0;
margin: 0;
padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
resize: vertical;
}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */

.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}

/* ==========================================================================
Helper classes
========================================================================== */

/*
* Image replacement
*/

.image-replace {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}

.image-replace:before {
content: "";
display: block;
width: 0;
height: 100%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.removed {
display: none !important;
visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

/*
* Extends the .hidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.hidden.focusable:active,
.hidden.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;
body {
background: url(../img/woodgrain.jpg) repeat;
}

/*
* 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 */
}
/* spacing */

.clearfix:after {
clear: both;
.top-wedge {
height: 10px;
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
*zoom: 1;
.mid-gap {
height: 25px;
}

/* ==========================================================================
Default Screen styles.
========================================================================== */
/* sections */

body {
background: url(../img/woodgrain.jpg) repeat;
font-family: "Helvetica", "Arial", sans-serif;
height: 600px;
width: 888px;
.invitation {
background-color: #fff;
padding: 27px 99px 29px 29px;
box-shadow: 5px 5px 5px #282727;
}

img {
position: absolute;
}
#title {
left: 17px;
top: 25px;
z-index: 2;
}
#description {
left: 259px;
top: 67px;
z-index: 1;
}
#date {
left: 525px;
top: 9px;
}
/* elements */

#invitation {
background-color: #fff;
bottom: 0;
left: 0;
padding: 27px 129px 29px 29px;
position: absolute;
width: 579px;
z-index: 3;
}
#invitation h1 {
font-size: 30px;
margin-bottom: 15px;
}
#invitation a {
.invite-btn {
background-color: #393939;
color: #fff;
border-radius: 3px;
Expand All @@ -242,94 +32,37 @@ img {
text-align: center;
text-decoration: none;
}
#invitation a:hover {

a.invite-btn:hover {
background-color: #f78b36;
color: #fff;
}

.input-label {
font-size: 1.5rem;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: normal;
line-height: 1.5;
margin-bottom: 0;
}



/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile fimage-replacest') styles.
Modify as content requimage-replacees.
========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid requimage-replaceed HTTP connection: h5bp.com/r
========================================================================== */

@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
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 for images, or javascript/internal links
*/

.image-replace a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}

pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}

thead {
display: table-header-group; /* h5bp.com/t */
}

tr,
img {
page-break-inside: avoid;
}

img {
max-width: 100% !important;
}

@page {
margin: 0.5cm;
}

p,
h2,
h3 {
orphans: 3;
widows: 3;
}

h2,
h3 {
page-break-after: avoid;
}
}
Loading