diff options
| -rw-r--r-- | app/views/custom/page_templates/public/no_date_and_author.html.erb | 5 | ||||
| -rw-r--r-- | app/views/custom/page_templates/public/standard_template.html.erb | 7 | ||||
| -rw-r--r-- | public/stylesheets/ccc.css | 40 |
3 files changed, 32 insertions, 20 deletions
diff --git a/app/views/custom/page_templates/public/no_date_and_author.html.erb b/app/views/custom/page_templates/public/no_date_and_author.html.erb index ef609612..b0198057 100644 --- a/app/views/custom/page_templates/public/no_date_and_author.html.erb +++ b/app/views/custom/page_templates/public/no_date_and_author.html.erb | |||
| @@ -1,7 +1,6 @@ | |||
| 1 | <div class="article"> | 1 | <div class="article"> |
| 2 | <h2><%= @page.title %></h2> | 2 | <h2 class="headline"><%= @page.title %></h2> |
| 3 | <hr class="subtitle" /> | 3 | <p><%= sanitize( @page.abstract ) %></p> |
| 4 | <p><em><%= sanitize( @page.abstract ) %></em></p> | ||
| 5 | <div id="headline_image"><%= headline_image %></div> | 4 | <div id="headline_image"><%= headline_image %></div> |
| 6 | <%= aggregate?(@page.body) %> | 5 | <%= aggregate?(@page.body) %> |
| 7 | </div> | 6 | </div> |
diff --git a/app/views/custom/page_templates/public/standard_template.html.erb b/app/views/custom/page_templates/public/standard_template.html.erb index 8cd88a68..5ea277ad 100644 --- a/app/views/custom/page_templates/public/standard_template.html.erb +++ b/app/views/custom/page_templates/public/standard_template.html.erb | |||
| @@ -1,8 +1,7 @@ | |||
| 1 | <div class="article"> | 1 | <div class="article"> |
| 2 | <h2><%= @page.title %></h2> | 2 | <h2 class="headline"><%= @page.title %></h2> |
| 3 | <h3><%= date_for_page @page %>, <%= @page.user.try(:login) %></h3> | 3 | <div class="author_and_date"><%= date_for_page @page %>, <%= @page.user.try(:login) %></div> |
| 4 | <hr class="subtitle" /> | 4 | <div class="abstract"><p><%= sanitize( @page.abstract )%></p></div> |
| 5 | <div class="abstract"><p><em><%= sanitize( @page.abstract )%></em></p></div> | ||
| 6 | <div id="headline_image"><%= headline_image %></div> | 5 | <div id="headline_image"><%= headline_image %></div> |
| 7 | <div class="body"><%= aggregate?(@page.body) %></div> | 6 | <div class="body"><%= aggregate?(@page.body) %></div> |
| 8 | </div> | 7 | </div> |
diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css index 84fa0de5..c12ad8bb 100644 --- a/public/stylesheets/ccc.css +++ b/public/stylesheets/ccc.css | |||
| @@ -1,8 +1,9 @@ | |||
| 1 | body { | 1 | body { |
| 2 | background-color: #FFFFFF; | ||
| 2 | margin: 0; | 3 | margin: 0; |
| 3 | padding: 0; | 4 | padding: 0; |
| 4 | text-align: center; | 5 | text-align: center; |
| 5 | font-family: Verdana, sans-serif; | 6 | font-family: Verdana, Helvetica, Arial, sans-serif; |
| 6 | font-size: 11px; | 7 | font-size: 11px; |
| 7 | line-height: 16px; | 8 | line-height: 16px; |
| 8 | background-color: #ffffff; | 9 | background-color: #ffffff; |
| @@ -10,21 +11,22 @@ body { | |||
| 10 | } | 11 | } |
| 11 | 12 | ||
| 12 | h2 { | 13 | h2 { |
| 13 | font-size: 16px; | 14 | font-size: 15px; |
| 14 | line-height: 22px; | 15 | line-height: 22px; |
| 15 | font-family: Helvetica; | 16 | font-family: Helvetica; |
| 16 | } | 17 | } |
| 17 | 18 | ||
| 18 | a { | 19 | a { |
| 19 | color: #000000; | 20 | color: #535353; |
| 21 | text-decoration: underline; | ||
| 20 | } | 22 | } |
| 21 | 23 | ||
| 22 | a:visited { | 24 | a:visited { |
| 23 | color: #000000; | 25 | color: #535353; |
| 24 | } | 26 | } |
| 25 | 27 | ||
| 26 | a:hover { | 28 | a:hover { |
| 27 | color: #ff9600; | 29 | color: #535353; |
| 28 | } | 30 | } |
| 29 | 31 | ||
| 30 | pre { | 32 | pre { |
| @@ -46,9 +48,12 @@ div#header img { | |||
| 46 | border: none; | 48 | border: none; |
| 47 | } | 49 | } |
| 48 | 50 | ||
| 51 | /*------------------main-navigation-------------------*/ | ||
| 52 | |||
| 49 | div.main_navigation ul { | 53 | div.main_navigation ul { |
| 50 | margin-left: 0; | 54 | margin-left: 0; |
| 51 | padding-left: 0; | 55 | padding-left: 0; |
| 56 | line-height: 18px; | ||
| 52 | } | 57 | } |
| 53 | 58 | ||
| 54 | div.main_navigation li { | 59 | div.main_navigation li { |
| @@ -60,27 +65,31 @@ div.main_navigation a { | |||
| 60 | font-size: 14px; | 65 | font-size: 14px; |
| 61 | } | 66 | } |
| 62 | 67 | ||
| 63 | div.main_navigation a:hover { | 68 | div.main_navigation a.inactive:hover { |
| 64 | color: #535353; | 69 | color: #F8921E; |
| 65 | } | 70 | } |
| 66 | 71 | ||
| 67 | div.main_navigation a.active { | 72 | div.main_navigation a.active { |
| 68 | color: #535353; | 73 | color: #000000; |
| 69 | text-decoration: underline; | 74 | text-decoration: none; |
| 70 | text-transform: lowercase; | 75 | text-transform: lowercase; |
| 71 | font-size: 14px; | 76 | font-size: 13px; |
| 72 | } | 77 | } |
| 73 | 78 | ||
| 74 | div.main_navigation a.inactive { | 79 | div.main_navigation a.inactive { |
| 75 | color: #535353; | 80 | color: #CCCCCC; |
| 76 | text-transform: lowercase; | 81 | text-transform: lowercase; |
| 77 | font-size: 14px; | 82 | font-size: 13px; |
| 78 | } | 83 | } |
| 79 | 84 | ||
| 85 | /*------------------calendar-featured-tags-------------------*/ | ||
| 86 | |||
| 80 | div#frontpage_calendar { | 87 | div#frontpage_calendar { |
| 88 | margin-top: 30px; | ||
| 81 | } | 89 | } |
| 82 | 90 | ||
| 83 | div#frontpage_calendar h2, div#tags h2, div#featured_articles h2 { | 91 | div#frontpage_calendar h2, div#tags h2, div#featured_articles h2 { |
| 92 | color: #CCCCCC; | ||
| 84 | border-top: 2px solid #CCCCCC; | 93 | border-top: 2px solid #CCCCCC; |
| 85 | border-bottom: 2px solid #CCCCCC; | 94 | border-bottom: 2px solid #CCCCCC; |
| 86 | font-size: 16px; | 95 | font-size: 16px; |
| @@ -113,6 +122,7 @@ div#featured_articles li a:hover { | |||
| 113 | color: #ff9600; | 122 | color: #ff9600; |
| 114 | } | 123 | } |
| 115 | 124 | ||
| 125 | /*--------------------------------------------------------------*/ | ||
| 116 | 126 | ||
| 117 | div.author_and_date { | 127 | div.author_and_date { |
| 118 | font-style: italic; | 128 | font-style: italic; |
| @@ -148,6 +158,10 @@ div#center_column h2 a { | |||
| 148 | color: #535353; | 158 | color: #535353; |
| 149 | } | 159 | } |
| 150 | 160 | ||
| 161 | div#center_column h2 a:hover { | ||
| 162 | color: #8e8e8e; | ||
| 163 | } | ||
| 164 | |||
| 151 | div#center_column h2.headline { | 165 | div#center_column h2.headline { |
| 152 | margin-top: 8px; | 166 | margin-top: 8px; |
| 153 | border-bottom: 2px solid #cccccc; | 167 | border-bottom: 2px solid #cccccc; |
| @@ -158,7 +172,7 @@ div#right_column { | |||
| 158 | background-color: #ffffff; | 172 | background-color: #ffffff; |
| 159 | padding-left: 70px; | 173 | padding-left: 70px; |
| 160 | left: 675px; | 174 | left: 675px; |
| 161 | width: 145px; | 175 | width: 155px; |
| 162 | height: 100px; | 176 | height: 100px; |
| 163 | } | 177 | } |
| 164 | 178 | ||
