CSSs for mobile devices for all currently available content.

www/css/m/home.css

@@ -0,0 +1,22 @@
+div#content {
+    display: initial;
+}
+
+div#content div#content_row{
+    display: initial;
+    margin: 0;
+    padding: 0;
+}
+
+div#content div#content_row div.content_cell{
+    display: initial;
+    margin: 0;
+}
+
+div#content div#content_row div#content_cell_profile{
+    width: initial;
+}
+
+div#content div#content_row div#content_cell_content{
+    width: initial;
+}

www/css/m/project.css

@@ -0,0 +1,22 @@
+div#content {
+    display: initial;
+}
+
+div#content div#content_row{
+    display: initial;
+    margin: 0;
+    padding: 0;
+}
+
+div#content div#content_row div.content_cell{
+    display: initial;
+    margin: 0;
+}
+
+div#content div#content_row div#content_cell_main{
+    width: initial;
+}
+
+div#content div#content_row div#content_cell_right{
+    width: initial;
+}

www/css/m/ui.css

@@ -0,0 +1,59 @@
+.desktop{
+    display: none;
+}
+
+.mobile{
+    display: initial !important;
+}
+
+nav#header span.header_container {
+    min-width: 2em;
+    margin-right: 0.2em;
+    margin-left: 0.2em;
+    padding-left: 0.2em;
+    padding-top: 0.3em;
+    padding-bottom: 0.3em;
+    padding-right: 0.2em;
+}
+
+nav#header span.header_container:hover {
+    border: 0.06em solid #ffffff00;
+    background-color: #ffffff00;
+}
+
+nav#header img.header_icon{
+    opacity: 1;
+    width: 1.2em;
+    height: 1.2em;
+}
+
+hr#header_separator{
+    width: 90%;
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
+div#footer table#footer_table{
+    width: 95%;
+}
+
+div#footer img.footer_social_icon{
+    width: 2em;
+    margin: 0.2em;
+}
+
+div#footer a.lang img{
+    height: 1.5em;
+    margin: 0.2em;
+    border-radius: 0.1em;
+    border: 0.1em solid #555555;
+    box-shadow: 0 0 0 #dde;
+}
+
+div#footer a.lang img:hover{
+    box-shadow: 0 0 0 #111;
+}
+
+div.section{
+    margin: 1em;
+}

www/css/ui.css

@@ -8,6 +8,20 @@
     src:  url('/fonts/Nunito-Regular.ttf'); 
 }
 
+/**********************************
+ * Elements that are solely for   *
+ * the desktop or mobile          *
+ * version.                       *
+ **********************************/
+
+.desktop{
+    display: initial;
+}
+
+.mobile{
+    display: none;
+}
+
 /**********************************
  * Styles to be applied across    *
  * all the site for all the       *
@@ -109,14 +123,14 @@ nav#header span.header_container {
     display: inline-block;
     position: relative;
     transition: all .3s ease-in-out;
-    box-shadow: 0 0 0.063em rgba(0, 0, 0, 0);
-    border: rgba(0,0,0,0) solid 0.063em;
+    box-shadow: 0 0 0.063em #ffffff00;
+    border: 0.06em solid #ffffff00;
     border-radius: 0.5em;
 }
 
 nav#header span.header_container:hover {
-    border: rgba(255, 255, 255, 0.5) solid 0.063em;
-    background-color: rgba(255, 255, 255, 0.2);
+    border: 0.06em solid #ffffff88;
+    background-color: #ffffff33;
 }
 
 /* Contains the icon for each entry */
@@ -127,14 +141,14 @@ nav#header span.header_icon_container{
 
 /* Icon for each entry of the header */
 nav#header img.header_icon{
-    opacity: 0.1;
+    opacity: 0.3;
     width: 1.563em;
     height: 1.563em;
     vertical-align: middle;
     transition: opacity 0.4s ease-in-out;
 }
 nav#header span.header_container:hover img.header_icon{
-    opacity: 0.9;
+    opacity: 1;
 }
 
 

www/project/index.php

@@ -99,7 +99,8 @@
                     </div> <!-- #main_column -->
                 </div> <!-- #content_cell_main -->
                 <div class='content_cell'  id='content_cell_right'>
-                    <div class='section section_no_title' id='right_column'>
+                    <div class='section' id='right_column'>
+                        <h3 class='section_title'>TR#Search projects</h3>
                         <div class='entry'>
                             <input type='text' placeholder='<?=text($con, "PROJECT_SEARCH", $lang)?>' name='text'/>
                             <input type='hidden' id='advanced_search_indicator' value='0'/>

www/project/project.php

@@ -133,7 +133,8 @@
                     </div> <!-- #main_column -->
                 </div> <!-- #content_cell_main -->
                 <div class='content_cell'  id='content_cell_right'>
-                    <div class='section section_no_title' id='right_column'>
+                    <div class='section' id='right_column'>
+                        <h3 class='section_title'>TR#Details</h3>
                         <div class='entry'>
 <?php
                             $q_url = mysqli_query($con, "SELECT url, title, summary, logo FROM project_url, project_url_type WHERE project_url_type.id = project_url.type AND project = $id AND type <> 'E';");