Andal.LND/edx-platform
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added more styles and markup for sequence

Browse Source
This commit is contained in:
Kyle Fiedler
2012-06-15 13:27:24 -04:00
committed by Matthew Mongeau
parent e8b4fc218b
commit f9b1e42a58
6 changed files with 407 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
cms/static/css/base-style.css
View File

@@ -460,7 +460,7 @@ section.cal {
section.cal section.new-section section {
display: none;
position: absolute;
top: 32px;
top: 30px;
background: rgba(0, 0, 0, 0.8);
min-width: 300px;
padding: 10px;
@@ -575,46 +575,96 @@ section.sequence-edit > header {
section.week-new > header:after,
section.sequence-edit > header:after {
clear: both; }
section.week-edit > header h1,
section.week-new > header h1,
section.sequence-edit > header h1 {
font-size: 18px;
margin: 8px 6px;
text-transform: uppercase;
letter-spacing: 1px; }
section.week-edit > header div,
section.week-new > header div,
section.sequence-edit > header div {
zoom: 1;
padding: 6px 20px; }
section.week-edit > header div:before, section.week-edit > header div:after,
section.week-new > header div:before,
section.week-new > header div:after,
section.sequence-edit > header div:before,
section.sequence-edit > header div:after {
content: "";
display: table; }
section.week-edit > header div:after,
section.week-new > header div:after,
section.sequence-edit > header div:after {
clear: both; }
section.week-edit > header div h1,
section.week-new > header div h1,
section.sequence-edit > header div h1 {
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
float: left; }
section.week-edit > header div p,
section.week-new > header div p,
section.sequence-edit > header div p {
float: right; }
section.week-edit > header div.week,
section.week-new > header div.week,
section.sequence-edit > header div.week {
background: #eee;
font-size: 12px;
border-bottom: 1px solid #ccc; }
section.week-edit > header div.week h2,
section.week-new > header div.week h2,
section.sequence-edit > header div.week h2 {
font-size: 12px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-right: 20px; }
section.week-edit > header div.week ul,
section.week-new > header div.week ul,
section.sequence-edit > header div.week ul {
list-style: none;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
section.week-edit > header div.week ul li,
section.week-new > header div.week ul li,
section.sequence-edit > header div.week ul li {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-right: 10px; }
section.week-edit > header div.week ul li p,
section.week-new > header div.week ul li p,
section.sequence-edit > header div.week ul li p {
float: none; }
section.week-edit > header section.goals,
section.week-new > header section.goals,
section.sequence-edit > header section.goals {
background: #eee;
padding: 6px;
padding: 6px 20px;
border-top: 1px solid #ccc; }
section.week-edit > header section.goals header h2,
section.week-new > header section.goals header h2,
section.sequence-edit > header section.goals header h2 {
font-size: 14px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
section.week-edit > header section.goals header p,
section.week-new > header section.goals header p,
section.sequence-edit > header section.goals header p {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
section.week-edit > header section.goals ul,
section.week-new > header section.goals ul,
section.sequence-edit > header section.goals ul {
list-style: none;
margin-top: 6px;
color: #999; }
section.week-edit > header section.goals ul li,
section.week-new > header section.goals ul li,
section.sequence-edit > header section.goals ul li {
margin-bottom: 6px; }
section.week-edit > header section.goals ul li:last-child,
section.week-new > header section.goals ul li:last-child,
section.sequence-edit > header section.goals ul li:last-child {
margin-bottom: 0; }
section.week-edit > section.content,
section.week-new > section.content,
section.sequence-edit > section.content {

2
cms/static/sass/_calendar.scss
View File

@@ -176,7 +176,7 @@ section.cal {
section {
display: none;
@include position(absolute, 32px 0 0 0);
@include position(absolute, 30px 0 0 0);
background: rgba(#000, .8);
min-width: 300px;
padding: 10px;

68
cms/static/sass/_week.scss
View File

@@ -6,34 +6,64 @@ section.sequence-edit {
border-bottom: 2px solid #333;
@include clearfix();
h1 {
font-size: 18px;
margin: 8px 6px;
text-transform: uppercase;
letter-spacing: 1px;
div {
@include clearfix();
padding: 6px 20px;
h1 {
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
float: left;
}
p {
float: right;
}
&.week {
background: #eee;
font-size: 12px;
border-bottom: 1px solid #ccc;
h2 {
font-size: 12px;
@include inline-block();
margin-right: 20px;
}
ul {
list-style: none;
@include inline-block();
li {
@include inline-block();
margin-right: 10px;
p {
float: none;
}
}
}
}
}
section.goals {
background: #eee;
padding: 6px;
padding: 6px 20px;
border-top: 1px solid #ccc;
header {
h2 {
font-size: 14px;
@include inline-block();
}
p {
@include inline-block();
}
}
ul {
list-style: none;
margin-top: 6px;
color: #999;
li {
margin-bottom: 6px;
&:last-child {
margin-bottom: 0;
}
}
}
}
}