From 9b6524c6fd785fc4dbfd5c9603fb497807d5783e Mon Sep 17 00:00:00 2001 From: Andromeda Yelton Date: Tue, 10 Jan 2012 16:27:31 -0500 Subject: [PATCH] fleshing out the press kit --- frontend/templates/base.html | 3 +- frontend/templates/press.html | 89 +++++++++++++++++++++++++++------ static/css/book_list.css | 4 ++ static/css/book_panel.css | 4 ++ static/css/documentation.css | 28 +++++++++++ static/css/landingpage.css | 8 +++ static/css/learnmore.css | 4 ++ static/css/sitewide.css | 7 +++ static/css/supporter_layout.css | 4 ++ static/css/variables.css | 4 ++ static/less/campaign.less | 5 -- static/less/documentation.less | 23 +++++++++ static/less/sitewide.less | 4 ++ static/less/variables.less | 5 ++ 14 files changed, 170 insertions(+), 22 deletions(-) diff --git a/frontend/templates/base.html b/frontend/templates/base.html index 8e1a7e6b..102da3b9 100644 --- a/frontend/templates/base.html +++ b/frontend/templates/base.html @@ -67,7 +67,7 @@ {% block topsection %}{% endblock %} {% block content %}{% endblock %} - + - {% block counter %} + +

You can also subscribe to our newsletter.

+

Logos & Icons

@@ -60,16 +125,10 @@ When books have a clear, established legal license which promotes use, they can






-logos at -Low Resolution Logo (350 x 150) -Standard Resolution Logo (1400 x 600) -High Resolution Logo (5600 x 2400) -black background and white background (color versions only) - -icons on black, dark grey, white; 1(?) p grey border, rounded corners (at some surprisingly large border radius), 48px square - -screencaps -look through mail for different sizes of icon and B&W -- ping stefan, ask if this looks like enough, & if not can he send more +{% comment %} +should have logos at a variety of resolutions and also in greyscale +should also have high-res screencaps +{% endcomment %}
{% endblock %} \ No newline at end of file diff --git a/static/css/book_list.css b/static/css/book_list.css index 891cbda0..8dce2d01 100755 --- a/static/css/book_list.css +++ b/static/css/book_list.css @@ -13,6 +13,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} /* Cross-browser language */ /* rows in listview should alternate colors */ .row1 .book-list.listview { diff --git a/static/css/book_panel.css b/static/css/book_panel.css index 5b133fa1..6a0a1b0b 100644 --- a/static/css/book_panel.css +++ b/static/css/book_panel.css @@ -13,6 +13,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} /* Local variables */ .greenpanelstuff { font-family: Arial, Helvetica, sans-serif; diff --git a/static/css/documentation.css b/static/css/documentation.css index 109b086d..0cd54714 100644 --- a/static/css/documentation.css +++ b/static/css/documentation.css @@ -13,6 +13,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} /* variables and mixins used in multiple less files go here */ .header-text { height: 36px; @@ -28,6 +32,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} .user-block-hide { float: left; width: 100%; @@ -200,6 +208,10 @@ dd { display: none; } /* items on press page */ +.spacer { + clear: both; + height: 7px; +} .presstoc { overflow: auto; clear: both; @@ -218,6 +230,22 @@ dd { -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; + max-width: 678px; +} +.pressarticles div { + margin-bottom: 10px; +} +.pressvideos > div { + margin-bottom: 15px; + padding-bottom: 7px; + border-bottom: solid 1px #3d4e53; + float: left; +} +.pressvideos iframe { + padding: 5px; + border: solid 5px #EDF3F4; + padding: 5px; + border: solid 5px #EDF3F4; } .pressimages { clear: both; diff --git a/static/css/landingpage.css b/static/css/landingpage.css index 3835a4cf..eb90cd94 100644 --- a/static/css/landingpage.css +++ b/static/css/landingpage.css @@ -13,6 +13,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} /* variables and mixins used in multiple less files go here */ .header-text { height: 36px; @@ -28,6 +32,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} .user-block-hide { float: left; width: 100%; diff --git a/static/css/learnmore.css b/static/css/learnmore.css index d3f1b6e2..6e6e6e0b 100644 --- a/static/css/learnmore.css +++ b/static/css/learnmore.css @@ -13,6 +13,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} .user-block-hide { float: left; width: 100%; diff --git a/static/css/sitewide.css b/static/css/sitewide.css index fd8fedd7..b2d20af8 100644 --- a/static/css/sitewide.css +++ b/static/css/sitewide.css @@ -14,6 +14,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} /* Local variables */ .utilityheaders { text-transform: uppercase; @@ -78,6 +82,9 @@ a { cursor: pointer; color: #6994a3; } +a:hover { + text-decoration: underline; +} img { border: none; } diff --git a/static/css/supporter_layout.css b/static/css/supporter_layout.css index e8088f39..e15727b3 100644 --- a/static/css/supporter_layout.css +++ b/static/css/supporter_layout.css @@ -13,6 +13,10 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} .block-inner { padding-right: 10px; } diff --git a/static/css/variables.css b/static/css/variables.css index 4d261f86..eceb4bc3 100644 --- a/static/css/variables.css +++ b/static/css/variables.css @@ -13,3 +13,7 @@ border-style: solid none; border-color: #FFFFFF; } +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} diff --git a/static/less/campaign.less b/static/less/campaign.less index 41e60ba9..f57a32ad 100644 --- a/static/less/campaign.less +++ b/static/less/campaign.less @@ -1,10 +1,5 @@ @import "variables.less"; -.mediaborder { - padding: 5px; - border: solid 5px #EDF3F4; -} - .shareclass(@sharewhere) { background:url("@{image-base}icons/@{sharewhere}.png") 10px center no-repeat; cursor: pointer; diff --git a/static/less/documentation.less b/static/less/documentation.less index 8c476b21..88edae0b 100644 --- a/static/less/documentation.less +++ b/static/less/documentation.less @@ -140,6 +140,11 @@ dd { } /* items on press page */ +.spacer { + clear:both; + height:7px; +} + .presstoc { div { float: left; @@ -149,6 +154,7 @@ dd { border: solid 2px @text-blue; padding: 5px; .border-radius(7px, 7px, 7px, 7px); + max-width: 678px; } } overflow: auto; @@ -156,6 +162,23 @@ dd { padding-bottom: 10px; } +.pressarticles div { + margin-bottom: 10px; +} + +.pressvideos { + > div { + margin-bottom: 15px; + padding-bottom: 7px; + border-bottom: solid 1px @text-blue; + float: left; + } + + iframe { + .mediaborder; + } +} + .pressimages { .outer { clear: both; diff --git a/static/less/sitewide.less b/static/less/sitewide.less index eb1990b0..e89229de 100644 --- a/static/less/sitewide.less +++ b/static/less/sitewide.less @@ -73,6 +73,10 @@ a { text-decoration:none; cursor:pointer; color: @medium-blue; + + &:hover { + text-decoration: underline; + } } img { diff --git a/static/less/variables.less b/static/less/variables.less index 2770626b..27f5d997 100644 --- a/static/less/variables.less +++ b/static/less/variables.less @@ -53,3 +53,8 @@ height:@x; line-height:@x; } + +.mediaborder { + padding: 5px; + border: solid 5px #EDF3F4; +} \ No newline at end of file