Changeset - a04d85a1e891
[Not reviewed]
0 2 0
Brett Smith (brett) - 7 years ago 2016-12-31 19:23:03
brett@sfconservancy.org
css: Move rules intended for bigscreen to the dedicated stylesheet.
2 files changed with 47 insertions and 46 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy-bigscreen.css
Show inline comments
...
 
@@ -18,24 +18,71 @@
 

	
 
.right {
 
    float: right;
 
    margin-left: 1.5em;
 
}
 

	
 
.picture {
 
    width: 30em;
 
    max-width: 35%;
 
    padding: .75em;
 
}
 

	
 
dl {
 
    border: 3px double #ccc;
 
    padding: 0.5em;
 
}
 

	
 
dt {
 
    float: left;
 
    text-align: center;
 
    width: 10em;
 
    margin: 0em 1em 0.5em 0.5em;
 
    font-weight: bold;
 
    color: green;
 
}
 

	
 
dt:after {
 
    content: ":";
 
}
 

	
 
dd {
 
    margin: 0 0 2.5em 11.5em;
 
}
 

	
 
video.small-right {
 
    float: right;
 
    height: auto;
 
    width: 25%;
 
    margin-left: .7em;
 
    margin-bottom: .4em;
 
}
 

	
 
video.medium-right {
 
    float: right;
 
    height: auto;
 
    width: 50%;
 
    margin-left: .7em;
 
    margin-bottom: .7em;
 
}
 

	
 
img.blog-right {
 
    float: right;
 
    padding-left: 1em;
 
    margin: .25em;
 
    min-width: 8%;
 
    max-width: 30%;
 
    width: auto;
 
}
 

	
 
#contractpatch-follow {
 
    float: left;
 
    width: 30em;
 
    margin-right: 1.5em;
 
    /* Below from .shaded, but we don't want the class on non-big screens. */
 
    padding: .75em;
 
    background: #F0FFB8;
 
}
 

	
 
#contractpatch-follow h2 {
 
    font-size: large;
 
}
www/conservancy/static/css/conservancy.css
Show inline comments
...
 
@@ -436,65 +436,19 @@ dl {
 
    border: 3px double #ccc;
 
    padding: 0.5em;
 
}
 
dt {
 
    text-align: center;
 
    margin: 0em 1em 0.5em 0.5em;
 
    font-weight: bold;
 
    color: green; }
 
dd {
 
    margin: 0 0 1.5em 2em;
 
}
 

	
 
@media only screen and (min-width: 685px) {
 
dl {
 
    border: 3px double #ccc;
 
    padding: 0.5em;
 
}
 
dt {
 
    float: left;
 
    text-align: center;
 
    width: 10em;
 
    margin: 0em 1em 0.5em 0.5em;
 
    font-weight: bold;
 
    color: green; }
 
dt:after {
 
    content: ":";
 
}
 
dd {
 
    margin: 0 0 2.5em 11.5em;
 
}
 
}
 
.fundraiser-top-text {
 
    background: #F0FFB8;
 
    padding: .7em .7em .7em .7em;
 
}
 
.fundraiser-top-text em {
 
    font-size: 110%;
 
}
 

	
 
video.small-right {
 
    float: right;
 
    height: auto !important;
 
    width: 25% !important;
 
    max-width:50%;
 
    margin-left: .7em;
 
    margin-bottom: .4em;
 
}
 

	
 
video.medium-right {
 
    float: right;
 
    height: auto !important;
 
    width: 50% !important;
 
    max-width: 75%;
 
    margin-left: .7em;
 
    margin-bottom: .7em;
 
}
 

	
 
img.blog-right {
 
    float: right;
 
    padding-left: 1em;
 
    margin: .25em;
 
    min-width: 8%;
 
    max-width: 30%;
 
    width: auto;
 
}
0 comments (0 inline, 0 general)