Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
jmkunnat
206_portfolio
Commits
6553106d
Commit
6553106d
authored
Apr 04, 2016
by
jmkunnat
Browse files
added gradient to header/footer
parent
a0185fa2
Pipeline
#2161
skipped
Changes
3
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
stylesheets/style.css
View file @
6553106d
...
...
@@ -28,6 +28,70 @@ body {
color
:
white
;
}
a
:hover
{
text-decoration
:
underline
;
}
.gradient_top
{
/* Fallback (could use .jpg/.png alternatively) */
background-color
:
#FFF94C
;
/* SVG fallback for IE 9 (could be data URI, or could use filter) */
background-image
:
url(fallback-gradient.svg)
;
/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
background-image
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
from
(
#FFF94C
),
to
(
#004FF9
));
/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
background-image
:
-webkit-linear-gradient
(
left
,
#FFF94C
,
#004FF9
);
/* Firefox 3.6 - 15 */
background-image
:
-moz-linear-gradient
(
left
,
#FFF94C
,
#004FF9
);
/* Opera 11.1 - 12 */
background-image
:
-o-linear-gradient
(
left
,
#FFF94C
,
#004FF9
);
/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
background-image
:
linear-gradient
(
to
right
,
#FFF94C
,
#004FF9
);
}
.gradient_bottom
{
/* Fallback (could use .jpg/.png alternatively) */
background-color
:
#2980b9
;
/* SVG fallback for IE 9 (could be data URI, or could use filter) */
background-image
:
url(fallback-gradient.svg)
;
/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
background-image
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
from
(
#2980b9
),
to
(
#ff9933
));
/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
background-image
:
-webkit-linear-gradient
(
left
,
#2980b9
,
#ff9933
);
/* Firefox 3.6 - 15 */
background-image
:
-moz-linear-gradient
(
left
,
#2980b9
,
#ff9933
);
/* Opera 11.1 - 12 */
background-image
:
-o-linear-gradient
(
left
,
#2980b9
,
#ff9933
);
/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
background-image
:
linear-gradient
(
to
right
,
#2980b9
,
#ff9933
);
}
header
{
background-color
:
lightblue
;
margin-top
:
-20px
;
...
...
@@ -134,9 +198,9 @@ h1 {
@media
only
screen
and
(
max-width
:
500px
)
{
body
{
/*
body {
background-color: red;
}
}
*/
.jumbotron
{
display
:
none
;
...
...
templates/base.html
View file @
6553106d
...
...
@@ -20,7 +20,7 @@
</head>
<body>
<header>
<header
class=
"gradient_top"
>
</br>
<h1>
Joe Kunnath
</h1>
<div
class=
"titler"
>
...
...
@@ -72,7 +72,7 @@
To be replaced
{% endblock %}
<footer>
<div
class=
"foot"
>
<div
class=
"foot
gradient_bottom
"
>
<div></div>
<div
class=
"row pull-center logos"
>
<div
class=
"col-xs-12 col-sm-4 col-md-4 col-lg-4"
>
...
...
templates/bio
View file @
6553106d
...
...
@@ -6,7 +6,9 @@
</div>
</div>
<div class="container">
<div class="container add_border">
<!-- <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> -->
<h2 style="text-align: center">All About Me</h2>
<p>There are many things that I could share about myself that could
...
...
@@ -17,8 +19,10 @@
Arbor.
</p>
<!-- </div> -->
</div>
<div class="container">
</br>
<div class="container add_border">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<h2>Some facts about me</h2>
<p>Even though I am only 19 years of age, I can already tell that I have
...
...
@@ -40,6 +44,7 @@
</div>
</div>
</br>
</br>
{% endblock %}
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment