diff --git a/public/assets/css/styles.css b/public/assets/css/styles.css index 9c76e1a..064b17a 100644 --- a/public/assets/css/styles.css +++ b/public/assets/css/styles.css @@ -107,10 +107,11 @@ body { border:1px solid black; background-color:#fff; box-shadow:0px 0px 5px #555; + position: relative; } .content h1 { - margin-top:0; + margin:0 auto; color:#fff; background-color:#87161a; text-align:center; @@ -126,23 +127,22 @@ body { .content p { margin:10px; + display:block; + overflow: hidden; } .content-section { padding:5px 0; margin:0; - display:block; - width:100%; - position:relative; + float:left; + width:33%; height:auto; - background-color:transparent; } .content-box { - display:inline-block; margin:5px 0; padding:5px 0; - width:49%; + width:100%; height:auto; } @@ -150,11 +150,55 @@ body { text-align: center; } -fieldset { - background-color:white; - margin:20px; +.fs-div { + background-color:rgba(255, 255, 255, 0.9) !important; + width:50%; + padding:5px; } +.generator { + background-image:url('/assets/images/generator-bg.jpg'); + background-size: 100% auto; + background-repeat: no-repeat; + background-position: right top; + background-color: #0a0a0a; + padding:10px; + border:1px solid black; +} + +.generator select { + -webkit-appearance:none; + text-align: center; + font-size: 20px; + color: #fff; + background-color:#87161a; + text-shadow:0px 0px 5px #000; + border:1px solid #000; + padding:5px; +} + +.generator input[type='checkbox'] { + -webkit-appearance:none; + color: #fff; + background-color:#87161a; + border:1px solid #000; + padding:5px; + margin:0 5px 0 0; +} + +.generator input[type='checkbox']:disabled { + background-color:#B77376; +} + +.generator input[type='checkbox']:checked { + background-image: url('/assets/images/check.png') +} + +@media (max-width: 1024px) { + .generator { + background-position: right bottom; + } +} @media (max-width:685px) { #nav { float:none; @@ -183,7 +227,12 @@ fieldset { padding:0; } - .content-box { + .content-section { width:100%; } + + .fs-div { + width:97.5%; + margin:0; + } } diff --git a/public/assets/images/check.png b/public/assets/images/check.png new file mode 100644 index 0000000..9230215 Binary files /dev/null and b/public/assets/images/check.png differ diff --git a/public/assets/images/generator-bg.jpg b/public/assets/images/generator-bg.jpg new file mode 100644 index 0000000..ce03a09 Binary files /dev/null and b/public/assets/images/generator-bg.jpg differ diff --git a/resources/views/generate.blade.php b/resources/views/generate.blade.php index 12f68a8..54e802f 100644 --- a/resources/views/generate.blade.php +++ b/resources/views/generate.blade.php @@ -5,73 +5,76 @@ @section('header') @section('content') -
+

Workout Generator

-
-
- Background Info: - -
-
- -
-
-
- -
-
- Free Weights -
- Dumbbells -
- Barbells -
- Selectorized Equipment -
- Cable Equipment -
- Calisthenics -
-
-
- -
-
- - -
-
-
- -
-
- -
-
- -
-
-
+
+
+
+
+ Background Info: + +
+
+ +
+
+
+ +
+
+ Free Weights +
+ Dumbbells +
+ Barbells +
+ Selectorized Equipment +
+ Cable Equipment +
+ Calisthenics +
+
+
+ +
+
+ + +
+
+
+ +
+
+ +
+
+ +
+
+
+