windhamdavid 5 years ago
parent
commit
3604bf0bd8
3 changed files with 319 additions and 3 deletions
  1. 3 3
      card.php
  2. 232 0
      css/card.css
  3. 84 0
      page-card.php

File diff suppressed because it is too large
+ 3 - 3
card.php


+ 232 - 0
css/card.css

@@ -0,0 +1,232 @@
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}
+
+body {
+	line-height: 1;
+}
+h1, h2, h3, h4, h5, h6 {
+	clear: both;
+	font-weight: normal;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote {
+	quotes: none;
+}
+blockquote:before, blockquote:after {
+	content: '';
+	content: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+a img {
+	border: none;
+}
+.clear {
+	clear: both;
+}
+
+
+
+
+body {
+		background: rgba(160,160,160,0.73) url(img/3.png);
+}
+body,
+input,
+textarea {
+	color: #666;
+	font-size: 12px;
+	line-height: 18px;
+}
+hr {
+	background-color: #e7e7e7;
+	border: 0;
+	clear: both;
+	height: 1px;
+	margin-bottom: 18px;
+}
+
+/* Text elements */
+p {
+	font-size: 13px;
+	margin-bottom: 8px;
+}
+h4 {
+	font-size: 13px;
+	margin-bottom: 10px;
+}
+h3 {
+	font-size: 14px;
+	margin-bottom: 0px;
+}
+h2 {
+	font-size: 16px;
+	margin-left: 25px;
+}
+	p.noindent {
+	margin-bottom: 10px;
+	text-indent : 0px;
+}
+a:link {
+	color: #000;
+	text-decoration: none;
+}
+a:visited {
+	color: #000;
+	text-decoration: none;
+}
+a:active,
+a:hover {
+	color: #757576;
+	text-decoration: none;
+}
+
+/* Text meant only for screen readers */
+.screen-reader-text {
+	position: absolute;
+	left: -9000px;
+}
+
+/* =Layout
+-------------------------------------------------------------- */
+body {
+  padding: 0;
+  margin: 0;
+}
+.header {
+	margin: 0 0 50px 0;
+}
+#container {
+	margin: 0 auto;
+	text-align: center;
+}
+#content {
+	margin: 150px auto;	
+	width:500px;
+	background: #fff;
+	padding: 20px;
+	border: 1px solid #dadada;
+}
+#content img {
+	float: left;
+	margin: -5px 0 -40px 95px;
+}
+#content .icons img {
+	margin: 3px;
+	float: none;
+}
+.card #content {
+	margin: 150px auto;
+	-webkit-animation-name: none;
+	-webkit-animation-iteration-count: infinite;
+	-webkit-animation-timing-function: linear;
+	-webkit-animation-duration: 400s;
+	z-index:-1;
+	width:450px;
+	border-top: 1px solid #fff;
+    -webkit-box-shadow: 0px 3px 5px #cbcbcb;
+    -moz-box-shadow: 0px 3px 5px #cbcbcb;
+    box-shadow: 0px 3px 5px #cbcbcb;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+}
+
+.bottom {
+	margin-top: 32px;
+}
+.bottom p {
+	margin: 0;
+}
+.bottom a {
+	color: #666;
+}
+.left-bottom {
+	float: left;
+	display: block;
+	text-align: left;
+	margin: 0px 0 0 50px;
+}
+.left-bottom p {
+	font-size: 9px;
+}
+.right-bottom {
+
+	margin: 0px 50px 0 0;
+	text-align: right;
+	font-size: 9px;
+}
+.right-bottom p {
+	font-size: 9px;
+}
+.contact {
+	font-size: 12px;
+}
+
+
+@-webkit-keyframes Rotation {
+from {
+	-webkit-transform: rotate(0deg);
+	}
+
+to {
+	-webkit-transform: rotate(360deg);
+
+	}
+}
+
+@media (max-width: 480px) {
+	.card #content {
+		-webkit-animation-name: none;
+		width:550px;
+	}
+	h2 {
+		font-size: 21px;
+	}
+	h3 {
+		font-size: 19px;
+	}
+	h4 {
+		font-size: 17px;
+ 	}
+	.header {
+		margin: 0 0 55px 0;
+	}
+	#content img {
+		margin: -5px 0 -40px 80px;
+	}
+	.bottom {
+		margin-top: 50px;
+	}
+	.bottom p {
+		font-size: 9px;
+	}
+
+}

File diff suppressed because it is too large
+ 84 - 0
page-card.php