[gnome-web-www] theme: included custom_css in the upcoming page template

[Tobias Mueller <tobiasmue src gnome org>]

commit c50ac83275ddf8a2770eec499c49a55b842d4b7a
Author: Tobias Mueller <tobiasmue gnome org>
Date:   Thu May 2 01:59:22 2013 +0200

    theme: included custom_css in the upcoming page template
    
    The CSS is saved on the current FoG page. Since the page is now directly
    encoded in the theme template, we also pull the CSS into the template.

 theme/page-friendsnew.php |  142 +++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 142 insertions(+), 0 deletions(-)
---
diff --git a/theme/page-friendsnew.php b/theme/page-friendsnew.php
index 4a5450f..6bbff60 100644
--- a/theme/page-friendsnew.php
+++ b/theme/page-friendsnew.php
@@ -6,6 +6,148 @@
 
 require_once("header.php"); ?>
 
+<style type="text/css">
+#boxes {
+
+}
+
+#boxes > div {
+  margin: 10px;
+  width: 150px;
+  height: 150px;
+  -moz-border-radius: 4px;
+  /*display: inline-block;*/
+  background-color: #73d216;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  background-position: center center;
+  float: left;
+}
+
+#boxes > div {
+  cursor: pointer;
+}
+
+#adopt {
+  background-image: url("http://www.gnome.org/wp-content/themes/gnome-grass/images/adopt-normal.png";);
+}
+
+#adopt.greyed {
+    background-image: url("http://www.gnome.org/wp-content/themes/gnome-grass/images/adopt-inactive.png";) 
!important;
+}
+
+#associate {
+  background-image: url("http://www.gnome.org/wp-content/themes/gnome-grass/images/associate-normal.png";);
+}
+
+#associate.greyed {
+    background-image: 
url("http://www.gnome.org/wp-content/themes/gnome-grass/images/associate-inactive.png";) !important;
+}
+
+#sponsor {
+  background-image: url("http://www.gnome.org/wp-content/themes/gnome-grass/images/sponsor-normal.png";);
+}
+
+#sponsor.greyed {
+    background-image: url("http://www.gnome.org/wp-content/themes/gnome-grass/images/sponsor-inactive.png";) 
!important;
+}
+
+#philanthropist {
+  background-image: 
url("http://www.gnome.org/wp-content/themes/gnome-grass/images/philanthropist-normal.png";);
+}
+
+#philanthropist.greyed {
+    background-image: 
url("http://www.gnome.org/wp-content/themes/gnome-grass/images/philanthropist-inactive.png";) !important;
+}
+
+.active-text {
+  font-size: 11px;
+  padding: 1em;
+  visibility: hidden;
+  text-align: center;
+  height: 65%;
+}
+
+/* relative position, bottom, left */
+.level-text {
+    position: relative;
+    /* really ugly, why does this work? */
+    text-align: center;
+    height: 35%;
+}
+
+.greyed {
+    background-color: #d3d7cf !important;
+    color: #babdb6;
+}
+
+
+div#below {
+    margin: 10px;
+    padding: 0px;
+    position: relative;
+    width: 660px;
+    clear: both;
+}
+
+p#donation-details {
+    text-align: center;
+    font-weight: bold;
+}
+
+div#below > p {
+    text-align: center;
+}
+
+p.hidden {
+    display: none;
+}
+
+div#below > form {
+    display: none;
+}
+
+
+/* allow room for 3 columns */
+#below ul {
+    width: 700px;
+}
+
+
+/* float & allow room for the widest item */
+#below ul li {
+    float: left;
+    width: 200px;
+    list-style: none;
+}
+
+/* stop the float */
+#below br {
+    clear: left;
+}
+
+/* Get rid of some 960 spacing */
+#below li {
+  margin-left: 0px;
+}
+
+/* separate the list from subsequent markup */
+div.wrapper {
+    margin-bottom: 10em;
+}
+
+#foundation-info {
+
+  padding: 10px;
+  width: 650px;
+}
+
+small {
+  font-size: 12px;
+  color: gray;
+}
+</style>
+
     <!-- container -->
     <div id="container" class="two_columns">
         <div class="container_12">