Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css: Start a separate stylesheet for "big screen" styles.

Browse source 
I'm about to add more and I *suspect* this will be easier to maintain
in the long term, rather than duplicating the conditional many times.
This commit is contained in:
Brett Smith 2016-11-30 16:18:06 -05:00
parent d0e3ad782e
commit a1ec899670
3 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
www/conservancy/static/css/conservancy-bigscreen.css Normal file
View file

@ -0,0 +1,12 @@
/* "Big screen" means, approximately, bigger than a phone */
.column:nth-child(odd) {
clear: both;
float: left;
width: 49%;
}
.column:nth-child(even) {
float: right;
width: 49%;
}

12
www/conservancy/static/css/conservancy.css
View file

@ -262,18 +262,6 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
.column h2 a { text-decoration: none; color: #000000; } .column h2 a { text-decoration: none; color: #000000; }
.column h2 a:hover { text-decoration: underline; } .column h2 a:hover { text-decoration: underline; }
@media all and (min-width: 67em) {
.column:nth-child(odd) {
clear: both;
float: left;
width: 49%;
}
.column:nth-child(even) {
float: right;
width: 49%;
}
}
#conservancyfooter { #conservancyfooter {
margin-top: 1em; margin-top: 1em;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;

1
www/conservancy/templates/base_conservancy.html
View file

@ -13,6 +13,7 @@
<meta name="keywords" content="software, freedom, conservancy, open source, gnu, GNU, Open Source, Free and Open Source, Free and Open Source Software, FLOSS, FOSS, protect, protection, help, policy, linux, non-profit" /> <meta name="keywords" content="software, freedom, conservancy, open source, gnu, GNU, Open Source, Free and Open Source, Free and Open Source Software, FLOSS, FOSS, protect, protection, help, policy, linux, non-profit" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/conservancy.css" /> <link rel="stylesheet" type="text/css" media="screen" href="/css/conservancy.css" />
<link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="/css/conservancy-bigscreen.css" />
<link rel="stylesheet" href="/css/jquery-ui-1.8.22.custom.css" /> <link rel="stylesheet" href="/css/jquery-ui-1.8.22.custom.css" />
<link rel="stylesheet" href="/css/jquery.ui.multiprogressbar.css" /> <link rel="stylesheet" href="/css/jquery.ui.multiprogressbar.css" />
<script type="text/javascript" src="/js/jquery-1.7.2.js"></script> <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>