From 8fae5e3323fa01e6345bd3c0484b3cb6ee5b36a6 Mon Sep 17 00:00:00 2001 From: Goshawk3118191 Date: Tue, 4 Nov 2014 12:41:24 -0800 Subject: [PATCH 1/3] Our CSS Architecture assignment --- Casey-Henok/index.html | 114 +++++++++++++++++++++++++++++++++++++++++ Casey-Henok/style.css | 88 +++++++++++++++++++++++++++++++ 2 files changed, 202 insertions(+) create mode 100644 Casey-Henok/index.html create mode 100644 Casey-Henok/style.css diff --git a/Casey-Henok/index.html b/Casey-Henok/index.html new file mode 100644 index 0000000..81b0bd2 --- /dev/null +++ b/Casey-Henok/index.html @@ -0,0 +1,114 @@ + + + + + + + + Top Albums + + +
+
+

Team Florida's Current Music Picks

+

+
+
+
+
+

Henok's Top Five Of The Moment

+
+
+
+ Run The Jewels 2 +
Run The Jewels - Run The Jewels 2
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+
+
+ Black Moon Spell +
King Tuff - Black Moon Spell
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+
+
+ Pinata +
Freddie Gibbs & Madlib - Pinata
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+
+
+
+
+ Present Tense +
Wild Beasts - Present Tense
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+
+
+ Sunny +
Hippie Sabotage - Sunny
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+
+ +
+
+
+

Casey's Five Picks Of The Moment

+
+
+
+ Sublime +
Sublime - Sublime
> +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+ +
+
+ Hangover +
PSY & Snoop - Hangover
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+ +
+
+ Mercy +
Kanye West - Mercy
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+
+
+
+
+ Enjoy The Silence +
Depeche Mode - Enjoy The Silence
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+ +
+
+ Wild Ones +
Flo Rida - Wild Ones
+

description ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

+ +
+
+ +
+ + \ No newline at end of file diff --git a/Casey-Henok/style.css b/Casey-Henok/style.css new file mode 100644 index 0000000..b9480b3 --- /dev/null +++ b/Casey-Henok/style.css @@ -0,0 +1,88 @@ +body { + background-image: url('http://p1.pichost.me/i/36/1591464.jpg'); + background-attachment: fixed; + background-size: cover; + background-repeat: no repeat; +} + +.albums { + width: 380px; + height: 600px; + display: inline-block; + background: transparent; +} + +.winner { + width: 300px; + height: 300px; +} + +.header { + text-align: center; + font-size: 54px; + background: -webkit-linear-gradient(#eee, #333); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.title { + text-align: center; + color: white; + font-family: 'Arimo', sans-serif; +} + +.caption { + padding: 5px; + border: 3px solid gray; + color: white; + text-align: center; + word-wrap: normal; + background: -moz-linear-gradient(-45deg, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); +background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); +background: -webkit-linear-gradient(-45deg, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); +background: -o-linear-gradient(-45deg, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); +background: -ms-linear-gradient(-45deg, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); +background: linear-gradient(135deg, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=1 ); + font-family: 'Raleway', sans-serif; + opacity: .75; +} + +.btn { + margin-left: auto; + margin-right: auto; + display: block; + height: 50px; + width: 50px; + border-radius: 50px; + border: 1px solid #000; + background: #959595; + cursor: pointer; + color: white; +background: -moz-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); +background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); +background: -webkit-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); +background: -o-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); +background: -ms-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); +background: linear-gradient(135deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); + +} + +.description { + color: white; +} + +.wrapper { + display: flex; + flex-direction: row; + justify-content: space-around; +} + +a:link { + color: white; +} + +a:visited { + color: red; +} \ No newline at end of file From 8942bf21d3edaa1419e437333418d0aec97feac2 Mon Sep 17 00:00:00 2001 From: Goshawk3118191 Date: Wed, 5 Nov 2014 12:01:07 -0800 Subject: [PATCH 2/3] Second commit, post-fix --- Casey-Henok/index.html | 44 +++++++++++++++++++++--------------------- Casey-Henok/style.css | 32 ++++++++++++++---------------- 2 files changed, 36 insertions(+), 40 deletions(-) diff --git a/Casey-Henok/index.html b/Casey-Henok/index.html index 81b0bd2..bf857ca 100644 --- a/Casey-Henok/index.html +++ b/Casey-Henok/index.html @@ -1,9 +1,9 @@ - + Top Albums @@ -21,44 +21,44 @@

Henok's Top Five Of The Moment

Run The Jewels 2 -
Run The Jewels - Run The Jewels 2
+
Run The Jewels - Run The Jewels 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
Black Moon Spell -
King Tuff - Black Moon Spell
+
King Tuff - Black Moon Spell

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
Pinata -
Freddie Gibbs & Madlib - Pinata
+
Freddie Gibbs & Madlib - Pinata

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
Present Tense -
Wild Beasts - Present Tense
+
Wild Beasts - Present Tense

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
Sunny -
Hippie Sabotage - Sunny
+
Hippie Sabotage - Sunny

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
@@ -70,45 +70,45 @@

Casey's Five Picks Of The Moment

Sublime -
Sublime - Sublime
> +
Sublime - Sublime

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
Hangover -
PSY & Snoop - Hangover
+
PSY & Snoop - Hangover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
Mercy -
Kanye West - Mercy
+
Kanye West - Mercy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
Enjoy The Silence -
Depeche Mode - Enjoy The Silence
+
Depeche Mode - Enjoy The Silence

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
Wild Ones -
Flo Rida - Wild Ones
+
Flo Rida - Wild Ones

description ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum tempus nulla a tempor. Nulla porttitor diam sed ligula sollicitudin fermentum. Ut sit amet tristique nisl. Donec in laoreet lorem. Integer volutpat lacus sem. In eget laoreet tortor. In auctor tortor ipsum, non euismod nisl dignissim vel. Sed non dolor.

- +
- \ No newline at end of file + diff --git a/Casey-Henok/style.css b/Casey-Henok/style.css index b9480b3..f3284b9 100644 --- a/Casey-Henok/style.css +++ b/Casey-Henok/style.css @@ -14,7 +14,6 @@ body { .winner { width: 300px; - height: 300px; } .header { @@ -31,24 +30,21 @@ body { font-family: 'Arimo', sans-serif; } -.caption { +figcaption { padding: 5px; border: 3px solid gray; color: white; text-align: center; word-wrap: normal; - background: -moz-linear-gradient(-45deg, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); -background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); -background: -webkit-linear-gradient(-45deg, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); -background: -o-linear-gradient(-45deg, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); -background: -ms-linear-gradient(-45deg, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); -background: linear-gradient(135deg, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=1 ); + background: -webkit-linear-gradient(bottom left, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); + background: -o-linear-gradient(bottom left, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); + background: linear-gradient(to top right, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=1 ); font-family: 'Raleway', sans-serif; opacity: .75; } -.btn { +button { margin-left: auto; margin-right: auto; display: block; @@ -59,13 +55,13 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', end background: #959595; cursor: pointer; color: white; -background: -moz-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); -background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); -background: -webkit-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); -background: -o-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); -background: -ms-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); -background: linear-gradient(135deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); + background: -moz-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); + background: -webkit-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); + background: -o-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); + background: -ms-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); + background: linear-gradient(135deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); } @@ -85,4 +81,4 @@ a:link { a:visited { color: red; -} \ No newline at end of file +} From c7f95b21b7898e3c67e0d44ac36046f6c1207949 Mon Sep 17 00:00:00 2001 From: Goshawk3118191 Date: Tue, 25 Nov 2014 10:48:26 -0800 Subject: [PATCH 3/3] Fixed changes --- Casey-Henok/style.css | 2 -- css-core-architecture | 1 + 2 files changed, 1 insertion(+), 2 deletions(-) create mode 160000 css-core-architecture diff --git a/Casey-Henok/style.css b/Casey-Henok/style.css index f3284b9..1e4a134 100644 --- a/Casey-Henok/style.css +++ b/Casey-Henok/style.css @@ -20,8 +20,6 @@ body { text-align: center; font-size: 54px; background: -webkit-linear-gradient(#eee, #333); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; } .title { diff --git a/css-core-architecture b/css-core-architecture new file mode 160000 index 0000000..e9ef18a --- /dev/null +++ b/css-core-architecture @@ -0,0 +1 @@ +Subproject commit e9ef18a80cc6b29696b417be614b60b57ae47ee0