Style changes in group list page

diff --git a/snf-astakos-app/astakos/im/static/im/css/modules.css b/snf-astakos-app/astakos/im/static/im/css/modules.css
index 5f98021..fbb65fa 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/css/modules.css
+++ b/snf-astakos-app/astakos/im/static/im/css/modules.css
@@ -286,6 +286,7 @@ dl.alt-style dt:nth-child(2n)                                       { background:black; }
 .details img                                                                   { max-width:100%; }\r
 .question .section                                                             { margin-top:1em; }\r
 .question pre                                                                  { border:1px dashed #000; padding:5px; margin:10px 0; line-height:auto; }\r
+/*\r
 .widjets                                                                               { position:relative; }\r
 .widjets ul                                                                            { margin: 0; padding:0; }\r
 .widjets li                                                                            { width:50%; float:left; list-style:none outside; margin:30px 0; }\r
@@ -295,6 +296,24 @@ dl.alt-style dt:nth-child(2n)                                      { background:black; }
 .widjets .widjet-x                                                             { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; }\r
 .widjets .widjet-x:hover                                               { text-decoration:none; color:#000; }\r
 \r
+ */\r
+.widjets                                                                               { position:relative; }\r
+.widjets ul                                                                            { margin: 0; padding:0; }\r
+.widjets li                                                                            { width:50%; float:left; list-style:none outside; margin:30px 0;  }\r
+.widjets li div                                                                        { background:url(../images/dots.jpg) repeat-x top ; margin:0 0 0 20px; position:relative;   padding:2em 0; }\r
+.widjets li div .wrap                                                  { background:url(../images/dots.jpg) repeat-x bottom ; }\r
+.widjets li:first-child div                                    { margin-right:20px; margin-left:0; }\r
+.widjets li div img                                                            { max-width:100%; margin:2em 0; }\r
+.widjets li div .txt                                                   { height:100px; }\r
+.widjets .widjet-x                                                             { position:absolute; right:0;top:0; font-weight:bold; font-size:1.5em; }\r
+.widjets .widjet-x:hover                                               { text-decoration:none; color:#000; }\r
+.widjets li.create h2, \r
+.widjets li.create a                                                   { color: #55B577}\r
+.widjets li.join h2, \r
+.widjets li.join a                                                             { color: #F24E53}\r
+.widjets li a                                                                  { font-size:1.154em; }\r
+\r
+\r
 /* billing styles */\r
 .alt-style .table-div                                                  { border:1px dashed #000; }\r
 .billing table.complex tr:nth-child(2n) td             { background:transparent; }\r

diff --git a/snf-astakos-app/astakos/im/static/im/images/create.png b/snf-astakos-app/astakos/im/static/im/images/create.png
index d020a39..1ba78ac 100644 (file)
Binary files a/snf-astakos-app/astakos/im/static/im/images/create.png and b/snf-astakos-app/astakos/im/static/im/images/create.png differ

diff --git a/snf-astakos-app/astakos/im/static/im/images/join.png b/snf-astakos-app/astakos/im/static/im/images/join.png
index cea84d9..528ea03 100644 (file)
Binary files a/snf-astakos-app/astakos/im/static/im/images/join.png and b/snf-astakos-app/astakos/im/static/im/images/join.png differ

diff --git a/snf-astakos-app/astakos/im/static/im/js/common.js b/snf-astakos-app/astakos/im/static/im/js/common.js
index 0ab8e1f..868870b 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/js/common.js
+++ b/snf-astakos-app/astakos/im/static/im/js/common.js
@@ -152,9 +152,9 @@ $(document).ready(function() {
    \r
     \r
     \r
-    if ($('.widjets'.length > 0)) {\r
-               $('.widjets li div').equalHeights();\r
-       }\r
+    //if ($('.widjets'.length > 0)) {\r
+               ///$('.widjets li div').equalHeights();\r
+       ///}\r
     \r
     $(function() {\r
        if($("#id_issue_date").length > 0 ){\r
@@ -237,8 +237,8 @@ $(document).ready(function() {
 $(window).resize(function() {\r
     \r
    setContainerMinHeight('.container .wrapper');\r
-   if ($('.widjets').length > 0) {\r
-               $('.widjets  li div').equalHeights();\r
-       }\r
+   ///if ($('.widjets').length > 0) {\r
+               //$('.widjets  li div').equalHeights();\r
+       //}\r
 \r
 });
\ No newline at end of file

diff --git a/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html b/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html
index 2c42be2..17b51e5 100644 (file)
--- a/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html
+++ b/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html
@@ -25,20 +25,28 @@
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br>You can <!--<a href="{% url group_create_list %}">create a new group</a>--> <a href="{% url group_add 'course' %}">create a new group</a>or <a href="{% url group_search %}">join</a> to an existing one.</p>
                
                <div class="widjets"> 
-                       <a href="#" class="widjet-x" title="remove boxes">X</a>
+                       <!--<a href="#" class="widjet-x" title="remove boxes">X</a>-->
                        <ul class="clearfix">   
-                               <li>
+                               <li class="create">
                                        <div>
-                                               <p>WELCOME!<br>Connect with a world of people who share your passions.<br>With millions of groups at your fingertips, it's easy to find the group that's best for you -- no matter your interest.</p><p style="text-align: center"><img alt="THINK ABOUT IT" src="/static/im/images/create.png"></p>
-                                               <p class="btn"><a href="{% url group_add 'course' %}" class="submit">CREATE</a></p>
-                                               <!--<p class="btn"><a href="{% url group_create_list %}" class="submit">CREATE</a></p>-->
+                                               <div class="wrap">
+                                                       <h2>WELCOME!</h2>
+                                                       <p  ><img alt="THINK ABOUT IT" src="/static/im/images/create.png"></p>
+                                                       <p class="txt">Connect with a world of people who share your passions.<br>With millions of groups at your fingertips, it's easy to find the group that's best for you -- no matter your interest.</p>
+                                                       <p><a href="{% url group_add 'course' %}">create a group ></a></p>
+                                                       <!--<p class="btn"><a href="{% url group_create_list %}" class="submit">CREATE</a></p>-->
+                                               </div>
                                        </div>
                                </li>
-                               <li>
+                               <li class="join">
                                        <div>
-                                               <p>LOOKING FOR A GROUP?</p><p>Well, this is the place to start!<br>sdofuisd ofuaofi usdiof uiofu osifuaoi ufisdfiousf oiusd<br></p>
-                                               <p style="text-align: center"><img alt="THINK ABOUT IT" src="/static/im/images/join.png"></p>
-                                               <p class="btn"><a href="{% url group_search %}" class="submit">JOIN</a></p>
+                                               <div class="wrap">
+                                                       <h2>ALREADY AWARE?</h2>
+                                                       <p  ><img alt="THINK ABOUT IT" src="/static/im/images/join.png"></p>
+                                                       <p class="txt">Well, this is the place to start!<br>sdofuisd ofuaofi usdiof uiofu osifuaoi ufisdfiousf oiusd<br></p>
+                                                       
+                                                       <p><a href="{% url group_search %}">join a group ></a></p>
+                                               </div>
                                        </div>
                                </li>
                        </ul>
@@ -155,7 +163,7 @@
             {% if mine %}
             {% with own_page|concat:own_sorting as args %}
             {% with mine|paginate:args as mine %}
-                   <div class="full-dotted">
+                   <div >
                                        <form method="GET" class="minimal" action="#myGroups">
                                                <div class="form-row">
                                                    <select name="own_sorting" onchange="this.form.submit();">