Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New site layout #240

Open
wants to merge 61 commits into
base: master
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
61 commits
Select commit Hold shift + click to select a range
733841e
added viewport
johnivanoff Oct 2, 2014
5b2c537
remove inline css
johnivanoff Oct 3, 2014
3d5ae6f
remove css
johnivanoff Oct 3, 2014
dbc3027
added header replaced divs with section
johnivanoff Oct 3, 2014
ac35fa2
removes heaven and replaced div with section
johnivanoff Oct 3, 2014
9bbb247
removed inline css
johnivanoff Oct 3, 2014
006d5bb
removed anchor
johnivanoff Oct 3, 2014
0fb307d
changes div to footer tag
johnivanoff Oct 3, 2014
5e3e8e2
wrapped header in header tag
johnivanoff Oct 3, 2014
c28ae61
SVG logo
johnivanoff Oct 4, 2014
6ad9963
remove divs
johnivanoff Oct 4, 2014
b1c2ec8
using svg instead of png
johnivanoff Oct 4, 2014
66c9316
link to open sans font
johnivanoff Oct 4, 2014
32b2b2a
out with the old
johnivanoff Oct 4, 2014
4d7f8f7
added classes for css
johnivanoff Oct 5, 2014
08d24a6
removed heigths
johnivanoff Oct 7, 2014
c3eaf5a
new css :-)
johnivanoff Oct 7, 2014
6a6c83c
added class to logos for css
johnivanoff Oct 11, 2014
b474990
removed text
johnivanoff Oct 11, 2014
89fb7ac
new svg logo-2
johnivanoff Oct 11, 2014
b0d4719
removed some unused css
johnivanoff Oct 11, 2014
0e7d7ea
Merge https://github.com/johnivanoff/rvm-site into new_site_layout
mpapis Oct 11, 2014
4ccae98
remove comic from index
mpapis Oct 11, 2014
d967e9a
removed rvm2 logo png
johnivanoff Oct 18, 2014
efbe7cc
rvm logo for current version
johnivanoff Oct 18, 2014
b209cf2
logo for RVM V2
johnivanoff Oct 18, 2014
63ab54e
background SVG to scale full width.
johnivanoff Oct 18, 2014
de3cf65
changed background color and added multi columns
johnivanoff Oct 18, 2014
32ea414
logo sizing and centerin doc index columns
johnivanoff Oct 19, 2014
e4d87ae
removed yellow background
johnivanoff Oct 19, 2014
5a3dd47
centering flex items and no more column equal heights
johnivanoff Oct 19, 2014
a3c66a2
new svg logo
johnivanoff Oct 19, 2014
ad1dc32
no padding on docindex section a tag
johnivanoff Oct 19, 2014
0e2577d
centering for webkit
johnivanoff Oct 19, 2014
0b46b0f
Remove me from your Travis file.
envygeeks Oct 19, 2014
be07089
Merge pull request #243 from envygeeks/patch-2
mpapis Oct 19, 2014
975e96f
Merge branch 'master' into new_site_layout
mpapis Oct 19, 2014
4aa499e
return logo for RVM 2
johnivanoff Oct 19, 2014
99cdfec
Merge branch 'new_site_layout' of github.com:rvm/rvm-site into new_si…
johnivanoff Oct 19, 2014
eda3906
Revert "removed rvm2 logo png"
mpapis Oct 19, 2014
405d8d0
Merge branch 'new_site_layout' of github.com:rvm/rvm-site into new_si…
johnivanoff Oct 20, 2014
527814a
add img.shepard css rule for the new logo
mpapis Oct 24, 2014
50bcc38
Merge branch 'new_site_layout' of github.com:rvm/rvm-site into new_si…
johnivanoff Oct 25, 2014
f2bf9dd
Tweaking the CSS
johnivanoff Dec 22, 2014
b012608
remove backgrounds
Jan 13, 2015
51017bf
header rearrangements
Jan 13, 2015
89d8d0a
remove the backgrounds
Jan 13, 2015
583b218
move hero-unit to center
Jan 13, 2015
6d4904d
header background and component
Jan 13, 2015
b2355bc
header style tweaks
Jan 13, 2015
18acf3e
footer style tweaks
Jan 13, 2015
3a940b6
tweak the doc index styles
Jan 16, 2015
24d68a9
add roboto font for h1,h2,h3
Jan 16, 2015
0516d8c
remove margin from h2
Jan 16, 2015
cb43b0c
add donation section
Jan 19, 2015
a9ff521
style for donation section
Jan 19, 2015
224df32
update header bg and section border
Jan 19, 2015
18d0b96
update the header, docindex bg
Jan 27, 2015
3e1e6b8
remove border to docindex sections
Jan 27, 2015
7928db0
clean up and add irc section
Jan 29, 2015
f3c481c
style new header content
Jan 29, 2015
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
remove css
  • Loading branch information
johnivanoff committed Oct 3, 2014
commit 3d5ae6f324487e91247cc801f278e8c8f80ab70e
441 changes: 0 additions & 441 deletions content/assets/css/screen.sass
Original file line number Diff line number Diff line change
@@ -1,441 +0,0 @@
@font-face
font-family: 'Open Sans'
font-style: normal
font-weight: 400
src: local("Open Sans"), local("OpenSans"), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")

@import compass/reset
@import compass/css3
@import compass/layout/sticky-footer

@import base.sass
@import default.sass
@import text.sass

@include sticky-footer(80px, "#container", "#layout-footer", "#footer")

*
margin: 0
padding: 0
font-size: 1em

body
background: #8b1417 url("/images/bottom-gradient.gif") repeat-x fixed center bottom
font-family: 'Open Sans', sans-serif !important
line-height: 1.4em
.relative
position: relative
.clear
clear: both
.center
margin-left: auto
margin-right: auto
.box
margin-top: 1em
padding: 0.8em
/* Not used */
.container
margin: 4em auto
width: auto
clear: both

#cse
width: 100%
text-align: left
margin-bottom: 10px
.gsc-adBlock
display: none
.gsc-control-cse
background: transparent
border: 0px
a.gs-title
color: #a00

h2
font-weight: bold
padding:
bottom: 10px
color: #9c1f1f
border:
style: solid
top: none
left: none
right: none
bottom:
width: 1px
color: #CCCCCC

a
text-decoration: none
font-weight: bold
/* 871E05
color: maroon
&:visited
color: #710000
&:hover
text-decoration: none
color: blue
img
border: none

table.header
background: #eee
margin-top: 1em
width: 100%
font-size: small
thead
tr
th
text-shadow: 1px 1px 1px #fff
text-transform: uppercase
letter-spacing: 0em
width: 20%
color: maroon
padding: 0
tbody
tr
td
width: 25%
vertical-align: top
text-align: justify
padding-right: 1em
padding-left: 0.8em
p
font-size: 0.9em
color: #555
line-height: 1.5em
padding: 0em
a
img
float: right
padding: 0
padding-bottom: 0.5em
padding-left: 1em




/************* Design update 2011-06-21 **************/

center
margin: 0

.clear
clear: both

h5
font-size: 0.8em
color: black
font-weight: normal
margin-bottom: 0.5em
margin-top: 0.5em

h6
font-size: 0.7em
font-weight: normal
text-transform: uppercase
color: #a1a1a1
letter-spacing: 0.3em
text-align: center
margin: 0.3em 0 0 0


//container-width
$container-width: 90%

// content width
$width: 80%

// height of support box on the very top
$height: 190px

=backgroundtex
background: #fafaf2 url('/images/bgtex.jpg') repeat

=roundcorners
-moz-border-radius: 10px
-webkit-border-radius: 10px
-khtml-border-radius: 10px
border-radius: 10px

@mixin round_border($topleft,$topright,$bottomleft,$bottomright)
border-top-left-radius: $topleft
border-top-right-radius: $topright
border-bottom-left-radius: $bottomleft
border-bottom-right-radius: $bottomright
-moz-border-radius-topleft: $topleft
-moz-border-radius-topright: $topright
-moz-border-radius-bottomleft: $bottomleft
-moz-border-radius-bottomright: $bottomright
-webkit-border-top-left-radius: $topleft
-webkit-border-top-right-radius: $topright
-webkit-border-bottom-left-radius: $bottomleft
-webkit-border-bottom-right-radius: $bottomright
-o-border-radius-topleft: $topleft
-o-border-radius-topright: $topright
-o-border-radius-bottomleft: $bottomleft
-o-border-radius-bottomright: $bottomright

=topcorners
-moz-border-radius-topleft: 10px
-webkit-border-top-left-radius: 10px
-khtml-border-radius-topleft: 10px
-o-border-radius-topleft: 10px
border-top-left-radius: 10px
-moz-border-radius-topright: 10px
-webkit-border-top-right-radius: 10px
-khtml-border-radius-topright: 10px
-o-border-radius-topright: 10px
border-top-right-radius: 10px


=centered($width)
margin-left: auto
margin-right: auto
width: $width

=shadow
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2)
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2)
-khtml-box-shadow: 0px 2px 5px rgba(0,0,0,0.2)
box-shadow: 0px 2px 5px rgba(0,0,0,0.2)


$box-background: #3D3D3D
$title-background: #292929

.title
font-size: 80%
text-align: center
text-transform: uppercase
letter-spacing: 0.1em
color: #5C5C5C
text-shadow: 0.1em 0.1em #000
background: $title-background

@mixin default-box
background: $box-background
float: left
+shadow
+round_border(0, 0, 5px, 5px)
width: 18%
margin-right: 0.7%

@mixin default-text
.text
font-size: 70%
padding: 3%
color: #E0E0E0

#heaven
height: 1%
@include sticky-footer(80px)
width: 100%
+box-shadow
background: $title-background

#container
+centered($container-width)
margin-bottom: 2%

#donate, #recommend, #irc
a
color: #E0BABA
&:hover
text-decoration: underline


#logo
text-align: center
@include default-box
background: $title-background
img
max-width: 100%
max-height: 170px

#donate
@include default-box
@include default-text
height: auto
.pledgie
text-align: center
img
max-width: 90%
margin-top: 5%

#recommend, #irc
@include default-box
@include default-text

#recommend
.logo
text-align: center
padding: 3%
img
max-height: 13%
max-width: 100%
margin: 0 auto
margin-top: 10%

#sponsors
float: right
width: 25%
background: $box-background
+round_border(0, 0, 5px, 5px)
+shadow
height: auto
.logo
padding: 1%
text-align: center
font-size: 80%
vertical-align: middle
img
vertical-align: middle
max-height: 70px
margin: 0 auto
margin-top: 3%
.long
img
max-width: 40%

#content
+shadow
+backgroundtex
padding: 1em
margin-top: 2%
font-size: 0.9em
+round_border(5px, 5px, 5px, 5px)
aside
font-style: italic
font-size: 80%
#article
p
padding: 1px
text-indent: 5px
hr.medium
margin: 0
height: 2px
background-color: #8b1417

h1, h2, h3
a.anchor
opacity: 0.3
cursor: pointer

a.anchor:hover
opacity: 0.7


img
max-width: 100%
div
font-size: medium
&.title
margin-left: 130px
line-height: 1em
color: #871E05
font-weight: bold
font-size: 600%
&.tagline
margin-left: 133px
font-size: 120%
line-height: 1em

p
padding: 5px
code
margin: 0.09em
padding: 0.09em
font-weight: bold
background-color: lighten(#F0F0E9, 10)
border: 1px solid maroon
pre.code
margin-bottom: 0.5em
padding: 0.75em
background: #fff
border: 1px solid maroon
overflow: auto
pre.code-shell-cmd:before
content: '$\00A0'
ul.disk
list-style: disc
ul, ul.circle
list-style: circle
ul.square
list-style: square

#docindex
+shadow
+backgroundtex
padding: 1em
margin-top: 2%
font-size: 0.9em
+round_border(5px, 5px, 5px, 5px)
.headline
font-size: small
font-weight: bold
text-shadow: 1px 1px 1px #fff
color: maroon
.column
width: 22%
float: left
margin-top: 1em
margin-left: 1em
ul
font-size: 0.7em
list-style-type: none
margin: 0
a
padding: 2px
color: #555658
&:visited
color: #303030
&:hover
text-decoration: none
color: blue
&:active
color: #009bdb

li
margin-left: 0.5em
margin-top: -0.3em


@media screen and (max-width: 768px)
#logo, #donate, #recommend, #irc, #sponsors
min-height: 120px
#sponsors
.logo .title
display: none
#donate .text, .more
display: none

@media screen and (min-width: 768px)
#logo, #donate, #recommend, #irc, #sponsors
min-height: 200px

@media screen and (min-width: 1200px)
#content
width: 48%
float: left
margin-bottom: 1%
#docindex
width: 44%
float: right
a.docindex
display: none


#footer
height: 80px
@include sticky-footer(80px)
width: 100%
+box-shadow
background: $box-background
#footer-container
+centered($container-width)
text-align: center
font-size: 0.7em
color: #CFC2B5
a
color: #CFC2B5