Merge pull request #316 from code-po8/issue247

Issue #247 - Make it responsive: Minimally functional responsive stylesheet.
freedomsponsors · Mar 1, 2015 · 8e07bd9 · 8e07bd9
2 parents 1c3a3a1 + 9cfd3cf
commit 8e07bd9
Show file tree

Hide file tree

Showing 3 changed files with 156 additions and 0 deletions.
diff --git a/djangoproject/statfiles/static/css2/fs_responsive.css b/djangoproject/statfiles/static/css2/fs_responsive.css
@@ -0,0 +1,154 @@
+/* ----------------------- SUMMARY -----------------------
+
+- General
+
+- Header
+ 
+- Content
+
+- Footer
+	- Sticky Footer
+
+- Columns Layout
+	- Sizes
+
+- Home
+   
+*/
+
+@media all and (max-width: 1024px)
+{
+
+/* Header
+----------------------------------------------- */
+.header-middle-section
+{
+	height: unset;
+	padding: 0px;
+	width: 100%;
+}
+.header-middle-section .column-wrapper div
+{
+	display: inline-block;
+	padding-bottom: 2%;
+	width: 100%;
+}
+.header-middle-section .column
+{
+	align-self: baseline;
+	color: #ffffff;
+	min-height: 100%;
+	min-width: 100px;
+	z-index: 1;
+}
+.header-middle-section .column:before
+{
+	content: "Menu";
+	font-size: 14pt;
+	font-weight: bold;
+}
+.header-middle-section .column .menu-option
+{
+	/*background: #323232;*/
+	background: #4b4b4b;
+	border-top: 1px solid #000000;
+	display: none;
+	margin-left: 0px;
+	width: 100%;
+}
+
+.header-middle-section .column:hover .menu-option
+{
+	display: block;
+}
+.header-middle-section .column .menu-option:hover
+{
+	display: block;
+}
+.header-bottom-section
+{
+
+}
+.header-bottom-section div
+{
+	width: 100%;
+}
+
+
+/* Content
+----------------------------------------------- */
+.content-section
+{
+	width: 100%;
+}
+.home-content-section
+{
+	width: 100%;
+	text-align: center;
+}
+img.fs-logo
+{
+	display: inline;
+}
+.card-list-section
+{
+	max-width: 100%;
+}
+.card-list-header
+{
+	text-align: left;
+}
+#bootstrap-content .span1, 
+#bootstrap-content .span4
+{
+	margin-left: 0 !important;
+}
+#bootstrap-content .table
+{
+	table-layout: fixed;
+}
+#bootstrap-content .table td
+{
+	word-wrap: break-word;
+}
+.non-footer-wrapper > div:nth-child(2)
+{
+	width: auto !important;
+}
+
+
+
+/* Footer
+----------------------------------------------- */
+.footer-midle-section
+{
+	line-height: 3em;
+	text-align: center;
+}
+.footer-midle-section span
+{
+	display: block;
+	float: none;
+	text-align: center;
+}
+
+
+
+
+/* Columns Layout
+----------------------------------------------- */
+div.column-wrapper
+{
+	display: inline-block;
+}
+div.column-wrapper .ng-scope
+{
+	float: left;
+}
+.column-wrapper.vcenter-content
+{
+	height: unset;
+	display: inline-block;
+}
+
+} /* end of media query */
diff --git a/djangoproject/templates/core2/empty_base.html b/djangoproject/templates/core2/empty_base.html
@@ -23,6 +23,7 @@
         <link href='/static/css2/reset.css' rel='stylesheet' type='text/css'/>
         <link href='/static/css2/fs_style.css' rel='stylesheet' type='text/css'/>
         <link href='/static/css2/fs_structure.css' rel='stylesheet' type='text/css'/>
+        <link href='/static/css2/fs_responsive.css' rel='stylesheet' type='text/css'/>
         <link href='/static/css2/bootstrap_ish.css' rel='stylesheet' type='text/css'/>
         <link href='/static/css2/markdown.css' rel='stylesheet' type='text/css'/>
         <link href='/static/css/highlighting.css' rel='stylesheet' type='text/css'/>

diff --git a/djangoproject/templates/sandbox/empty_base.html b/djangoproject/templates/sandbox/empty_base.html
@@ -5,6 +5,7 @@
 	<link href='/static/css2/reset.css' rel='stylesheet' type='text/css'/>
     <link href='/static/css2/fs_style.css' rel='stylesheet' type='text/css'/>
     <link href='/static/css2/fs_structure.css' rel='stylesheet' type='text/css'/>
+    <link href='/static/css2/fs_responsive.css' rel='stylesheet' type='text/css'/>
     <link href='/static/css2/bootstrap_ish.css' rel='stylesheet' type='text/css'/>
 	<link href="/static/css2/freedom_bootstrap.css" rel="stylesheet" media="screen">
     {% block head %}