archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Moved styles

Browse source
This commit is contained in:
Jake Howard 2015-11-23 20:38:20 +00:00
parent 55cdd817c3
commit 7f8bcf506f
1 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
static/src/less/homepage.less
View file

@ -31,7 +31,7 @@
margin-top: 35px; margin-top: 35px;
margin-bottom: 35px; margin-bottom: 35px;
color: white; color: white;
font-size: 17px; font-size: 18px;
} }
} }
@ -54,6 +54,16 @@
} }
.row { .row {
margin-bottom: 10px; margin-bottom: 10px;
.college {
background-image: url(http://cdn.ttgtmedia.com/rms/computerweekly/39826_college-of-richard-collyer.gif);
}
.personal {
background-image: url(http://www.inzeed.com/kaleidoscope/wp-content/uploads/2014/11/stock-footage-computer-code-background1.jpg);
}
.work {
background-image: url(http://www.recommendedagencies.com/images/logos/dabapps-logo-1432733278.jpg);
}
} }
} }
} }
@ -66,6 +76,7 @@
} }
.twitter-timeline { .twitter-timeline {
height: 65vh !important; // Because twitter uses inline styles. height: 65vh !important; // Because twitter uses inline styles.
.box-shadow(4px 5px 2px 0 rgba(0,0,0,0.4));
} }
.twitter-icon { .twitter-icon {
text-align: center; text-align: center;
@ -74,7 +85,7 @@
position: relative; position: relative;
.icon { .icon {
position: absolute; position: absolute;
text-shadow: 4px 6px rgba(0,0,0,0.4); text-shadow: 4px 5px 2px rgba(0,0,0,0.4);
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
@ -123,16 +134,6 @@
opacity: 1; opacity: 1;
} }
&.college {
background-image: url(http://cdn.ttgtmedia.com/rms/computerweekly/39826_college-of-richard-collyer.gif);
}
&.personal {
background-image: url(http://www.inzeed.com/kaleidoscope/wp-content/uploads/2014/11/stock-footage-computer-code-background1.jpg);
}
&.work {
background-image: url(http://www.recommendedagencies.com/images/logos/dabapps-logo-1432733278.jpg);
}
@media screen and (max-width: @screen-xs-max) { @media screen and (max-width: @screen-xs-max) {
&, & .project { &, & .project {
height: 240px; height: 240px;