Add templates directly from cms_proto/ui_prototype
This commit is contained in:
Calen Pennington
589
cms/static/css/base-style.css
Normal file
589
cms/static/css/base-style.css
Normal file
@@ -0,0 +1,589 @@
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
abbr, address, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, samp,
|
||||
small, strong, sub, sup, var,
|
||||
b, i,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
vertical-align: baseline;
|
||||
background: transparent; }
|
||||
|
||||
html, body {
|
||||
font-size: 100%; }
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
|
||||
display: block; }
|
||||
|
||||
audio, canvas, video {
|
||||
display: inline-block; }
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none; }
|
||||
|
||||
[hidden] {
|
||||
display: none; }
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%; }
|
||||
|
||||
html, button, input, select, textarea {
|
||||
font-family: sans-serif; }
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px; }
|
||||
a:hover, a:active {
|
||||
outline: 0; }
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted; }
|
||||
|
||||
b, strong {
|
||||
font-weight: bold; }
|
||||
|
||||
blockquote {
|
||||
margin: 1em 40px; }
|
||||
|
||||
dfn {
|
||||
font-style: italic; }
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000; }
|
||||
|
||||
pre, code, kbd, samp {
|
||||
font-family: monospace, serif;
|
||||
_font-family: 'courier new', monospace;
|
||||
font-size: 1em; }
|
||||
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word; }
|
||||
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: '';
|
||||
content: none; }
|
||||
|
||||
small {
|
||||
font-size: 75%; }
|
||||
|
||||
sub, sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline; }
|
||||
|
||||
sup {
|
||||
top: -0.5em; }
|
||||
|
||||
sub {
|
||||
bottom: -0.25em; }
|
||||
|
||||
nav ul, nav ol {
|
||||
list-style: none;
|
||||
list-style-image: none; }
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
-ms-interpolation-mode: bicubic; }
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden; }
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em; }
|
||||
|
||||
legend {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
white-space: normal; }
|
||||
|
||||
button, input, select, textarea {
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
vertical-align: baseline; }
|
||||
|
||||
button, input {
|
||||
line-height: normal; }
|
||||
|
||||
button, input[type="button"], input[type="reset"], input[type="submit"] {
|
||||
cursor: pointer;
|
||||
-webkit-appearance: button; }
|
||||
|
||||
button[disabled], input[disabled] {
|
||||
cursor: default; }
|
||||
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0; }
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; }
|
||||
|
||||
button::-moz-focus-inner, input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0; }
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
vertical-align: top; }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
html {
|
||||
height: 100%; }
|
||||
|
||||
body {
|
||||
zoom: 1;
|
||||
height: 100%;
|
||||
font: 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; }
|
||||
body:before, body:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
body:after {
|
||||
clear: both; }
|
||||
body > section {
|
||||
display: table;
|
||||
width: 100%; }
|
||||
body > header {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
display: block;
|
||||
float: none;
|
||||
padding: 6px 20px;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
body > header nav {
|
||||
zoom: 1; }
|
||||
body > header nav:before, body > header nav:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
body > header nav:after {
|
||||
clear: both; }
|
||||
body > header nav h2 {
|
||||
font-size: 14px;
|
||||
text-transform: uppercase; }
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #888; }
|
||||
|
||||
input[type="submit"], .button, section.week-edit > header a, section.week-new > header a {
|
||||
border: 1px solid #ccc;
|
||||
background: #efefef;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding: 6px; }
|
||||
|
||||
section.cal {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 25px;
|
||||
zoom: 1;
|
||||
overflow: scroll; }
|
||||
section.cal:before, section.cal:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
section.cal:after {
|
||||
clear: both; }
|
||||
section.cal > header {
|
||||
zoom: 1;
|
||||
margin-bottom: 10px; }
|
||||
section.cal > header:before, section.cal > header:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
section.cal > header:after {
|
||||
clear: both; }
|
||||
section.cal > header h1 {
|
||||
float: left;
|
||||
font-size: 18px; }
|
||||
section.cal > header ul {
|
||||
float: right; }
|
||||
section.cal > header ul li {
|
||||
display: -moz-inline-box;
|
||||
-moz-box-orient: vertical;
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
*vertical-align: auto; }
|
||||
section.cal > header ul li a {
|
||||
padding: 6px;
|
||||
border: 1px solid #ddd;
|
||||
display: block;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: #efefef; }
|
||||
section.cal > header ul li.dropdown {
|
||||
position: relative; }
|
||||
section.cal > header ul li.dropdown ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd; }
|
||||
section.cal > header ul li.dropdown ul li {
|
||||
padding: 6px;
|
||||
display: block;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent; }
|
||||
section.cal > header ul li.dropdown ul li:hover {
|
||||
background-color: #efefef;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd; }
|
||||
section.cal > header ul li.dropdown:hover ul {
|
||||
display: block; }
|
||||
section.cal > header ul li.dropdown:hover a {
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
-ms-border-radius: 3px 3px 0 0;
|
||||
-o-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
border-bottom: 0; }
|
||||
section.cal ol {
|
||||
list-style: none;
|
||||
zoom: 1;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-left: 1px solid #333;
|
||||
border-top: 1px solid #333;
|
||||
width: 100%; }
|
||||
section.cal ol:before, section.cal ol:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
section.cal ol:after {
|
||||
clear: both; }
|
||||
section.cal ol > li {
|
||||
border-right: 1px solid #333;
|
||||
border-bottom: 1px solid;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
width: 25.0%; }
|
||||
section.cal ol > li:last-child {
|
||||
text-align: center;
|
||||
background: #eee;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
section.cal ol > li:last-child p {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
section.cal ol > li:last-child p a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
section.cal ol > li:last-child section.new-week header {
|
||||
background: #fff;
|
||||
text-align: left; }
|
||||
section.cal ol > li:last-child section.new-week form {
|
||||
background: #fff;
|
||||
width: 50%;
|
||||
padding: 6px;
|
||||
border: 1px solid #000;
|
||||
margin: 0 auto;
|
||||
-webkit-box-shadow: 0 0 2px #333333;
|
||||
-moz-box-shadow: 0 0 2px #333333;
|
||||
box-shadow: 0 0 2px #333333;
|
||||
position: relative; }
|
||||
section.cal ol > li:last-child section.new-week form:before {
|
||||
background: #fff;
|
||||
border-left: 1px solid #000;
|
||||
border-top: 1px solid #000;
|
||||
content: " ";
|
||||
display: block;
|
||||
height: 10px;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
width: 10px;
|
||||
z-index: 0; }
|
||||
section.cal ol > li:last-child section.new-week form select {
|
||||
margin-bottom: 6px;
|
||||
width: 100%; }
|
||||
section.cal ol > li:last-child section.new-week form select option {
|
||||
padding: 10px 0 !important; }
|
||||
section.cal ol > li:last-child section.new-week form input[type="submit"] {
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
width: 100%; }
|
||||
section.cal ol > li:last-child section.new-week form a:first-child {
|
||||
float: left; }
|
||||
section.cal ol > li:last-child section.new-week form a:last-child {
|
||||
float: right; }
|
||||
section.cal ol > li header {
|
||||
border-bottom: 1px solid #000;
|
||||
-webkit-box-shadow: 0 1px 2px #cccccc;
|
||||
-moz-box-shadow: 0 1px 2px #cccccc;
|
||||
box-shadow: 0 1px 2px #cccccc;
|
||||
display: block;
|
||||
margin-bottom: 2px;
|
||||
padding: 6px; }
|
||||
section.cal ol > li header h1 {
|
||||
font-size: 14px; }
|
||||
section.cal ol > li ul {
|
||||
list-style: none;
|
||||
margin-bottom: 1px; }
|
||||
section.cal ol > li ul li {
|
||||
background: #efefef;
|
||||
border-bottom: 1px solid #666;
|
||||
padding: 6px; }
|
||||
section.cal ol > li ul li.goal {
|
||||
background: #fff; }
|
||||
|
||||
body.content
|
||||
section.cal {
|
||||
width: 25.577%;
|
||||
float: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
body.content
|
||||
section.cal > header ul {
|
||||
display: none; }
|
||||
body.content
|
||||
section.cal ol li {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%; }
|
||||
|
||||
section.week-edit > header, section.week-new > header {
|
||||
border-bottom: 1px solid #ccc;
|
||||
zoom: 1;
|
||||
padding: 6px; }
|
||||
section.week-edit > header:before, section.week-edit > header:after, section.week-new > header:before, section.week-new > header:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
section.week-edit > header:after, section.week-new > header:after {
|
||||
clear: both; }
|
||||
section.week-edit > header h1, section.week-new > header h1 {
|
||||
font-size: 18px;
|
||||
float: left;
|
||||
margin-top: 8px 6px; }
|
||||
section.week-edit > header a, section.week-new > header a {
|
||||
float: right;
|
||||
display: block; }
|
||||
section.week-edit section header, section.week-new section header {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #333;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
section.week-edit section header h2, section.week-new section header h2 {
|
||||
font-size: 14px; }
|
||||
section.week-edit section.sidebar, section.week-new section.sidebar {
|
||||
width: 34.368%;
|
||||
float: left;
|
||||
background: #ccc;
|
||||
border-right: 1px solid #333;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
section.week-edit section.sidebar section, section.week-new section.sidebar section {
|
||||
height: 50%; }
|
||||
section.week-edit section.sidebar section > ul, section.week-new section.sidebar section > ul {
|
||||
list-style: none; }
|
||||
section.week-edit section.sidebar section > ul > li, section.week-new section.sidebar section > ul > li {
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #666;
|
||||
background: #eee; }
|
||||
section.week-edit section.sidebar section > ul > li.new-module, section.week-new section.sidebar section > ul > li.new-module {
|
||||
position: relative; }
|
||||
section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown {
|
||||
list-style: none; }
|
||||
section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown li, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown li {
|
||||
display: none; }
|
||||
section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown li:first-child, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown li:first-child {
|
||||
display: block; }
|
||||
section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown:hover li, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown:hover li {
|
||||
display: block;
|
||||
padding: 6px 0; }
|
||||
section.week-edit section.sidebar section > ul > li.new-module ul.new-dropdown:hover li:first-child, section.week-new section.sidebar section > ul > li.new-module ul.new-dropdown:hover li:first-child {
|
||||
padding-top: 0; }
|
||||
section.week-edit section.sidebar section p, section.week-new section.sidebar section p {
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #666; }
|
||||
section.week-edit section.weeks-content, section.week-new section.weeks-content {
|
||||
width: 65.632%;
|
||||
float: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
section.week-edit section.weeks-content header, section.week-new section.weeks-content header {
|
||||
zoom: 1; }
|
||||
section.week-edit section.weeks-content header:before, section.week-edit section.weeks-content header:after, section.week-new section.weeks-content header:before, section.week-new section.weeks-content header:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
section.week-edit section.weeks-content header:after, section.week-new section.weeks-content header:after {
|
||||
clear: both; }
|
||||
section.week-edit section.weeks-content header h2, section.week-new section.weeks-content header h2 {
|
||||
float: left; }
|
||||
section.week-edit section.weeks-content header form, section.week-new section.weeks-content header form {
|
||||
float: right;
|
||||
margin: -2px 0; }
|
||||
section.week-edit section.weeks-content header form input, section.week-new section.weeks-content header form input {
|
||||
border: 1px solid #000;
|
||||
background: #ddd;
|
||||
padding: 2px 4px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px; }
|
||||
section.week-edit section.weeks-content section.filters, section.week-new section.weeks-content section.filters {
|
||||
border-bottom: 1px solid #999; }
|
||||
section.week-edit section.weeks-content section.filters ul, section.week-new section.weeks-content section.filters ul {
|
||||
zoom: 1;
|
||||
list-style: none;
|
||||
padding: 6px; }
|
||||
section.week-edit section.weeks-content section.filters ul:before, section.week-edit section.weeks-content section.filters ul:after, section.week-new section.weeks-content section.filters ul:before, section.week-new section.weeks-content section.filters ul:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
section.week-edit section.weeks-content section.filters ul:after, section.week-new section.weeks-content section.filters ul:after {
|
||||
clear: both; }
|
||||
section.week-edit section.weeks-content section.filters ul li, section.week-new section.weeks-content section.filters ul li {
|
||||
display: -moz-inline-box;
|
||||
-moz-box-orient: vertical;
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
*vertical-align: auto; }
|
||||
section.week-edit section.weeks-content section.filters ul li.advanced, section.week-new section.weeks-content section.filters ul li.advanced {
|
||||
float: right; }
|
||||
section.week-edit section.weeks-content section.modules ul, section.week-new section.weeks-content section.modules ul {
|
||||
list-style: none; }
|
||||
section.week-edit section.weeks-content section.modules ul li, section.week-new section.weeks-content section.modules ul li {
|
||||
padding: 6px;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
border-bottom: 1px solid #333; }
|
||||
section.week-edit section.weeks-content section.modules ul li a, section.week-new section.weeks-content section.modules ul li a {
|
||||
color: #000; }
|
||||
|
||||
section.video-new, section.video-edit {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
width: 40.32%;
|
||||
-webkit-box-shadow: 0 0 6px #666666;
|
||||
-moz-box-shadow: 0 0 6px #666666;
|
||||
box-shadow: 0 0 6px #666666;
|
||||
border: 1px solid #333;
|
||||
border-right: 0;
|
||||
z-index: 4; }
|
||||
section.video-new > header, section.video-edit > header {
|
||||
background: #666;
|
||||
zoom: 1;
|
||||
color: #fff;
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #333;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
section.video-new > header:before, section.video-new > header:after, section.video-edit > header:before, section.video-edit > header:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
section.video-new > header:after, section.video-edit > header:after {
|
||||
clear: both; }
|
||||
section.video-new > header h2, section.video-edit > header h2 {
|
||||
float: left;
|
||||
font-size: 14px; }
|
||||
section.video-new > header a, section.video-edit > header a {
|
||||
float: right; }
|
||||
section.video-new section ul, section.video-edit section ul {
|
||||
list-style: none; }
|
||||
section.video-new section ul li, section.video-edit section ul li {
|
||||
border-bottom: 1px solid #333;
|
||||
padding: 10px 25px; }
|
||||
|
||||
section.problem-new, section.problem-edit {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
width: 40.32%;
|
||||
-webkit-box-shadow: 0 0 6px #666666;
|
||||
-moz-box-shadow: 0 0 6px #666666;
|
||||
box-shadow: 0 0 6px #666666;
|
||||
border: 1px solid #333;
|
||||
border-right: 0;
|
||||
z-index: 4; }
|
||||
section.problem-new > header, section.problem-edit > header {
|
||||
background: #666;
|
||||
zoom: 1;
|
||||
color: #fff;
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #333;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
section.problem-new > header:before, section.problem-new > header:after, section.problem-edit > header:before, section.problem-edit > header:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
section.problem-new > header:after, section.problem-edit > header:after {
|
||||
clear: both; }
|
||||
section.problem-new > header h2, section.problem-edit > header h2 {
|
||||
float: left;
|
||||
font-size: 14px; }
|
||||
section.problem-new > header a, section.problem-edit > header a {
|
||||
float: right; }
|
||||
section.problem-new section ul, section.problem-edit section ul {
|
||||
list-style: none; }
|
||||
section.problem-new section ul li, section.problem-edit section ul li {
|
||||
border-bottom: 1px solid #333;
|
||||
padding: 10px 25px; }
|
||||
|
||||
body.content section.main-content {
|
||||
border-left: 2px solid #000;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 74.423%;
|
||||
float: left;
|
||||
-webkit-box-shadow: -2px 0 3px #dddddd;
|
||||
-moz-box-shadow: -2px 0 3px #dddddd;
|
||||
box-shadow: -2px 0 3px #dddddd; }
|
||||
196
cms/static/css/ie.css
Normal file
196
cms/static/css/ie.css
Normal file
@@ -0,0 +1,196 @@
|
||||
/* line 12, ../sass/_reset.scss */
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
abbr, address, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, samp,
|
||||
small, strong, sub, sup, var,
|
||||
b, i,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
vertical-align: baseline;
|
||||
background: transparent; }
|
||||
|
||||
/* line 21, ../sass/_reset.scss */
|
||||
html, body {
|
||||
font-size: 100%; }
|
||||
|
||||
/* line 26, ../sass/_reset.scss */
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
|
||||
display: block; }
|
||||
|
||||
/* line 31, ../sass/_reset.scss */
|
||||
audio, canvas, video {
|
||||
display: inline-block; }
|
||||
|
||||
/* line 36, ../sass/_reset.scss */
|
||||
audio:not([controls]) {
|
||||
display: none; }
|
||||
|
||||
/* line 41, ../sass/_reset.scss */
|
||||
[hidden] {
|
||||
display: none; }
|
||||
|
||||
/* line 47, ../sass/_reset.scss */
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%; }
|
||||
|
||||
/* line 54, ../sass/_reset.scss */
|
||||
html, button, input, select, textarea {
|
||||
font-family: sans-serif; }
|
||||
|
||||
/* line 60, ../sass/_reset.scss */
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px; }
|
||||
/* line 69, ../sass/_reset.scss */
|
||||
a:hover, a:active {
|
||||
outline: 0; }
|
||||
|
||||
/* line 75, ../sass/_reset.scss */
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted; }
|
||||
|
||||
/* line 80, ../sass/_reset.scss */
|
||||
b, strong {
|
||||
font-weight: bold; }
|
||||
|
||||
/* line 84, ../sass/_reset.scss */
|
||||
blockquote {
|
||||
margin: 1em 40px; }
|
||||
|
||||
/* line 89, ../sass/_reset.scss */
|
||||
dfn {
|
||||
font-style: italic; }
|
||||
|
||||
/* line 94, ../sass/_reset.scss */
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000; }
|
||||
|
||||
/* line 101, ../sass/_reset.scss */
|
||||
pre, code, kbd, samp {
|
||||
font-family: monospace, serif;
|
||||
_font-family: 'courier new', monospace;
|
||||
font-size: 1em; }
|
||||
|
||||
/* line 108, ../sass/_reset.scss */
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word; }
|
||||
|
||||
/* line 115, ../sass/_reset.scss */
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
/* line 117, ../sass/_reset.scss */
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: '';
|
||||
content: none; }
|
||||
|
||||
/* line 123, ../sass/_reset.scss */
|
||||
small {
|
||||
font-size: 75%; }
|
||||
|
||||
/* line 127, ../sass/_reset.scss */
|
||||
sub, sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline; }
|
||||
|
||||
/* line 134, ../sass/_reset.scss */
|
||||
sup {
|
||||
top: -0.5em; }
|
||||
|
||||
/* line 138, ../sass/_reset.scss */
|
||||
sub {
|
||||
bottom: -0.25em; }
|
||||
|
||||
/* line 143, ../sass/_reset.scss */
|
||||
nav ul, nav ol {
|
||||
list-style: none;
|
||||
list-style-image: none; }
|
||||
|
||||
/* line 150, ../sass/_reset.scss */
|
||||
img {
|
||||
border: 0;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
-ms-interpolation-mode: bicubic; }
|
||||
|
||||
/* line 158, ../sass/_reset.scss */
|
||||
svg:not(:root) {
|
||||
overflow: hidden; }
|
||||
|
||||
/* line 163, ../sass/_reset.scss */
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em; }
|
||||
|
||||
/* line 169, ../sass/_reset.scss */
|
||||
legend {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
white-space: normal; }
|
||||
|
||||
/* line 175, ../sass/_reset.scss */
|
||||
button, input, select, textarea {
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
vertical-align: baseline; }
|
||||
|
||||
/* line 182, ../sass/_reset.scss */
|
||||
button, input {
|
||||
line-height: normal; }
|
||||
|
||||
/* line 186, ../sass/_reset.scss */
|
||||
button, input[type="button"], input[type="reset"], input[type="submit"] {
|
||||
cursor: pointer;
|
||||
-webkit-appearance: button; }
|
||||
|
||||
/* line 192, ../sass/_reset.scss */
|
||||
button[disabled], input[disabled] {
|
||||
cursor: default; }
|
||||
|
||||
/* line 196, ../sass/_reset.scss */
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0; }
|
||||
|
||||
/* line 201, ../sass/_reset.scss */
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
/* line 209, ../sass/_reset.scss */
|
||||
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; }
|
||||
|
||||
/* line 215, ../sass/_reset.scss */
|
||||
button::-moz-focus-inner, input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0; }
|
||||
|
||||
/* line 220, ../sass/_reset.scss */
|
||||
textarea {
|
||||
overflow: auto;
|
||||
vertical-align: top; }
|
||||
|
||||
/* line 226, ../sass/_reset.scss */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
0
cms/static/css/style.css
Normal file
0
cms/static/css/style.css
Normal file
BIN
cms/static/img/indicator.gif
Executable file
BIN
cms/static/img/indicator.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
cms/static/img/video.jpg
Normal file
BIN
cms/static/img/video.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
251
cms/static/js/jquery.inlineedit.js
Executable file
251
cms/static/js/jquery.inlineedit.js
Executable file
@@ -0,0 +1,251 @@
|
||||
/*
|
||||
* jQuery inlineEdit
|
||||
*
|
||||
* Copyright (c) 2009 Ca-Phun Ung <caphun at yelotofu dot com>
|
||||
* Licensed under the MIT (MIT-LICENSE.txt) license.
|
||||
*
|
||||
* http://github.com/caphun/jquery.inlineedit/
|
||||
*
|
||||
* Inline (in-place) editing.
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
// cached values
|
||||
var namespace = '.inlineedit',
|
||||
placeholderClass = 'inlineEdit-placeholder';
|
||||
|
||||
// define inlineEdit method
|
||||
$.fn.inlineEdit = function( options ) {
|
||||
var self = this;
|
||||
|
||||
return this
|
||||
|
||||
.each( function() {
|
||||
$.inlineEdit.getInstance( this, options ).initValue();
|
||||
})
|
||||
|
||||
.live( ['click', 'mouseenter','mouseleave'].join(namespace+' '), function( event ) {
|
||||
|
||||
var widget = $.inlineEdit.getInstance( this, options ),
|
||||
editableElement = widget.element.find( widget.options.control ),
|
||||
mutated = !!editableElement.length;
|
||||
|
||||
widget.element.removeClass( widget.options.hover );
|
||||
|
||||
if ( event.target !== editableElement[0] ) {
|
||||
switch ( event.type ) {
|
||||
case 'click':
|
||||
widget[ mutated ? 'mutate' : 'init' ]();
|
||||
break;
|
||||
|
||||
case 'mouseover': // jquery 1.4.x
|
||||
case 'mouseout': // jquery 1.4.x
|
||||
case 'mouseenter':
|
||||
case 'mouseleave':
|
||||
if ( !mutated ) {
|
||||
widget.hoverClassChange( event );
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
// plugin constructor
|
||||
$.inlineEdit = function( elem, options ) {
|
||||
|
||||
// deep extend
|
||||
this.options = $.extend( true, {}, $.inlineEdit.defaults, options );
|
||||
|
||||
// the original element
|
||||
this.element = $( elem );
|
||||
|
||||
}
|
||||
|
||||
// plugin instance
|
||||
$.inlineEdit.getInstance = function( elem, options ) {
|
||||
return ( $.inlineEdit.initialised( elem ) )
|
||||
? $( elem ).data( 'widget' + namespace )
|
||||
: new $.inlineEdit( elem, options );
|
||||
}
|
||||
|
||||
// check if plugin initialised
|
||||
$.inlineEdit.initialised = function( elem ) {
|
||||
var init = $( elem ).data( 'init' + namespace );
|
||||
return init !== undefined && init !== null ? true : false;
|
||||
}
|
||||
|
||||
// plugin defaults
|
||||
$.inlineEdit.defaults = {
|
||||
hover: 'ui-state-hover',
|
||||
value: '',
|
||||
save: '',
|
||||
buttons: '<button class="save">✔</button> <button class="cancel">✘</button>',
|
||||
placeholder: 'Click to edit',
|
||||
control: 'input',
|
||||
cancelOnBlur: false,
|
||||
saveOnBlur: false
|
||||
};
|
||||
|
||||
// plugin prototypes
|
||||
$.inlineEdit.prototype = {
|
||||
|
||||
// initialisation
|
||||
init: function() {
|
||||
|
||||
// set initialise flag
|
||||
this.element.data( 'init' + namespace, true );
|
||||
|
||||
// initialise value
|
||||
this.initValue();
|
||||
|
||||
// mutate
|
||||
this.mutate();
|
||||
|
||||
// save widget data
|
||||
this.element.data( 'widget' + namespace, this );
|
||||
|
||||
},
|
||||
|
||||
initValue: function() {
|
||||
this.value( $.trim( this.element.text() ) || this.options.value );
|
||||
|
||||
if ( !this.value() ) {
|
||||
this.element.html( $( this.placeholderHtml() ) );
|
||||
} else if ( this.options.value ) {
|
||||
this.element.html( this.options.value );
|
||||
}
|
||||
},
|
||||
|
||||
mutate: function() {
|
||||
var self = this;
|
||||
|
||||
return self
|
||||
.element
|
||||
.html( self.mutatedHtml( self.value() ) )
|
||||
.find( 'button.save' )
|
||||
.bind( 'click', function( event ) {
|
||||
self.save( self.element, event );
|
||||
self.change( self.element, event );
|
||||
return false;
|
||||
})
|
||||
.end()
|
||||
.find( 'button.cancel' )
|
||||
.bind( 'click', function( event ) {
|
||||
self.change( self.element, event );
|
||||
return false;
|
||||
})
|
||||
.end()
|
||||
.find( self.options.control )
|
||||
.bind( 'blur', function( event ) {
|
||||
if (self.options.cancelOnBlur === true)
|
||||
self.change( self.element, event );
|
||||
else if (self.options.saveOnBlur == true){
|
||||
self.save( self.element, event );
|
||||
self.change( self.element, event );
|
||||
}
|
||||
})
|
||||
.bind( 'keyup', function( event ) {
|
||||
switch ( event.keyCode ) {
|
||||
case 13: // save on ENTER
|
||||
if (self.options.control !== 'textarea') {
|
||||
self.save( self.element, event );
|
||||
self.change( self.element, event );
|
||||
}
|
||||
break;
|
||||
case 27: // cancel on ESC
|
||||
self.change( self.element, event );
|
||||
break;
|
||||
}
|
||||
})
|
||||
.focus()
|
||||
.end();
|
||||
},
|
||||
|
||||
value: function( newValue ) {
|
||||
if ( arguments.length ) {
|
||||
var value = newValue === this.options.placeholder ? '' : newValue;
|
||||
this.element.data( 'value' + namespace, $( '.' + placeholderClass, this ).length ? '' : value && this.encodeHtml( value.replace( /\n/g,"<br />" ) ) );
|
||||
}
|
||||
return this.element.data( 'value' + namespace );
|
||||
},
|
||||
|
||||
mutatedHtml: function( value ) {
|
||||
return this.controls[ this.options.control ].call( this, value );
|
||||
},
|
||||
|
||||
placeholderHtml: function() {
|
||||
return '<span class="'+ placeholderClass +'">'+ this.options.placeholder +'</span>';
|
||||
},
|
||||
|
||||
buttonHtml: function( options ) {
|
||||
var o = $.extend({}, {
|
||||
before: ' ',
|
||||
buttons: this.options.buttons,
|
||||
after: ''
|
||||
}, options);
|
||||
|
||||
return o.before + o.buttons + o.after;
|
||||
},
|
||||
|
||||
save: function( elem, event ) {
|
||||
var $control = this.element.find( this.options.control ),
|
||||
hash = {
|
||||
value: this.encodeHtml( $control.val() )
|
||||
};
|
||||
|
||||
// save value back to control to avoid XSS
|
||||
$control.val(hash.value);
|
||||
|
||||
if ( ( $.isFunction( this.options.save ) && this.options.save.call( this.element[0], event, hash ) ) !== false || !this.options.save ) {
|
||||
this.value( hash.value );
|
||||
}
|
||||
},
|
||||
|
||||
change: function( elem, event ) {
|
||||
var self = this;
|
||||
|
||||
if ( this.timer ) {
|
||||
window.clearTimeout( this.timer );
|
||||
}
|
||||
|
||||
this.timer = window.setTimeout( function() {
|
||||
self.element.html( self.value() || self.placeholderHtml() );
|
||||
self.element.removeClass( self.options.hover );
|
||||
}, 200 );
|
||||
|
||||
},
|
||||
|
||||
controls: {
|
||||
textarea: function( value ) {
|
||||
return '<textarea>'+ value.replace(/<br\s?\/?>/g,"\n") +'</textarea>' + this.buttonHtml( { before: '<br />' } );
|
||||
},
|
||||
input: function( value ) {
|
||||
return '<input type="text" value="'+ value.replace(/(\u0022)+/g, '') +'">' + this.buttonHtml();
|
||||
}
|
||||
},
|
||||
|
||||
hoverClassChange: function( event ) {
|
||||
$( event.target )[ /mouseover|mouseenter/.test( event.type ) ? 'addClass':'removeClass']( this.options.hover );
|
||||
},
|
||||
|
||||
encodeHtml: function( s ) {
|
||||
var encoding = [
|
||||
{key: /</g, value: '<'},
|
||||
{key: />/g, value: '>'},
|
||||
{key: /"/g, value: '"'}
|
||||
],
|
||||
value = s;
|
||||
|
||||
$.each(encoding, function(i,n) {
|
||||
value = value.replace(n.key, n.value);
|
||||
});
|
||||
|
||||
return value;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
5
cms/static/js/jquery.leanModal.min.js
vendored
Normal file
5
cms/static/js/jquery.leanModal.min.js
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
// leanModal v1.1 by Ray Stone - http://finelysliced.com.au
|
||||
// Dual licensed under the MIT and GPL
|
||||
|
||||
(function($){$.fn.extend({leanModal:function(options){var defaults={top:100,overlay:0.5,closeButton:null};var overlay=$("<div id='lean_overlay'></div>");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#lean_overlay").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_width=$(modal_id).outerWidth();
|
||||
$("#lean_overlay").css({"display":"block",opacity:0});$("#lean_overlay").fadeTo(200,o.overlay);$(modal_id).css({"display":"block","position":"fixed","opacity":0,"z-index":11000,"left":50+"%","margin-left":-(modal_width/2)+"px","top":o.top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function close_modal(modal_id){$("#lean_overlay").fadeOut(200);$(modal_id).css({"display":"none"})}}})})(jQuery);
|
||||
257
cms/static/js/jquery.tablednd.js
Normal file
257
cms/static/js/jquery.tablednd.js
Normal file
@@ -0,0 +1,257 @@
|
||||
|
||||
jQuery.tableDnD = {
|
||||
/** Keep hold of the current table being dragged */
|
||||
currentTable : null,
|
||||
/** Keep hold of the current drag object if any */
|
||||
dragObject: null,
|
||||
/** The current mouse offset */
|
||||
mouseOffset: null,
|
||||
/** Remember the old value of Y so that we don't do too much processing */
|
||||
oldY: 0,
|
||||
|
||||
/** Actually build the structure */
|
||||
build: function(options) {
|
||||
// Make sure options exists
|
||||
options = options || {};
|
||||
// Set up the defaults if any
|
||||
|
||||
this.each(function() {
|
||||
// Remember the options
|
||||
this.tableDnDConfig = {
|
||||
onDragStyle: options.onDragStyle,
|
||||
onDropStyle: options.onDropStyle,
|
||||
// Add in the default class for whileDragging
|
||||
onDragClass: options.onDragClass ? options.onDragClass : "dragged",
|
||||
onDrop: options.onDrop,
|
||||
onDragStart: options.onDragStart,
|
||||
scrollAmount: options.scrollAmount ? options.scrollAmount : 5
|
||||
};
|
||||
// Now make the rows draggable
|
||||
jQuery.tableDnD.makeDraggable(this);
|
||||
});
|
||||
|
||||
// Now we need to capture the mouse up and mouse move event
|
||||
// We can use bind so that we don't interfere with other event handlers
|
||||
jQuery(document)
|
||||
.bind('mousemove', jQuery.tableDnD.mousemove)
|
||||
.bind('mouseup', jQuery.tableDnD.mouseup);
|
||||
|
||||
// Don't break the chain
|
||||
return this;
|
||||
},
|
||||
|
||||
/** This function makes all the rows on the table draggable apart from those marked as "NoDrag" */
|
||||
makeDraggable: function(table) {
|
||||
// Now initialise the rows
|
||||
var rows = table.rows; //getElementsByTagName("tr")
|
||||
var config = table.tableDnDConfig;
|
||||
for (var i=0; i<rows.length; i++) {
|
||||
// To make non-draggable rows, add the nodrag class (eg for Category and Header rows)
|
||||
// inspired by John Tarr and Famic
|
||||
var nodrag = $(rows[i]).hasClass("nodrag");
|
||||
if (! nodrag) { //There is no NoDnD attribute on rows I want to drag
|
||||
jQuery(rows[i]).mousedown(function(ev) {
|
||||
if (ev.target.tagName == "TD") {
|
||||
jQuery.tableDnD.dragObject = this;
|
||||
jQuery.tableDnD.currentTable = table;
|
||||
jQuery.tableDnD.mouseOffset = jQuery.tableDnD.getMouseOffset(this, ev);
|
||||
if (config.onDragStart) {
|
||||
// Call the onDrop method if there is one
|
||||
config.onDragStart(table, this);
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}).css("cursor", "move"); // Store the tableDnD object
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/** Get the mouse coordinates from the event (allowing for browser differences) */
|
||||
mouseCoords: function(ev){
|
||||
if(ev.pageX || ev.pageY){
|
||||
return {x:ev.pageX, y:ev.pageY};
|
||||
}
|
||||
return {
|
||||
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
|
||||
y:ev.clientY + document.body.scrollTop - document.body.clientTop
|
||||
};
|
||||
},
|
||||
|
||||
/** Given a target element and a mouse event, get the mouse offset from that element.
|
||||
To do this we need the element's position and the mouse position */
|
||||
getMouseOffset: function(target, ev) {
|
||||
ev = ev || window.event;
|
||||
|
||||
var docPos = this.getPosition(target);
|
||||
var mousePos = this.mouseCoords(ev);
|
||||
return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
|
||||
},
|
||||
|
||||
/** Get the position of an element by going up the DOM tree and adding up all the offsets */
|
||||
getPosition: function(e){
|
||||
var left = 0;
|
||||
var top = 0;
|
||||
/** Safari fix -- thanks to Luis Chato for this! */
|
||||
if (e.offsetHeight == 0) {
|
||||
/** Safari 2 doesn't correctly grab the offsetTop of a table row
|
||||
this is detailed here:
|
||||
http://jacob.peargrove.com/blog/2006/technical/table-row-offsettop-bug-in-safari/
|
||||
the solution is likewise noted there, grab the offset of a table cell in the row - the firstChild.
|
||||
note that firefox will return a text node as a first child, so designing a more thorough
|
||||
solution may need to take that into account, for now this seems to work in firefox, safari, ie */
|
||||
e = e.firstChild; // a table cell
|
||||
}
|
||||
|
||||
while (e.offsetParent){
|
||||
left += e.offsetLeft;
|
||||
top += e.offsetTop;
|
||||
e = e.offsetParent;
|
||||
}
|
||||
|
||||
left += e.offsetLeft;
|
||||
top += e.offsetTop;
|
||||
|
||||
return {x:left, y:top};
|
||||
},
|
||||
|
||||
mousemove: function(ev) {
|
||||
if (jQuery.tableDnD.dragObject == null) {
|
||||
return;
|
||||
}
|
||||
|
||||
var dragObj = jQuery(jQuery.tableDnD.dragObject);
|
||||
var config = jQuery.tableDnD.currentTable.tableDnDConfig;
|
||||
var mousePos = jQuery.tableDnD.mouseCoords(ev);
|
||||
var y = mousePos.y - jQuery.tableDnD.mouseOffset.y;
|
||||
//auto scroll the window
|
||||
var yOffset = window.pageYOffset;
|
||||
if (document.all) {
|
||||
// Windows version
|
||||
//yOffset=document.body.scrollTop;
|
||||
if (typeof document.compatMode != 'undefined' &&
|
||||
document.compatMode != 'BackCompat') {
|
||||
yOffset = document.documentElement.scrollTop;
|
||||
}
|
||||
else if (typeof document.body != 'undefined') {
|
||||
yOffset=document.body.scrollTop;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (mousePos.y-yOffset < config.scrollAmount) {
|
||||
window.scrollBy(0, -config.scrollAmount);
|
||||
} else {
|
||||
var windowHeight = window.innerHeight ? window.innerHeight
|
||||
: document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
|
||||
if (windowHeight-(mousePos.y-yOffset) < config.scrollAmount) {
|
||||
window.scrollBy(0, config.scrollAmount);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (y != jQuery.tableDnD.oldY) {
|
||||
// work out if we're going up or down...
|
||||
var movingDown = y > jQuery.tableDnD.oldY;
|
||||
// update the old value
|
||||
jQuery.tableDnD.oldY = y;
|
||||
// update the style to show we're dragging
|
||||
if (config.onDragClass) {
|
||||
dragObj.addClass(config.onDragClass);
|
||||
} else {
|
||||
dragObj.css(config.onDragStyle);
|
||||
}
|
||||
// If we're over a row then move the dragged row to there so that the user sees the
|
||||
// effect dynamically
|
||||
var currentRow = jQuery.tableDnD.findDropTargetRow(dragObj, y);
|
||||
if (currentRow) {
|
||||
// TODO worry about what happens when there are multiple TBODIES
|
||||
if (movingDown && jQuery.tableDnD.dragObject != currentRow) {
|
||||
jQuery.tableDnD.dragObject.parentNode.insertBefore(jQuery.tableDnD.dragObject, currentRow.nextSibling);
|
||||
} else if (! movingDown && jQuery.tableDnD.dragObject != currentRow) {
|
||||
jQuery.tableDnD.dragObject.parentNode.insertBefore(jQuery.tableDnD.dragObject, currentRow);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
/** We're only worried about the y position really, because we can only move rows up and down */
|
||||
findDropTargetRow: function(draggedRow, y) {
|
||||
var rows = jQuery.tableDnD.currentTable.rows;
|
||||
for (var i=0; i<rows.length; i++) {
|
||||
var row = rows[i];
|
||||
var rowY = this.getPosition(row).y;
|
||||
var rowHeight = parseInt(row.offsetHeight)/2;
|
||||
if (row.offsetHeight == 0) {
|
||||
rowY = this.getPosition(row.firstChild).y;
|
||||
rowHeight = parseInt(row.firstChild.offsetHeight)/2;
|
||||
}
|
||||
// Because we always have to insert before, we need to offset the height a bit
|
||||
if ((y > rowY - rowHeight) && (y < (rowY + rowHeight))) {
|
||||
// that's the row we're over
|
||||
// If it's the same as the current row, ignore it
|
||||
if (row == draggedRow) {return null;}
|
||||
var config = jQuery.tableDnD.currentTable.tableDnDConfig;
|
||||
if (config.onAllowDrop) {
|
||||
if (config.onAllowDrop(draggedRow, row)) {
|
||||
return row;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
} else {
|
||||
// If a row has nodrop class, then don't allow dropping (inspired by John Tarr and Famic)
|
||||
var nodrop = $(row).hasClass("nodrop");
|
||||
if (! nodrop) {
|
||||
return row;
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
return row;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
},
|
||||
|
||||
mouseup: function(e) {
|
||||
if (jQuery.tableDnD.currentTable && jQuery.tableDnD.dragObject) {
|
||||
var droppedRow = jQuery.tableDnD.dragObject;
|
||||
var config = jQuery.tableDnD.currentTable.tableDnDConfig;
|
||||
// If we have a dragObject, then we need to release it,
|
||||
// The row will already have been moved to the right place so we just reset stuff
|
||||
if (config.onDragClass) {
|
||||
jQuery(droppedRow).removeClass(config.onDragClass);
|
||||
} else {
|
||||
jQuery(droppedRow).css(config.onDropStyle);
|
||||
}
|
||||
jQuery.tableDnD.dragObject = null;
|
||||
if (config.onDrop) {
|
||||
// Call the onDrop method if there is one
|
||||
config.onDrop(jQuery.tableDnD.currentTable, droppedRow);
|
||||
}
|
||||
jQuery.tableDnD.currentTable = null; // let go of the table too
|
||||
}
|
||||
},
|
||||
|
||||
serialize: function() {
|
||||
if (jQuery.tableDnD.currentTable) {
|
||||
var result = "";
|
||||
var tableId = jQuery.tableDnD.currentTable.id;
|
||||
var rows = jQuery.tableDnD.currentTable.rows;
|
||||
for (var i=0; i<rows.length; i++) {
|
||||
if (result.length > 0) result += "&";
|
||||
result += tableId + '[]=' + rows[i].id;
|
||||
}
|
||||
return result;
|
||||
} else {
|
||||
return "Error: No Table id set, you need to set an id on your table and every row";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
jQuery.fn.extend(
|
||||
{
|
||||
tableDnD : jQuery.tableDnD.build
|
||||
}
|
||||
);
|
||||
159
cms/static/js/main.js
Normal file
159
cms/static/js/main.js
Normal file
@@ -0,0 +1,159 @@
|
||||
$(document).ready(function(){
|
||||
$('section.main-content').children().hide();
|
||||
|
||||
$(function(){
|
||||
$('.editable').inlineEdit();
|
||||
$('.editable-textarea').inlineEdit({control: 'textarea'});
|
||||
});
|
||||
|
||||
// $("a[rel*=leanModal]").leanModal();
|
||||
|
||||
// $(".remove").click(function(){
|
||||
// $(this).parents('li').hide();
|
||||
// });
|
||||
|
||||
// $("#show-sidebar").click(function(){
|
||||
// $("#video-selector").toggleClass('hidden');
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('.use-video').click(function() {
|
||||
// var used = $('#used');
|
||||
// if (used.is(':visible')) {
|
||||
// used.hide().show('slow');
|
||||
// }
|
||||
// used.show();
|
||||
// $('.no-video').hide();
|
||||
// });
|
||||
|
||||
// $('.remove-video').click(function() {
|
||||
// $('#used').hide();
|
||||
// $('.no-video').show();
|
||||
// });
|
||||
|
||||
// $('#new-upload').click(function() {
|
||||
// $('.selected-files').toggle();
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// /* $('.block').append('<a href=\"#\" class=\"delete\">✕<\/a>'); */
|
||||
|
||||
// $('a.delete').click(function() {
|
||||
// $(this).parents('.block').hide();
|
||||
// });
|
||||
|
||||
// $('.speed-list > li').hover(function(){
|
||||
// $(this).children('.tooltip').toggle();
|
||||
// });
|
||||
|
||||
// $('.delete-speed').click(function(){
|
||||
// $(this).parents('li.speed').hide();
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('.edit-captions').click(function(){
|
||||
// var parentVid = $(this).parents('div');
|
||||
// parentVid.siblings('div.caption-box').toggle();
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('.close-box').click(function(){
|
||||
// $(this).parents('.caption-box').hide();
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('ul.dropdown').hide();
|
||||
// $('li.questions').click(function() {
|
||||
// $('ul.dropdown').toggle();
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('#mchoice').click(function(){
|
||||
// $('div.used').append($('<div class="block question">').load("/widgets/multi-choice.html"));
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('#text').click(function(){
|
||||
// $('div.used').append($('<div class="block text">').load("/widgets/text.html"));
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('#numerical').click(function(){
|
||||
// $('div.used').append($('<div class="block question">').load("/widgets/text-question.html"));
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('#equation').click(function(){
|
||||
// $('div.used').append($('<div class="block latex">').load("/widgets/latex-equation.html"));
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $('#script').click(function(){
|
||||
// $('div.used').append($('<div class="block code">').load("/widgets/script-widget.html"));
|
||||
// return false;
|
||||
// });
|
||||
|
||||
// $("#mark").markItUp(myWikiSettings);
|
||||
|
||||
|
||||
var heighest = 0;
|
||||
$('.cal ol > li').each(function(){
|
||||
heighest = ($(this).height() > heighest) ? $(this).height() : heighest;
|
||||
|
||||
});
|
||||
|
||||
$('.cal ol > li').css('height',heighest + 'px');
|
||||
|
||||
$('.new-week').hide();
|
||||
$('.add-new-week').click(function() {
|
||||
$(this).hide();
|
||||
$('.new-week').show();
|
||||
return false;
|
||||
});
|
||||
|
||||
$('.new-week .close').click( function(){
|
||||
$(this).parents('.new-week').hide();
|
||||
$('p.add-new-week').show();
|
||||
return false;
|
||||
});
|
||||
|
||||
var windowHeight = $(window).resize().height();
|
||||
|
||||
$('.sidebar').css('height', windowHeight);
|
||||
|
||||
$('.edit-week').click( function() {
|
||||
$('body').addClass('content');
|
||||
$('body.content .cal').css('height', windowHeight);
|
||||
$('section.week-new').show();
|
||||
return false;
|
||||
});
|
||||
|
||||
$('.cal ol li header h1 a').click( function() {
|
||||
$('body').addClass('content');
|
||||
$('body.content .cal').css('height', windowHeight);
|
||||
$('section.week-edit').show();
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
$('.video-new a').click(function(){
|
||||
$('section.video-new').show();
|
||||
return false;
|
||||
});
|
||||
|
||||
$('.video-edit a').click(function(){
|
||||
$('section.video-edit').show();
|
||||
return false;
|
||||
});
|
||||
|
||||
$('.problem-new a').click(function(){
|
||||
$('section.problem-new').show();
|
||||
return false;
|
||||
});
|
||||
|
||||
$('.problem-edit a').click(function(){
|
||||
$('section.problem-edit').show();
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
593
cms/static/js/markitup/jquery.markitup.js
Normal file
593
cms/static/js/markitup/jquery.markitup.js
Normal file
@@ -0,0 +1,593 @@
|
||||
// ----------------------------------------------------------------------------
|
||||
// markItUp! Universal MarkUp Engine, JQuery plugin
|
||||
// v 1.1.x
|
||||
// Dual licensed under the MIT and GPL licenses.
|
||||
// ----------------------------------------------------------------------------
|
||||
// Copyright (C) 2007-2011 Jay Salvat
|
||||
// http://markitup.jaysalvat.com/
|
||||
// ----------------------------------------------------------------------------
|
||||
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
// of this software and associated documentation files (the "Software"), to deal
|
||||
// in the Software without restriction, including without limitation the rights
|
||||
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
// copies of the Software, and to permit persons to whom the Software is
|
||||
// furnished to do so, subject to the following conditions:
|
||||
//
|
||||
// The above copyright notice and this permission notice shall be included in
|
||||
// all copies or substantial portions of the Software.
|
||||
//
|
||||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
// THE SOFTWARE.
|
||||
// ----------------------------------------------------------------------------
|
||||
(function($) {
|
||||
$.fn.markItUp = function(settings, extraSettings) {
|
||||
var options, ctrlKey, shiftKey, altKey;
|
||||
ctrlKey = shiftKey = altKey = false;
|
||||
|
||||
options = { id: '',
|
||||
nameSpace: '',
|
||||
root: '',
|
||||
previewInWindow: '', // 'width=800, height=600, resizable=yes, scrollbars=yes'
|
||||
previewAutoRefresh: true,
|
||||
previewPosition: 'after',
|
||||
previewTemplatePath: '~/templates/preview.html',
|
||||
previewParser: false,
|
||||
previewParserPath: '',
|
||||
previewParserVar: 'data',
|
||||
resizeHandle: true,
|
||||
beforeInsert: '',
|
||||
afterInsert: '',
|
||||
onEnter: {},
|
||||
onShiftEnter: {},
|
||||
onCtrlEnter: {},
|
||||
onTab: {},
|
||||
markupSet: [ { /* set */ } ]
|
||||
};
|
||||
$.extend(options, settings, extraSettings);
|
||||
|
||||
// compute markItUp! path
|
||||
if (!options.root) {
|
||||
$('script').each(function(a, tag) {
|
||||
miuScript = $(tag).get(0).src.match(/(.*)jquery\.markitup(\.pack)?\.js$/);
|
||||
if (miuScript !== null) {
|
||||
options.root = miuScript[1];
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return this.each(function() {
|
||||
var $$, textarea, levels, scrollPosition, caretPosition, caretOffset,
|
||||
clicked, hash, header, footer, previewWindow, template, iFrame, abort;
|
||||
$$ = $(this);
|
||||
textarea = this;
|
||||
levels = [];
|
||||
abort = false;
|
||||
scrollPosition = caretPosition = 0;
|
||||
caretOffset = -1;
|
||||
|
||||
options.previewParserPath = localize(options.previewParserPath);
|
||||
options.previewTemplatePath = localize(options.previewTemplatePath);
|
||||
|
||||
// apply the computed path to ~/
|
||||
function localize(data, inText) {
|
||||
if (inText) {
|
||||
return data.replace(/("|')~\//g, "$1"+options.root);
|
||||
}
|
||||
return data.replace(/^~\//, options.root);
|
||||
}
|
||||
|
||||
// init and build editor
|
||||
function init() {
|
||||
id = ''; nameSpace = '';
|
||||
if (options.id) {
|
||||
id = 'id="'+options.id+'"';
|
||||
} else if ($$.attr("id")) {
|
||||
id = 'id="markItUp'+($$.attr("id").substr(0, 1).toUpperCase())+($$.attr("id").substr(1))+'"';
|
||||
|
||||
}
|
||||
if (options.nameSpace) {
|
||||
nameSpace = 'class="'+options.nameSpace+'"';
|
||||
}
|
||||
$$.wrap('<div '+nameSpace+'></div>');
|
||||
$$.wrap('<div '+id+' class="markItUp"></div>');
|
||||
$$.wrap('<div class="markItUpContainer"></div>');
|
||||
$$.addClass("markItUpEditor");
|
||||
|
||||
// add the header before the textarea
|
||||
header = $('<div class="markItUpHeader"></div>').insertBefore($$);
|
||||
$(dropMenus(options.markupSet)).appendTo(header);
|
||||
|
||||
// add the footer after the textarea
|
||||
footer = $('<div class="markItUpFooter"></div>').insertAfter($$);
|
||||
|
||||
// add the resize handle after textarea
|
||||
if (options.resizeHandle === true && $.browser.safari !== true) {
|
||||
resizeHandle = $('<div class="markItUpResizeHandle"></div>')
|
||||
.insertAfter($$)
|
||||
.bind("mousedown", function(e) {
|
||||
var h = $$.height(), y = e.clientY, mouseMove, mouseUp;
|
||||
mouseMove = function(e) {
|
||||
$$.css("height", Math.max(20, e.clientY+h-y)+"px");
|
||||
return false;
|
||||
};
|
||||
mouseUp = function(e) {
|
||||
$("html").unbind("mousemove", mouseMove).unbind("mouseup", mouseUp);
|
||||
return false;
|
||||
};
|
||||
$("html").bind("mousemove", mouseMove).bind("mouseup", mouseUp);
|
||||
});
|
||||
footer.append(resizeHandle);
|
||||
}
|
||||
|
||||
// listen key events
|
||||
$$.keydown(keyPressed).keyup(keyPressed);
|
||||
|
||||
// bind an event to catch external calls
|
||||
$$.bind("insertion", function(e, settings) {
|
||||
if (settings.target !== false) {
|
||||
get();
|
||||
}
|
||||
if (textarea === $.markItUp.focused) {
|
||||
markup(settings);
|
||||
}
|
||||
});
|
||||
|
||||
// remember the last focus
|
||||
$$.focus(function() {
|
||||
$.markItUp.focused = this;
|
||||
});
|
||||
}
|
||||
|
||||
// recursively build header with dropMenus from markupset
|
||||
function dropMenus(markupSet) {
|
||||
var ul = $('<ul></ul>'), i = 0;
|
||||
$('li:hover > ul', ul).css('display', 'block');
|
||||
$.each(markupSet, function() {
|
||||
var button = this, t = '', title, li, j;
|
||||
title = (button.key) ? (button.name||'')+' [Ctrl+'+button.key+']' : (button.name||'');
|
||||
key = (button.key) ? 'accesskey="'+button.key+'"' : '';
|
||||
if (button.separator) {
|
||||
li = $('<li class="markItUpSeparator">'+(button.separator||'')+'</li>').appendTo(ul);
|
||||
} else {
|
||||
i++;
|
||||
for (j = levels.length -1; j >= 0; j--) {
|
||||
t += levels[j]+"-";
|
||||
}
|
||||
li = $('<li class="markItUpButton markItUpButton'+t+(i)+' '+(button.className||'')+'"><a href="" '+key+' title="'+title+'">'+(button.name||'')+'</a></li>')
|
||||
.bind("contextmenu", function() { // prevent contextmenu on mac and allow ctrl+click
|
||||
return false;
|
||||
}).click(function() {
|
||||
return false;
|
||||
}).bind("focusin", function(){
|
||||
$$.focus();
|
||||
}).mouseup(function() {
|
||||
if (button.call) {
|
||||
eval(button.call)();
|
||||
}
|
||||
setTimeout(function() { markup(button) },1);
|
||||
return false;
|
||||
}).hover(function() {
|
||||
$('> ul', this).show();
|
||||
$(document).one('click', function() { // close dropmenu if click outside
|
||||
$('ul ul', header).hide();
|
||||
}
|
||||
);
|
||||
}, function() {
|
||||
$('> ul', this).hide();
|
||||
}
|
||||
).appendTo(ul);
|
||||
if (button.dropMenu) {
|
||||
levels.push(i);
|
||||
$(li).addClass('markItUpDropMenu').append(dropMenus(button.dropMenu));
|
||||
}
|
||||
}
|
||||
});
|
||||
levels.pop();
|
||||
return ul;
|
||||
}
|
||||
|
||||
// markItUp! markups
|
||||
function magicMarkups(string) {
|
||||
if (string) {
|
||||
string = string.toString();
|
||||
string = string.replace(/\(\!\(([\s\S]*?)\)\!\)/g,
|
||||
function(x, a) {
|
||||
var b = a.split('|!|');
|
||||
if (altKey === true) {
|
||||
return (b[1] !== undefined) ? b[1] : b[0];
|
||||
} else {
|
||||
return (b[1] === undefined) ? "" : b[0];
|
||||
}
|
||||
}
|
||||
);
|
||||
// [![prompt]!], [![prompt:!:value]!]
|
||||
string = string.replace(/\[\!\[([\s\S]*?)\]\!\]/g,
|
||||
function(x, a) {
|
||||
var b = a.split(':!:');
|
||||
if (abort === true) {
|
||||
return false;
|
||||
}
|
||||
value = prompt(b[0], (b[1]) ? b[1] : '');
|
||||
if (value === null) {
|
||||
abort = true;
|
||||
}
|
||||
return value;
|
||||
}
|
||||
);
|
||||
return string;
|
||||
}
|
||||
return "";
|
||||
}
|
||||
|
||||
// prepare action
|
||||
function prepare(action) {
|
||||
if ($.isFunction(action)) {
|
||||
action = action(hash);
|
||||
}
|
||||
return magicMarkups(action);
|
||||
}
|
||||
|
||||
// build block to insert
|
||||
function build(string) {
|
||||
var openWith = prepare(clicked.openWith);
|
||||
var placeHolder = prepare(clicked.placeHolder);
|
||||
var replaceWith = prepare(clicked.replaceWith);
|
||||
var closeWith = prepare(clicked.closeWith);
|
||||
var openBlockWith = prepare(clicked.openBlockWith);
|
||||
var closeBlockWith = prepare(clicked.closeBlockWith);
|
||||
var multiline = clicked.multiline;
|
||||
|
||||
if (replaceWith !== "") {
|
||||
block = openWith + replaceWith + closeWith;
|
||||
} else if (selection === '' && placeHolder !== '') {
|
||||
block = openWith + placeHolder + closeWith;
|
||||
} else {
|
||||
string = string || selection;
|
||||
|
||||
var lines = selection.split(/\r?\n/), blocks = [];
|
||||
|
||||
for (var l=0; l < lines.length; l++) {
|
||||
line = lines[l];
|
||||
var trailingSpaces;
|
||||
if (trailingSpaces = line.match(/ *$/)) {
|
||||
blocks.push(openWith + line.replace(/ *$/g, '') + closeWith + trailingSpaces);
|
||||
} else {
|
||||
blocks.push(openWith + line + closeWith);
|
||||
}
|
||||
}
|
||||
|
||||
block = blocks.join("\n");
|
||||
}
|
||||
|
||||
block = openBlockWith + block + closeBlockWith;
|
||||
|
||||
return { block:block,
|
||||
openWith:openWith,
|
||||
replaceWith:replaceWith,
|
||||
placeHolder:placeHolder,
|
||||
closeWith:closeWith
|
||||
};
|
||||
}
|
||||
|
||||
// define markup to insert
|
||||
function markup(button) {
|
||||
var len, j, n, i;
|
||||
hash = clicked = button;
|
||||
get();
|
||||
$.extend(hash, { line:"",
|
||||
root:options.root,
|
||||
textarea:textarea,
|
||||
selection:(selection||''),
|
||||
caretPosition:caretPosition,
|
||||
ctrlKey:ctrlKey,
|
||||
shiftKey:shiftKey,
|
||||
altKey:altKey
|
||||
}
|
||||
);
|
||||
// callbacks before insertion
|
||||
prepare(options.beforeInsert);
|
||||
prepare(clicked.beforeInsert);
|
||||
if ((ctrlKey === true && shiftKey === true) || button.multiline === true) {
|
||||
prepare(clicked.beforeMultiInsert);
|
||||
}
|
||||
$.extend(hash, { line:1 });
|
||||
|
||||
if ((ctrlKey === true && shiftKey === true)) {
|
||||
lines = selection.split(/\r?\n/);
|
||||
for (j = 0, n = lines.length, i = 0; i < n; i++) {
|
||||
if ($.trim(lines[i]) !== '') {
|
||||
$.extend(hash, { line:++j, selection:lines[i] } );
|
||||
lines[i] = build(lines[i]).block;
|
||||
} else {
|
||||
lines[i] = "";
|
||||
}
|
||||
}
|
||||
string = { block:lines.join('\n')};
|
||||
start = caretPosition;
|
||||
len = string.block.length + (($.browser.opera) ? n-1 : 0);
|
||||
} else if (ctrlKey === true) {
|
||||
string = build(selection);
|
||||
start = caretPosition + string.openWith.length;
|
||||
len = string.block.length - string.openWith.length - string.closeWith.length;
|
||||
len = len - (string.block.match(/ $/) ? 1 : 0);
|
||||
len -= fixIeBug(string.block);
|
||||
} else if (shiftKey === true) {
|
||||
string = build(selection);
|
||||
start = caretPosition;
|
||||
len = string.block.length;
|
||||
len -= fixIeBug(string.block);
|
||||
} else {
|
||||
string = build(selection);
|
||||
start = caretPosition + string.block.length ;
|
||||
len = 0;
|
||||
start -= fixIeBug(string.block);
|
||||
}
|
||||
if ((selection === '' && string.replaceWith === '')) {
|
||||
caretOffset += fixOperaBug(string.block);
|
||||
|
||||
start = caretPosition + string.openWith.length;
|
||||
len = string.block.length - string.openWith.length - string.closeWith.length;
|
||||
|
||||
caretOffset = $$.val().substring(caretPosition, $$.val().length).length;
|
||||
caretOffset -= fixOperaBug($$.val().substring(0, caretPosition));
|
||||
}
|
||||
$.extend(hash, { caretPosition:caretPosition, scrollPosition:scrollPosition } );
|
||||
|
||||
if (string.block !== selection && abort === false) {
|
||||
insert(string.block);
|
||||
set(start, len);
|
||||
} else {
|
||||
caretOffset = -1;
|
||||
}
|
||||
get();
|
||||
|
||||
$.extend(hash, { line:'', selection:selection });
|
||||
|
||||
// callbacks after insertion
|
||||
if ((ctrlKey === true && shiftKey === true) || button.multiline === true) {
|
||||
prepare(clicked.afterMultiInsert);
|
||||
}
|
||||
prepare(clicked.afterInsert);
|
||||
prepare(options.afterInsert);
|
||||
|
||||
// refresh preview if opened
|
||||
if (previewWindow && options.previewAutoRefresh) {
|
||||
refreshPreview();
|
||||
}
|
||||
|
||||
// reinit keyevent
|
||||
shiftKey = altKey = ctrlKey = abort = false;
|
||||
}
|
||||
|
||||
// Substract linefeed in Opera
|
||||
function fixOperaBug(string) {
|
||||
if ($.browser.opera) {
|
||||
return string.length - string.replace(/\n*/g, '').length;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
// Substract linefeed in IE
|
||||
function fixIeBug(string) {
|
||||
if ($.browser.msie) {
|
||||
return string.length - string.replace(/\r*/g, '').length;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
// add markup
|
||||
function insert(block) {
|
||||
if (document.selection) {
|
||||
var newSelection = document.selection.createRange();
|
||||
newSelection.text = block;
|
||||
} else {
|
||||
textarea.value = textarea.value.substring(0, caretPosition) + block + textarea.value.substring(caretPosition + selection.length, textarea.value.length);
|
||||
}
|
||||
}
|
||||
|
||||
// set a selection
|
||||
function set(start, len) {
|
||||
if (textarea.createTextRange){
|
||||
// quick fix to make it work on Opera 9.5
|
||||
if ($.browser.opera && $.browser.version >= 9.5 && len == 0) {
|
||||
return false;
|
||||
}
|
||||
range = textarea.createTextRange();
|
||||
range.collapse(true);
|
||||
range.moveStart('character', start);
|
||||
range.moveEnd('character', len);
|
||||
range.select();
|
||||
} else if (textarea.setSelectionRange ){
|
||||
textarea.setSelectionRange(start, start + len);
|
||||
}
|
||||
textarea.scrollTop = scrollPosition;
|
||||
textarea.focus();
|
||||
}
|
||||
|
||||
// get the selection
|
||||
function get() {
|
||||
textarea.focus();
|
||||
|
||||
scrollPosition = textarea.scrollTop;
|
||||
if (document.selection) {
|
||||
selection = document.selection.createRange().text;
|
||||
if ($.browser.msie) { // ie
|
||||
var range = document.selection.createRange(), rangeCopy = range.duplicate();
|
||||
rangeCopy.moveToElementText(textarea);
|
||||
caretPosition = -1;
|
||||
while(rangeCopy.inRange(range)) {
|
||||
rangeCopy.moveStart('character');
|
||||
caretPosition ++;
|
||||
}
|
||||
} else { // opera
|
||||
caretPosition = textarea.selectionStart;
|
||||
}
|
||||
} else { // gecko & webkit
|
||||
caretPosition = textarea.selectionStart;
|
||||
|
||||
selection = textarea.value.substring(caretPosition, textarea.selectionEnd);
|
||||
}
|
||||
return selection;
|
||||
}
|
||||
|
||||
// open preview window
|
||||
function preview() {
|
||||
if (!previewWindow || previewWindow.closed) {
|
||||
if (options.previewInWindow) {
|
||||
previewWindow = window.open('', 'preview', options.previewInWindow);
|
||||
$(window).unload(function() {
|
||||
previewWindow.close();
|
||||
});
|
||||
} else {
|
||||
iFrame = $('<iframe class="markItUpPreviewFrame"></iframe>');
|
||||
if (options.previewPosition == 'after') {
|
||||
iFrame.insertAfter(footer);
|
||||
} else {
|
||||
iFrame.insertBefore(header);
|
||||
}
|
||||
previewWindow = iFrame[iFrame.length - 1].contentWindow || frame[iFrame.length - 1];
|
||||
}
|
||||
} else if (altKey === true) {
|
||||
if (iFrame) {
|
||||
iFrame.remove();
|
||||
} else {
|
||||
previewWindow.close();
|
||||
}
|
||||
previewWindow = iFrame = false;
|
||||
}
|
||||
if (!options.previewAutoRefresh) {
|
||||
refreshPreview();
|
||||
}
|
||||
if (options.previewInWindow) {
|
||||
previewWindow.focus();
|
||||
}
|
||||
}
|
||||
|
||||
// refresh Preview window
|
||||
function refreshPreview() {
|
||||
renderPreview();
|
||||
}
|
||||
|
||||
function renderPreview() {
|
||||
var phtml;
|
||||
if (options.previewParser && typeof options.previewParser === 'function') {
|
||||
var data = options.previewParser( $$.val() );
|
||||
writeInPreview( localize(data, 1) );
|
||||
} else if (options.previewParserPath !== '') {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: 'text',
|
||||
global: false,
|
||||
url: options.previewParserPath,
|
||||
data: options.previewParserVar+'='+encodeURIComponent($$.val()),
|
||||
success: function(data) {
|
||||
writeInPreview( localize(data, 1) );
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (!template) {
|
||||
$.ajax({
|
||||
url: options.previewTemplatePath,
|
||||
dataType: 'text',
|
||||
global: false,
|
||||
success: function(data) {
|
||||
writeInPreview( localize(data, 1).replace(/<!-- content -->/g, $$.val()) );
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function writeInPreview(data) {
|
||||
if (previewWindow.document) {
|
||||
try {
|
||||
sp = previewWindow.document.documentElement.scrollTop
|
||||
} catch(e) {
|
||||
sp = 0;
|
||||
}
|
||||
previewWindow.document.open();
|
||||
previewWindow.document.write(data);
|
||||
previewWindow.document.close();
|
||||
previewWindow.document.documentElement.scrollTop = sp;
|
||||
}
|
||||
}
|
||||
|
||||
// set keys pressed
|
||||
function keyPressed(e) {
|
||||
shiftKey = e.shiftKey;
|
||||
altKey = e.altKey;
|
||||
ctrlKey = (!(e.altKey && e.ctrlKey)) ? (e.ctrlKey || e.metaKey) : false;
|
||||
|
||||
if (e.type === 'keydown') {
|
||||
if (ctrlKey === true) {
|
||||
li = $('a[accesskey="'+String.fromCharCode(e.keyCode)+'"]', header).parent('li');
|
||||
if (li.length !== 0) {
|
||||
ctrlKey = false;
|
||||
setTimeout(function() {
|
||||
li.triggerHandler('mouseup');
|
||||
},1);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
if (e.keyCode === 13 || e.keyCode === 10) { // Enter key
|
||||
if (ctrlKey === true) { // Enter + Ctrl
|
||||
ctrlKey = false;
|
||||
markup(options.onCtrlEnter);
|
||||
return options.onCtrlEnter.keepDefault;
|
||||
} else if (shiftKey === true) { // Enter + Shift
|
||||
shiftKey = false;
|
||||
markup(options.onShiftEnter);
|
||||
return options.onShiftEnter.keepDefault;
|
||||
} else { // only Enter
|
||||
markup(options.onEnter);
|
||||
return options.onEnter.keepDefault;
|
||||
}
|
||||
}
|
||||
if (e.keyCode === 9) { // Tab key
|
||||
if (shiftKey == true || ctrlKey == true || altKey == true) {
|
||||
return false;
|
||||
}
|
||||
if (caretOffset !== -1) {
|
||||
get();
|
||||
caretOffset = $$.val().length - caretOffset;
|
||||
set(caretOffset, 0);
|
||||
caretOffset = -1;
|
||||
return false;
|
||||
} else {
|
||||
markup(options.onTab);
|
||||
return options.onTab.keepDefault;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
init();
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.markItUpRemove = function() {
|
||||
return this.each(function() {
|
||||
var $$ = $(this).unbind().removeClass('markItUpEditor');
|
||||
$$.parent('div').parent('div.markItUp').parent('div').replaceWith($$);
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
$.markItUp = function(settings) {
|
||||
var options = { target:false };
|
||||
$.extend(options, settings);
|
||||
if (options.target) {
|
||||
return $(options.target).each(function() {
|
||||
$(this).focus();
|
||||
$(this).trigger('insertion', [options]);
|
||||
});
|
||||
} else {
|
||||
$('textarea').trigger('insertion', [options]);
|
||||
}
|
||||
};
|
||||
})(jQuery);
|
||||
BIN
cms/static/js/markitup/sets/wiki/images/bold.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/bold.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 304 B |
BIN
cms/static/js/markitup/sets/wiki/images/clean.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/clean.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 667 B |
BIN
cms/static/js/markitup/sets/wiki/images/code.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/code.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 859 B |
BIN
cms/static/js/markitup/sets/wiki/images/h1.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/h1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 276 B |
BIN
cms/static/js/markitup/sets/wiki/images/h2.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/h2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 304 B |
BIN
cms/static/js/markitup/sets/wiki/images/h3.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/h3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 306 B |
BIN
cms/static/js/markitup/sets/wiki/images/h4.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/h4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 293 B |
BIN
cms/static/js/markitup/sets/wiki/images/h5.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/h5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 304 B |
BIN
cms/static/js/markitup/sets/wiki/images/image.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 516 B |
BIN
cms/static/js/markitup/sets/wiki/images/italic.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/italic.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 223 B |
BIN
cms/static/js/markitup/sets/wiki/images/link.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/link.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 343 B |
BIN
cms/static/js/markitup/sets/wiki/images/list-bullet.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/list-bullet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 344 B |
BIN
cms/static/js/markitup/sets/wiki/images/list-numeric.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/list-numeric.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 357 B |
BIN
cms/static/js/markitup/sets/wiki/images/picture.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/picture.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 606 B |
BIN
cms/static/js/markitup/sets/wiki/images/preview.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 537 B |
BIN
cms/static/js/markitup/sets/wiki/images/quotes.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/quotes.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 743 B |
BIN
cms/static/js/markitup/sets/wiki/images/stroke.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/stroke.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 269 B |
BIN
cms/static/js/markitup/sets/wiki/images/url.png
Normal file
BIN
cms/static/js/markitup/sets/wiki/images/url.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 957 B |
34
cms/static/js/markitup/sets/wiki/set.js
Normal file
34
cms/static/js/markitup/sets/wiki/set.js
Normal file
@@ -0,0 +1,34 @@
|
||||
// ----------------------------------------------------------------------------
|
||||
// markItUp!
|
||||
// ----------------------------------------------------------------------------
|
||||
// Copyright (C) 2008 Jay Salvat
|
||||
// http://markitup.jaysalvat.com/
|
||||
// ----------------------------------------------------------------------------
|
||||
myWikiSettings = {
|
||||
nameSpace: "wiki", // Useful to prevent multi-instances CSS conflict
|
||||
previewParserPath: "~/sets/wiki/preview.php",
|
||||
onShiftEnter: {keepDefault:false, replaceWith:'\n\n'},
|
||||
markupSet: [
|
||||
{name:'Heading 1', key:'1', openWith:'== ', closeWith:' ==', placeHolder:'Your title here...' },
|
||||
{name:'Heading 2', key:'2', openWith:'=== ', closeWith:' ===', placeHolder:'Your title here...' },
|
||||
{name:'Heading 3', key:'3', openWith:'==== ', closeWith:' ====', placeHolder:'Your title here...' },
|
||||
{name:'Heading 4', key:'4', openWith:'===== ', closeWith:' =====', placeHolder:'Your title here...' },
|
||||
{name:'Heading 5', key:'5', openWith:'====== ', closeWith:' ======', placeHolder:'Your title here...' },
|
||||
{separator:'---------------' },
|
||||
{name:'Bold', key:'B', openWith:"'''", closeWith:"'''"},
|
||||
{name:'Italic', key:'I', openWith:"''", closeWith:"''"},
|
||||
{name:'Stroke through', key:'S', openWith:'<s>', closeWith:'</s>'},
|
||||
{separator:'---------------' },
|
||||
{name:'Bulleted list', openWith:'(!(* |!|*)!)'},
|
||||
{name:'Numeric list', openWith:'(!(# |!|#)!)'},
|
||||
{separator:'---------------' },
|
||||
{name:'Picture', key:'P', replaceWith:'[[Image:[![Url:!:http://]!]|[![name]!]]]'},
|
||||
{name:'Link', key:'L', openWith:'[[![Link]!] ', closeWith:']', placeHolder:'Your text to link here...' },
|
||||
{name:'Url', openWith:'[[![Url:!:http://]!] ', closeWith:']', placeHolder:'Your text to link here...' },
|
||||
{separator:'---------------' },
|
||||
{name:'Quotes', openWith:'(!(> |!|>)!)'},
|
||||
{name:'Code', openWith:'(!(<source lang="[![Language:!:php]!]">|!|<pre>)!)', closeWith:'(!(</source>|!|</pre>)!)'},
|
||||
{separator:'---------------' },
|
||||
{name:'Preview', call:'preview', className:'preview'}
|
||||
]
|
||||
}
|
||||
57
cms/static/js/markitup/sets/wiki/style.css
Normal file
57
cms/static/js/markitup/sets/wiki/style.css
Normal file
@@ -0,0 +1,57 @@
|
||||
/* -------------------------------------------------------------------
|
||||
// markItUp!
|
||||
// By Jay Salvat - http://markitup.jaysalvat.com/
|
||||
// ------------------------------------------------------------------*/
|
||||
.wiki .markItUpButton1 a {
|
||||
background-image:url(images/h1.png);
|
||||
}
|
||||
.wiki .markItUpButton2 a {
|
||||
background-image:url(images/h2.png);
|
||||
}
|
||||
.wiki .markItUpButton3 a {
|
||||
background-image:url(images/h3.png);
|
||||
}
|
||||
.wiki .markItUpButton4 a {
|
||||
background-image:url(images/h4.png);
|
||||
}
|
||||
.wiki .markItUpButton5 a {
|
||||
background-image:url(images/h5.png);
|
||||
}
|
||||
|
||||
.wiki .markItUpButton6 a {
|
||||
background-image:url(images/bold.png);
|
||||
}
|
||||
.wiki .markItUpButton7 a {
|
||||
background-image:url(images/italic.png);
|
||||
}
|
||||
.wiki .markItUpButton8 a {
|
||||
background-image:url(images/stroke.png);
|
||||
}
|
||||
|
||||
.wiki .markItUpButton9 a {
|
||||
background-image:url(images/list-bullet.png);
|
||||
}
|
||||
.wiki .markItUpButton10 a {
|
||||
background-image:url(images/list-numeric.png);
|
||||
}
|
||||
|
||||
.wiki .markItUpButton11 a {
|
||||
background-image:url(images/picture.png);
|
||||
}
|
||||
.wiki .markItUpButton12 a {
|
||||
background-image:url(images/link.png);
|
||||
}
|
||||
.wiki .markItUpButton13 a {
|
||||
background-image:url(images/url.png);
|
||||
}
|
||||
|
||||
.wiki .markItUpButton14 a {
|
||||
background-image:url(images/quotes.png);
|
||||
}
|
||||
.wiki .markItUpButton15 a {
|
||||
background-image:url(images/code.png);
|
||||
}
|
||||
|
||||
.wiki .preview a {
|
||||
background-image:url(images/preview.png);
|
||||
}
|
||||
BIN
cms/static/js/markitup/skins/simple/images/handle.png
Normal file
BIN
cms/static/js/markitup/skins/simple/images/handle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 258 B |
BIN
cms/static/js/markitup/skins/simple/images/menu.png
Normal file
BIN
cms/static/js/markitup/skins/simple/images/menu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
cms/static/js/markitup/skins/simple/images/submenu.png
Normal file
BIN
cms/static/js/markitup/skins/simple/images/submenu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 240 B |
118
cms/static/js/markitup/skins/simple/style.css
Normal file
118
cms/static/js/markitup/skins/simple/style.css
Normal file
@@ -0,0 +1,118 @@
|
||||
/* -------------------------------------------------------------------
|
||||
// markItUp! Universal MarkUp Engine, JQuery plugin
|
||||
// By Jay Salvat - http://markitup.jaysalvat.com/
|
||||
// ------------------------------------------------------------------*/
|
||||
.markItUp * {
|
||||
margin:0px; padding:0px;
|
||||
outline:none;
|
||||
}
|
||||
.markItUp a:link,
|
||||
.markItUp a:visited {
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
.markItUp {
|
||||
/* width:700px; */
|
||||
margin:5px 0 10px 0;
|
||||
}
|
||||
.markItUpContainer {
|
||||
font:11px Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.markItUpEditor {
|
||||
font:12px 'Courier New', Courier, monospace;
|
||||
padding:5px;
|
||||
/* width:690px; */
|
||||
height:320px;
|
||||
clear:both;
|
||||
line-height:18px;
|
||||
overflow:auto;
|
||||
}
|
||||
.markItUpPreviewFrame {
|
||||
overflow:auto;
|
||||
background-color:#FFF;
|
||||
width:99.9%;
|
||||
height:300px;
|
||||
margin:5px 0;
|
||||
}
|
||||
.markItUpFooter {
|
||||
width:100%;
|
||||
}
|
||||
.markItUpResizeHandle {
|
||||
overflow:hidden;
|
||||
width:22px; height:5px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
background-image:url(images/handle.png);
|
||||
cursor:n-resize;
|
||||
}
|
||||
/***************************************************************************************/
|
||||
/* first row of buttons */
|
||||
.markItUpHeader ul li {
|
||||
list-style:none;
|
||||
float:left;
|
||||
position:relative;
|
||||
}
|
||||
.markItUpHeader ul li:hover > ul{
|
||||
display:block;
|
||||
}
|
||||
.markItUpHeader ul .markItUpDropMenu {
|
||||
background:transparent url(images/menu.png) no-repeat 115% 50%;
|
||||
margin-right:5px;
|
||||
}
|
||||
.markItUpHeader ul .markItUpDropMenu li {
|
||||
margin-right:0px;
|
||||
}
|
||||
/* next rows of buttons */
|
||||
.markItUpHeader ul ul {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:18px; left:0px;
|
||||
background:#FFF;
|
||||
border:1px solid #000;
|
||||
}
|
||||
.markItUpHeader ul ul li {
|
||||
float:none;
|
||||
border-bottom:1px solid #000;
|
||||
}
|
||||
.markItUpHeader ul ul .markItUpDropMenu {
|
||||
background:#FFF url(images/submenu.png) no-repeat 100% 50%;
|
||||
}
|
||||
.markItUpHeader ul .markItUpSeparator {
|
||||
margin:0 10px;
|
||||
width:1px;
|
||||
height:16px;
|
||||
overflow:hidden;
|
||||
background-color:#CCC;
|
||||
}
|
||||
.markItUpHeader ul ul .markItUpSeparator {
|
||||
width:auto; height:1px;
|
||||
margin:0px;
|
||||
}
|
||||
/* next rows of buttons */
|
||||
.markItUpHeader ul ul ul {
|
||||
position:absolute;
|
||||
top:-1px; left:150px;
|
||||
}
|
||||
.markItUpHeader ul ul ul li {
|
||||
float:none;
|
||||
}
|
||||
.markItUpHeader ul a {
|
||||
display:block;
|
||||
width:16px; height:16px;
|
||||
text-indent:-10000px;
|
||||
background-repeat:no-repeat;
|
||||
padding:3px;
|
||||
margin:0px;
|
||||
}
|
||||
.markItUpHeader ul ul a {
|
||||
display:block;
|
||||
padding-left:0px;
|
||||
text-indent:0;
|
||||
width:120px;
|
||||
padding:5px 5px 5px 25px;
|
||||
background-position:2px 50%;
|
||||
}
|
||||
.markItUpHeader ul ul a:hover {
|
||||
color:#FFF;
|
||||
background-color:#000;
|
||||
}
|
||||
51
cms/static/sass/_base.scss
Normal file
51
cms/static/sass/_base.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
|
||||
$fg-column: 70px;
|
||||
$fg-gutter: 26px;
|
||||
$fg-max-columns: 12;
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
@include clearfix();
|
||||
height: 100%;
|
||||
font: 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||||
|
||||
> section {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
> header {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
display: block;
|
||||
float: none;
|
||||
padding: 6px 20px;
|
||||
width: 100%;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
nav {
|
||||
@include clearfix;
|
||||
|
||||
h2 {
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
input[type="submit"], .button {
|
||||
border: 1px solid #ccc;
|
||||
background: #efefef;
|
||||
@include border-radius(3px);
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
206
cms/static/sass/_calendar.scss
Normal file
206
cms/static/sass/_calendar.scss
Normal file
@@ -0,0 +1,206 @@
|
||||
section.cal {
|
||||
@include box-sizing(border-box);
|
||||
padding: 25px;
|
||||
@include clearfix;
|
||||
overflow: scroll;
|
||||
|
||||
> header {
|
||||
@include clearfix;
|
||||
margin-bottom: 10px;
|
||||
|
||||
h1 {
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
ul {
|
||||
float: right;
|
||||
|
||||
li {
|
||||
@include inline-block;
|
||||
|
||||
a {
|
||||
padding: 6px;
|
||||
border: 1px solid #ddd;
|
||||
display: block;
|
||||
@include border-radius(3px);
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
&.dropdown {
|
||||
position: relative;
|
||||
|
||||
ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
li {
|
||||
padding: 6px;
|
||||
display: block;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
|
||||
&:hover {
|
||||
background-color: #efefef;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
@include border-radius(3px 3px 0 0);
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: none;
|
||||
@include clearfix;
|
||||
@include box-sizing(border-box);
|
||||
border-left: 1px solid #333;
|
||||
border-top: 1px solid #333;
|
||||
width: 100%;
|
||||
|
||||
> li {
|
||||
border-right: 1px solid #333;
|
||||
border-bottom: 1px solid;
|
||||
@include box-sizing(border-box);
|
||||
float: left;
|
||||
width: flex-grid(3) + ((flex-gutter() * 3) / 4);
|
||||
|
||||
&:last-child {
|
||||
text-align: center;
|
||||
background: #eee;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
section.new-week {
|
||||
header {
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
form {
|
||||
background: #fff;
|
||||
width: 50%;
|
||||
padding: 6px;
|
||||
border: 1px solid #000;
|
||||
margin: 0 auto;
|
||||
@include box-shadow(0 0 2px #333);
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
background: #fff;
|
||||
border-left: 1px solid #000;
|
||||
border-top: 1px solid #000;
|
||||
content: " ";
|
||||
display: block;
|
||||
height: 10px;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
@include transform(rotate(45deg));
|
||||
width: 10px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
select {
|
||||
margin-bottom: 6px;
|
||||
width: 100%;
|
||||
|
||||
option {
|
||||
padding: 10px 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
&:first-child {
|
||||
float: left;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
border-bottom: 1px solid #000;
|
||||
@include box-shadow(0 1px 2px #ccc);
|
||||
display: block;
|
||||
margin-bottom: 2px;
|
||||
padding: 6px;
|
||||
|
||||
h1 {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin-bottom: 1px;
|
||||
|
||||
li {
|
||||
background: #efefef;
|
||||
border-bottom: 1px solid #666;
|
||||
padding: 6px;
|
||||
|
||||
&.goal {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.content
|
||||
section.cal {
|
||||
width: flex-grid(3) + flex-gutter();
|
||||
float: left;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
> header ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ol {
|
||||
li {
|
||||
@include box-sizing(border-box);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
41
cms/static/sass/_problem.scss
Normal file
41
cms/static/sass/_problem.scss
Normal file
@@ -0,0 +1,41 @@
|
||||
section.problem-new, section.problem-edit {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
width: flex-grid(5);
|
||||
@include box-shadow(0 0 6px #666);
|
||||
border: 1px solid #333;
|
||||
border-right: 0;
|
||||
z-index: 4;
|
||||
|
||||
> header {
|
||||
background: #666;
|
||||
@include clearfix;
|
||||
color: #fff;
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #333;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
h2 {
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
border-bottom: 1px solid #333;
|
||||
padding: 10px 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
229
cms/static/sass/_reset.scss
Normal file
229
cms/static/sass/_reset.scss
Normal file
@@ -0,0 +1,229 @@
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
abbr, address, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, samp,
|
||||
small, strong, sub, sup, var,
|
||||
b, i,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
outline:0;
|
||||
vertical-align:baseline;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
html,body {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
// Corrects block display not defined in IE8/9 & FF3
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Corrects inline-block display not defined in IE8/9 & FF3
|
||||
audio, canvas, video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// Prevents modern browsers from displaying 'audio' without controls
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Addresses styling for 'hidden' attribute not present in IE8/9, FF3, S4
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Prevents iOS text size adjust after orientation change, without disabling user zoom
|
||||
// www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
// Addresses font-family inconsistency between 'textarea' and other form elements.
|
||||
html, button, input, select, textarea {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
// Addresses outline displayed oddly in Chrome
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
// Webkit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
// Improves readability when focused and also mouse hovered in all browsers
|
||||
// people.opera.com/patrickl/experiments/keyboard/test
|
||||
&:hover, &:active {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Addresses styling not present in IE8/9, S5, Chrome
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
// Addresses style set to 'bolder' in FF3+, S4/5, Chrome
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
// Addresses styling not present in S5, Chrome
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
// Addresses styling not present in IE8/9
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
// Corrects font family set oddly in S4/5, Chrome
|
||||
// en.wikipedia.org/wiki/User:Davidgothberg/Test59
|
||||
pre, code, kbd, samp {
|
||||
font-family: monospace, serif;
|
||||
_font-family: 'courier new', monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
// Improves readability of pre-formatted text in all browsers
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
// Addresses quote property not supported in S4
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 75%;
|
||||
}
|
||||
|
||||
sub, sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
nav {
|
||||
ul, ol {
|
||||
list-style: none;
|
||||
list-style-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Removes border when inside 'a' element in IE8/9, FF3
|
||||
img {
|
||||
border: 0;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
// Corrects overflow displayed oddly in IE9
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// Define consistent border, margin, and padding
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
legend {
|
||||
border: 0; // Corrects color not being inherited in IE8/9
|
||||
padding: 0;
|
||||
white-space: normal; // Corrects text not wrapping in FF3
|
||||
}
|
||||
|
||||
button, input, select, textarea {
|
||||
font-size: 100%; // Corrects font size not being inherited in all browsers
|
||||
margin: 0; // Addresses margins set differently in FF3+, S5, Chrome
|
||||
vertical-align: baseline; // Improves appearance and consistency in all browsers
|
||||
}
|
||||
|
||||
// Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
|
||||
button, input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
button, input[type="button"], input[type="reset"], input[type="submit"] {
|
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type 'input' and others
|
||||
-webkit-appearance: button; // Corrects inability to style clickable 'input' types in iOS
|
||||
}
|
||||
|
||||
// Re-set default cursor for disabled elements
|
||||
button[disabled], input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
box-sizing: border-box; // Addresses box sizing set to content-box in IE8/9
|
||||
padding: 0; //Removes excess padding in IE8/9
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; // Addresses appearance set to searchfield in S5, Chrome
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; // Addresses box-sizing set to border-box in S5, Chrome (-moz to future-proof)
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
// Removes inner padding and search cancel button in S5, Chrome on OS X
|
||||
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
// Removes inner padding and border in FF3+
|
||||
// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
|
||||
button::-moz-focus-inner, input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto; // Removes default vertical scrollbar in IE8/9
|
||||
vertical-align: top; // Improves readability and alignment in all browsers
|
||||
}
|
||||
|
||||
// Remove most spacing between table cells
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
40
cms/static/sass/_video.scss
Normal file
40
cms/static/sass/_video.scss
Normal file
@@ -0,0 +1,40 @@
|
||||
section.video-new, section.video-edit {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
width: flex-grid(5);
|
||||
@include box-shadow(0 0 6px #666);
|
||||
border: 1px solid #333;
|
||||
border-right: 0;
|
||||
z-index: 4;
|
||||
|
||||
> header {
|
||||
background: #666;
|
||||
@include clearfix;
|
||||
color: #fff;
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #333;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
h2 {
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
border-bottom: 1px solid #333;
|
||||
padding: 10px 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
152
cms/static/sass/_week.scss
Normal file
152
cms/static/sass/_week.scss
Normal file
@@ -0,0 +1,152 @@
|
||||
section.week-edit, section.week-new {
|
||||
|
||||
> header {
|
||||
border-bottom: 1px solid #ccc;
|
||||
@include clearfix();
|
||||
padding: 6px;
|
||||
|
||||
h1 {
|
||||
font-size: 18px;
|
||||
float: left;
|
||||
margin-top: 8px 6px;
|
||||
}
|
||||
|
||||
a {
|
||||
float: right;
|
||||
@extend .button;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
header {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #333;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
h2 {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar {
|
||||
width: flex-grid(3, 9) + flex-gutter(9);
|
||||
float: left;
|
||||
background: #ccc;
|
||||
border-right: 1px solid #333;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
section {
|
||||
height: 50%;
|
||||
|
||||
> ul {
|
||||
list-style: none;
|
||||
|
||||
> li {
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #666;
|
||||
background: #eee;
|
||||
|
||||
&.new-module {
|
||||
position: relative;
|
||||
|
||||
ul.new-dropdown {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
display: none;
|
||||
|
||||
&:first-child {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
li {
|
||||
display: block;
|
||||
padding: 6px 0;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 6px;
|
||||
border-bottom: 1px solid #666;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.weeks-content {
|
||||
width: flex-grid(6, 9);
|
||||
float: left;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
header {
|
||||
@include clearfix;
|
||||
|
||||
h2 {
|
||||
float: left;
|
||||
}
|
||||
|
||||
form {
|
||||
float: right;
|
||||
margin: -2px 0;
|
||||
|
||||
input {
|
||||
border: 1px solid #000;
|
||||
background: #ddd;
|
||||
padding: 2px 4px;
|
||||
@include border-radius(2px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
section {
|
||||
&.filters {
|
||||
border-bottom: 1px solid #999;
|
||||
|
||||
ul {
|
||||
@include clearfix();
|
||||
list-style: none;
|
||||
padding: 6px;
|
||||
|
||||
li {
|
||||
@include inline-block();
|
||||
|
||||
&.advanced {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.modules {
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
padding: 6px;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
border-bottom: 1px solid #333;
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
18
cms/static/sass/base-style.scss
Normal file
18
cms/static/sass/base-style.scss
Normal file
@@ -0,0 +1,18 @@
|
||||
@import 'bourbon/bourbon';
|
||||
@import 'reset';
|
||||
|
||||
@import 'base';
|
||||
@import 'calendar';
|
||||
@import 'week', 'video', 'problem';
|
||||
|
||||
body {
|
||||
&.content {
|
||||
section.main-content {
|
||||
border-left: 2px solid #000;
|
||||
@include box-sizing(border-box);
|
||||
width: flex-grid(9);
|
||||
float: left;
|
||||
@include box-shadow( -2px 0 3px #ddd );
|
||||
}
|
||||
}
|
||||
}
|
||||
35
cms/static/sass/bourbon/_bourbon.scss
vendored
Normal file
35
cms/static/sass/bourbon/_bourbon.scss
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
// Custom Functions
|
||||
@import "functions/deprecated-webkit-gradient";
|
||||
@import "functions/flex-grid";
|
||||
@import "functions/grid-width";
|
||||
@import "functions/linear-gradient";
|
||||
@import "functions/modular-scale";
|
||||
@import "functions/radial-gradient";
|
||||
@import "functions/render-gradients";
|
||||
@import "functions/tint-shade";
|
||||
|
||||
// CSS3 Mixins
|
||||
@import "css3/animation";
|
||||
@import "css3/appearance";
|
||||
@import "css3/background-image";
|
||||
@import "css3/background-size";
|
||||
@import "css3/border-image";
|
||||
@import "css3/border-radius";
|
||||
@import "css3/box-shadow";
|
||||
@import "css3/box-sizing";
|
||||
@import "css3/columns";
|
||||
@import "css3/flex-box";
|
||||
@import "css3/inline-block";
|
||||
@import "css3/linear-gradient";
|
||||
@import "css3/radial-gradient";
|
||||
@import "css3/transform";
|
||||
@import "css3/transition";
|
||||
@import "css3/user-select";
|
||||
|
||||
// Addons & other mixins
|
||||
@import "addons/button";
|
||||
@import "addons/clearfix";
|
||||
@import "addons/font-family";
|
||||
@import "addons/html5-input-types";
|
||||
@import "addons/position";
|
||||
@import "addons/timing-functions";
|
||||
267
cms/static/sass/bourbon/addons/_button.scss
vendored
Normal file
267
cms/static/sass/bourbon/addons/_button.scss
vendored
Normal file
@@ -0,0 +1,267 @@
|
||||
@mixin button ($style: simple, $base-color: #4294f0) {
|
||||
|
||||
@if type-of($style) == color {
|
||||
$base-color: $style;
|
||||
$style: simple;
|
||||
}
|
||||
|
||||
// Grayscale button
|
||||
@if $base-color == grayscale($base-color) {
|
||||
@if $style == simple {
|
||||
@include simple($base-color, $grayscale: true);
|
||||
}
|
||||
|
||||
@else if $style == shiny {
|
||||
@include shiny($base-color, $grayscale: true);
|
||||
}
|
||||
|
||||
@else if $style == pill {
|
||||
@include pill($base-color, $grayscale: true);
|
||||
}
|
||||
}
|
||||
|
||||
// Colored button
|
||||
@else {
|
||||
@if $style == simple {
|
||||
@include simple($base-color);
|
||||
}
|
||||
|
||||
@else if $style == shiny {
|
||||
@include shiny($base-color);
|
||||
}
|
||||
|
||||
@else if $style == pill {
|
||||
@include pill($base-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Simple Button
|
||||
//************************************************************************//
|
||||
@mixin simple($base-color, $grayscale: false) {
|
||||
$color: hsl(0, 0, 100%);
|
||||
$border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
|
||||
$inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
|
||||
$stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
|
||||
$text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
|
||||
|
||||
@if lightness($base-color) > 70% {
|
||||
$color: hsl(0, 0, 20%);
|
||||
$text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
|
||||
}
|
||||
|
||||
@if $grayscale == true {
|
||||
$border: grayscale($border);
|
||||
$inset-shadow: grayscale($inset-shadow);
|
||||
$stop-gradient: grayscale($stop-gradient);
|
||||
$text-shadow: grayscale($text-shadow);
|
||||
}
|
||||
|
||||
border: 1px solid $border;
|
||||
@include border-radius (3px);
|
||||
@include box-shadow (inset 0 1px 0 0 $inset-shadow);
|
||||
color: $color;
|
||||
display: inline;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
@include linear-gradient ($base-color, $stop-gradient);
|
||||
padding: 6px 18px 7px;
|
||||
text-shadow: 0 1px 0 $text-shadow;
|
||||
-webkit-background-clip: padding-box;
|
||||
|
||||
&:hover {
|
||||
$base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
|
||||
$inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
|
||||
$stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$base-color-hover: grayscale($base-color-hover);
|
||||
$inset-shadow-hover: grayscale($inset-shadow-hover);
|
||||
$stop-gradient-hover: grayscale($stop-gradient-hover);
|
||||
}
|
||||
|
||||
@include box-shadow (inset 0 1px 0 0 $inset-shadow-hover);
|
||||
cursor: pointer;
|
||||
@include linear-gradient ($base-color-hover, $stop-gradient-hover);
|
||||
}
|
||||
|
||||
&:active {
|
||||
$border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
|
||||
$inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$border-active: grayscale($border-active);
|
||||
$inset-shadow-active: grayscale($inset-shadow-active);
|
||||
}
|
||||
|
||||
border: 1px solid $border-active;
|
||||
@include box-shadow (inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Shiny Button
|
||||
//************************************************************************//
|
||||
@mixin shiny($base-color, $grayscale: false) {
|
||||
$color: hsl(0, 0, 100%);
|
||||
$border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
|
||||
$border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
|
||||
$fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
|
||||
$inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
|
||||
$second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
|
||||
$text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
|
||||
$third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
|
||||
|
||||
@if lightness($base-color) > 70% {
|
||||
$color: hsl(0, 0, 20%);
|
||||
$text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
|
||||
}
|
||||
|
||||
@if $grayscale == true {
|
||||
$border: grayscale($border);
|
||||
$border-bottom: grayscale($border-bottom);
|
||||
$fourth-stop: grayscale($fourth-stop);
|
||||
$inset-shadow: grayscale($inset-shadow);
|
||||
$second-stop: grayscale($second-stop);
|
||||
$text-shadow: grayscale($text-shadow);
|
||||
$third-stop: grayscale($third-stop);
|
||||
}
|
||||
|
||||
border: 1px solid $border;
|
||||
border-bottom: 1px solid $border-bottom;
|
||||
@include border-radius(5px);
|
||||
@include box-shadow(inset 0 1px 0 0 $inset-shadow);
|
||||
color: $color;
|
||||
display: inline;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
@include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
|
||||
padding: 7px 20px 8px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px 1px $text-shadow;
|
||||
|
||||
&:hover {
|
||||
$first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
|
||||
$second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
|
||||
$third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
|
||||
$fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
|
||||
|
||||
@if $grayscale == true {
|
||||
$first-stop-hover: grayscale($first-stop-hover);
|
||||
$second-stop-hover: grayscale($second-stop-hover);
|
||||
$third-stop-hover: grayscale($third-stop-hover);
|
||||
$fourth-stop-hover: grayscale($fourth-stop-hover);
|
||||
}
|
||||
|
||||
cursor: pointer;
|
||||
@include linear-gradient(top, $first-stop-hover 0%,
|
||||
$second-stop-hover 50%,
|
||||
$third-stop-hover 50%,
|
||||
$fourth-stop-hover 100%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
$inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
|
||||
|
||||
@if $grayscale == true {
|
||||
$inset-shadow-active: grayscale($inset-shadow-active);
|
||||
}
|
||||
|
||||
@include box-shadow(inset 0 0 20px 0 $inset-shadow-active, 0 1px 0 #fff);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Pill Button
|
||||
//************************************************************************//
|
||||
@mixin pill($base-color, $grayscale: false) {
|
||||
$color: hsl(0, 0, 100%);
|
||||
$border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
|
||||
$border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
|
||||
$border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
|
||||
$inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
|
||||
$stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
|
||||
$text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
|
||||
|
||||
@if lightness($base-color) > 70% {
|
||||
$color: hsl(0, 0, 20%);
|
||||
$text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
|
||||
}
|
||||
|
||||
@if $grayscale == true {
|
||||
$border-bottom: grayscale($border-bottom);
|
||||
$border-sides: grayscale($border-sides);
|
||||
$border-top: grayscale($border-top);
|
||||
$inset-shadow: grayscale($inset-shadow);
|
||||
$stop-gradient: grayscale($stop-gradient);
|
||||
$text-shadow: grayscale($text-shadow);
|
||||
}
|
||||
|
||||
border: 1px solid $border-top;
|
||||
border-color: $border-top $border-sides $border-bottom;
|
||||
@include border-radius(16px);
|
||||
@include box-shadow(inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3);
|
||||
color: $color;
|
||||
display: inline;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
@include linear-gradient ($base-color, $stop-gradient);
|
||||
padding: 3px 16px 5px;
|
||||
text-align: center;
|
||||
text-shadow: 0 -1px 1px $text-shadow;
|
||||
-webkit-background-clip: padding-box;
|
||||
|
||||
&:hover {
|
||||
$base-color-hover: adjust-color($base-color, $lightness: -4.5%);
|
||||
$border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
|
||||
$border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
|
||||
$border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
|
||||
$inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
|
||||
$stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
|
||||
$text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$base-color-hover: grayscale($base-color-hover);
|
||||
$border-bottom: grayscale($border-bottom);
|
||||
$border-sides: grayscale($border-sides);
|
||||
$border-top: grayscale($border-top);
|
||||
$inset-shadow-hover: grayscale($inset-shadow-hover);
|
||||
$stop-gradient-hover: grayscale($stop-gradient-hover);
|
||||
$text-shadow-hover: grayscale($text-shadow-hover);
|
||||
}
|
||||
|
||||
border: 1px solid $border-top;
|
||||
border-color: $border-top $border-sides $border-bottom;
|
||||
@include box-shadow(inset 0 1px 0 0 $inset-shadow-hover);
|
||||
cursor: pointer;
|
||||
@include linear-gradient ($base-color-hover, $stop-gradient-hover);
|
||||
text-shadow: 0 -1px 1px $text-shadow-hover;
|
||||
-webkit-background-clip: padding-box;
|
||||
}
|
||||
|
||||
&:active {
|
||||
$active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
|
||||
$border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
|
||||
$border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
|
||||
$inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
|
||||
$text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$active-color: grayscale($active-color);
|
||||
$border-active: grayscale($border-active);
|
||||
$border-bottom-active: grayscale($border-bottom-active);
|
||||
$inset-shadow-active: grayscale($inset-shadow-active);
|
||||
$text-shadow-active: grayscale($text-shadow-active);
|
||||
}
|
||||
|
||||
background: $active-color;
|
||||
border: 1px solid $border-active;
|
||||
border-bottom: 1px solid $border-bottom-active;
|
||||
@include box-shadow(inset 0 0 6px 3px $inset-shadow-active, 0 1px 0 0 #fff);
|
||||
text-shadow: 0 -1px 1px $text-shadow-active;
|
||||
}
|
||||
}
|
||||
|
||||
29
cms/static/sass/bourbon/addons/_clearfix.scss
vendored
Normal file
29
cms/static/sass/bourbon/addons/_clearfix.scss
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
// Micro clearfix provides an easy way to contain floats without adding additional markup
|
||||
//
|
||||
// Example usage:
|
||||
//
|
||||
// // Contain all floats within .wrapper
|
||||
// .wrapper {
|
||||
// @include clearfix;
|
||||
// .content,
|
||||
// .sidebar {
|
||||
// float : left;
|
||||
// }
|
||||
// }
|
||||
|
||||
@mixin clearfix {
|
||||
zoom: 1;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Acknowledgements
|
||||
// Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)
|
||||
5
cms/static/sass/bourbon/addons/_font-family.scss
vendored
Normal file
5
cms/static/sass/bourbon/addons/_font-family.scss
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
$georgia: Georgia, Cambria, "Times New Roman", Times, serif;
|
||||
$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
|
||||
$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
|
||||
$verdana: Verdana, Geneva, sans-serif;
|
||||
36
cms/static/sass/bourbon/addons/_html5-input-types.scss
vendored
Normal file
36
cms/static/sass/bourbon/addons/_html5-input-types.scss
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
//************************************************************************//
|
||||
// Generate a variable ($all-text-inputs) with a list of all html5
|
||||
// input types that have a text-based input, excluding textarea.
|
||||
// http://diveintohtml5.org/forms.html
|
||||
//************************************************************************//
|
||||
$inputs-list: 'input[type="email"]',
|
||||
'input[type="number"]',
|
||||
'input[type="password"]',
|
||||
'input[type="search"]',
|
||||
'input[type="tel"]',
|
||||
'input[type="text"]',
|
||||
'input[type="url"]',
|
||||
|
||||
// Webkit & Gecko may change the display of these in the future
|
||||
'input[type="color"]',
|
||||
'input[type="date"]',
|
||||
'input[type="datetime"]',
|
||||
'input[type="datetime-local"]',
|
||||
'input[type="month"]',
|
||||
'input[type="time"]',
|
||||
'input[type="week"]';
|
||||
|
||||
$unquoted-inputs-list: ();
|
||||
|
||||
@each $input-type in $inputs-list {
|
||||
$unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma);
|
||||
}
|
||||
|
||||
$all-text-inputs: $unquoted-inputs-list;
|
||||
|
||||
// You must use interpolation on the variable:
|
||||
// #{$all-text-inputs}
|
||||
//************************************************************************//
|
||||
// #{$all-text-inputs}, textarea {
|
||||
// border: 1px solid red;
|
||||
// }
|
||||
30
cms/static/sass/bourbon/addons/_position.scss
vendored
Normal file
30
cms/static/sass/bourbon/addons/_position.scss
vendored
Normal file
@@ -0,0 +1,30 @@
|
||||
@mixin position ($position: relative, $coordinates: 0 0 0 0) {
|
||||
|
||||
@if type-of($position) == list {
|
||||
$coordinates: $position;
|
||||
$position: relative;
|
||||
}
|
||||
|
||||
$top: nth($coordinates, 1);
|
||||
$right: nth($coordinates, 2);
|
||||
$bottom: nth($coordinates, 3);
|
||||
$left: nth($coordinates, 4);
|
||||
|
||||
position: $position;
|
||||
|
||||
@if not(unitless($top)) {
|
||||
top: $top;
|
||||
}
|
||||
|
||||
@if not(unitless($right)) {
|
||||
right: $right;
|
||||
}
|
||||
|
||||
@if not(unitless($bottom)) {
|
||||
bottom: $bottom;
|
||||
}
|
||||
|
||||
@if not(unitless($left)) {
|
||||
left: $left;
|
||||
}
|
||||
}
|
||||
32
cms/static/sass/bourbon/addons/_timing-functions.scss
vendored
Normal file
32
cms/static/sass/bourbon/addons/_timing-functions.scss
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
|
||||
// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html
|
||||
|
||||
// EASE IN
|
||||
$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
|
||||
$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||
$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
|
||||
$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
|
||||
$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
|
||||
$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
|
||||
$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
|
||||
|
||||
// EASE OUT
|
||||
$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
|
||||
$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
|
||||
$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
|
||||
$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
|
||||
$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
|
||||
$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
|
||||
$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
|
||||
|
||||
// EASE IN OUT
|
||||
$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
|
||||
$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
|
||||
$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
|
||||
$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
|
||||
$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
|
||||
$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
|
||||
$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
|
||||
171
cms/static/sass/bourbon/css3/_animation.scss
vendored
Normal file
171
cms/static/sass/bourbon/css3/_animation.scss
vendored
Normal file
@@ -0,0 +1,171 @@
|
||||
// http://www.w3.org/TR/css3-animations/#the-animation-name-property-
|
||||
// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
|
||||
|
||||
// Official animation shorthand property.
|
||||
@mixin animation ($animation-1,
|
||||
$animation-2: false, $animation-3: false,
|
||||
$animation-4: false, $animation-5: false,
|
||||
$animation-6: false, $animation-7: false,
|
||||
$animation-8: false, $animation-9: false)
|
||||
{
|
||||
$full: compact($animation-1, $animation-2, $animation-3, $animation-4,
|
||||
$animation-5, $animation-6, $animation-7, $animation-8, $animation-9);
|
||||
|
||||
-webkit-animation: $full;
|
||||
-moz-animation: $full;
|
||||
animation: $full;
|
||||
}
|
||||
|
||||
// Individual Animation Properties
|
||||
@mixin animation-name ($name-1,
|
||||
$name-2: false, $name-3: false,
|
||||
$name-4: false, $name-5: false,
|
||||
$name-6: false, $name-7: false,
|
||||
$name-8: false, $name-9: false)
|
||||
{
|
||||
$full: compact($name-1, $name-2, $name-3, $name-4,
|
||||
$name-5, $name-6, $name-7, $name-8, $name-9);
|
||||
|
||||
-webkit-animation-name: $full;
|
||||
-moz-animation-name: $full;
|
||||
animation-name: $full;
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-duration ($time-1: 0,
|
||||
$time-2: false, $time-3: false,
|
||||
$time-4: false, $time-5: false,
|
||||
$time-6: false, $time-7: false,
|
||||
$time-8: false, $time-9: false)
|
||||
{
|
||||
$full: compact($time-1, $time-2, $time-3, $time-4,
|
||||
$time-5, $time-6, $time-7, $time-8, $time-9);
|
||||
|
||||
-webkit-animation-duration: $full;
|
||||
-moz-animation-duration: $full;
|
||||
animation-duration: $full;
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-timing-function ($motion-1: ease,
|
||||
// ease | linear | ease-in | ease-out | ease-in-out
|
||||
$motion-2: false, $motion-3: false,
|
||||
$motion-4: false, $motion-5: false,
|
||||
$motion-6: false, $motion-7: false,
|
||||
$motion-8: false, $motion-9: false)
|
||||
{
|
||||
$full: compact($motion-1, $motion-2, $motion-3, $motion-4,
|
||||
$motion-5, $motion-6, $motion-7, $motion-8, $motion-9);
|
||||
|
||||
-webkit-animation-timing-function: $full;
|
||||
-moz-animation-timing-function: $full;
|
||||
animation-timing-function: $full;
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-iteration-count ($value-1: 1,
|
||||
// infinite | <number>
|
||||
$value-2: false, $value-3: false,
|
||||
$value-4: false, $value-5: false,
|
||||
$value-6: false, $value-7: false,
|
||||
$value-8: false, $value-9: false)
|
||||
{
|
||||
$full: compact($value-1, $value-2, $value-3, $value-4,
|
||||
$value-5, $value-6, $value-7, $value-8, $value-9);
|
||||
|
||||
-webkit-animation-iteration-count: $full;
|
||||
-moz-animation-iteration-count: $full;
|
||||
animation-iteration-count: $full;
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-direction ($direction-1: normal,
|
||||
// normal | alternate
|
||||
$direction-2: false, $direction-3: false,
|
||||
$direction-4: false, $direction-5: false,
|
||||
$direction-6: false, $direction-7: false,
|
||||
$direction-8: false, $direction-9: false)
|
||||
{
|
||||
$full: compact($direction-1, $direction-2, $direction-3, $direction-4,
|
||||
$direction-5, $direction-6, $direction-7, $direction-8, $direction-9);
|
||||
|
||||
-webkit-animation-direction: $full;
|
||||
-moz-animation-direction: $full;
|
||||
animation-direction: $full;
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-play-state ($state-1: running,
|
||||
// running | paused
|
||||
$state-2: false, $state-3: false,
|
||||
$state-4: false, $state-5: false,
|
||||
$state-6: false, $state-7: false,
|
||||
$state-8: false, $state-9: false)
|
||||
{
|
||||
$full: compact($state-1, $state-2, $state-3, $state-4,
|
||||
$state-5, $state-6, $state-7, $state-8, $state-9);
|
||||
|
||||
-webkit-animation-play-state: $full;
|
||||
-moz-animation-play-state: $full;
|
||||
animation-play-state: $full;
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-delay ($time-1: 0,
|
||||
$time-2: false, $time-3: false,
|
||||
$time-4: false, $time-5: false,
|
||||
$time-6: false, $time-7: false,
|
||||
$time-8: false, $time-9: false)
|
||||
{
|
||||
$full: compact($time-1, $time-2, $time-3, $time-4,
|
||||
$time-5, $time-6, $time-7, $time-8, $time-9);
|
||||
|
||||
-webkit-animation-delay: $full;
|
||||
-moz-animation-delay: $full;
|
||||
animation-delay: $full;
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-fill-mode ($mode-1: none,
|
||||
// http://goo.gl/l6ckm
|
||||
// none | forwards | backwards | both
|
||||
$mode-2: false, $mode-3: false,
|
||||
$mode-4: false, $mode-5: false,
|
||||
$mode-6: false, $mode-7: false,
|
||||
$mode-8: false, $mode-9: false)
|
||||
{
|
||||
$full: compact($mode-1, $mode-2, $mode-3, $mode-4,
|
||||
$mode-5, $mode-6, $mode-7, $mode-8, $mode-9);
|
||||
|
||||
-webkit-animation-fill-mode: $full;
|
||||
-moz-animation-fill-mode: $full;
|
||||
animation-fill-mode: $full;
|
||||
}
|
||||
|
||||
|
||||
// Deprecated
|
||||
@mixin animation-basic ($name, $time: 0, $motion: ease) {
|
||||
$length-of-name: length($name);
|
||||
$length-of-time: length($time);
|
||||
$length-of-motion: length($motion);
|
||||
|
||||
@if $length-of-name > 1 {
|
||||
@include animation-name(zip($name));
|
||||
} @else {
|
||||
@include animation-name( $name);
|
||||
}
|
||||
|
||||
@if $length-of-time > 1 {
|
||||
@include animation-duration(zip($time));
|
||||
} @else {
|
||||
@include animation-duration( $time);
|
||||
}
|
||||
|
||||
@if $length-of-motion > 1 {
|
||||
@include animation-timing-function(zip($motion));
|
||||
} @else {
|
||||
@include animation-timing-function( $motion);
|
||||
}
|
||||
@warn "The animation-basic mixin is deprecated. Use the animation mixin instead.";
|
||||
}
|
||||
|
||||
7
cms/static/sass/bourbon/css3/_appearance.scss
vendored
Normal file
7
cms/static/sass/bourbon/css3/_appearance.scss
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
@mixin appearance ($value) {
|
||||
-webkit-appearance: $value;
|
||||
-moz-appearance: $value;
|
||||
-ms-appearance: $value;
|
||||
-o-appearance: $value;
|
||||
appearance: $value;
|
||||
}
|
||||
57
cms/static/sass/bourbon/css3/_background-image.scss
vendored
Normal file
57
cms/static/sass/bourbon/css3/_background-image.scss
vendored
Normal file
@@ -0,0 +1,57 @@
|
||||
//************************************************************************//
|
||||
// Background-image property for adding multiple background images with
|
||||
// gradients, or for stringing multiple gradients together.
|
||||
//************************************************************************//
|
||||
|
||||
@mixin background-image(
|
||||
$image-1 , $image-2: false,
|
||||
$image-3: false, $image-4: false,
|
||||
$image-5: false, $image-6: false,
|
||||
$image-7: false, $image-8: false,
|
||||
$image-9: false, $image-10: false
|
||||
) {
|
||||
$images: compact($image-1, $image-2,
|
||||
$image-3, $image-4,
|
||||
$image-5, $image-6,
|
||||
$image-7, $image-8,
|
||||
$image-9, $image-10);
|
||||
|
||||
background-image: add-prefix($images, webkit);
|
||||
background-image: add-prefix($images, moz);
|
||||
background-image: add-prefix($images, ms);
|
||||
background-image: add-prefix($images, o);
|
||||
background-image: add-prefix($images);
|
||||
}
|
||||
|
||||
|
||||
@function add-prefix($images, $vendor: false) {
|
||||
$images-prefixed: ();
|
||||
|
||||
@for $i from 1 through length($images) {
|
||||
$type: type-of(nth($images, $i)); // Get type of variable - List or String
|
||||
|
||||
// If variable is a list - Gradient
|
||||
@if $type == list {
|
||||
$gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial)
|
||||
$gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
|
||||
|
||||
$gradient: render-gradients($gradient-args, $gradient-type, $vendor);
|
||||
$images-prefixed: append($images-prefixed, $gradient, comma);
|
||||
}
|
||||
|
||||
// If variable is a string - Image
|
||||
@else if $type == string {
|
||||
$images-prefixed: join($images-prefixed, nth($images, $i), comma);
|
||||
}
|
||||
}
|
||||
@return $images-prefixed;
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Examples:
|
||||
//@include background-image(linear-gradient(top, orange, red));
|
||||
//@include background-image(radial-gradient(50% 50%, cover circle, orange, red));
|
||||
//@include background-image(url("/images/a.png"), linear-gradient(orange, red));
|
||||
//@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png"));
|
||||
//@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red);
|
||||
15
cms/static/sass/bourbon/css3/_background-size.scss
vendored
Normal file
15
cms/static/sass/bourbon/css3/_background-size.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
@mixin background-size ($length-1,
|
||||
$length-2: false, $length-3: false,
|
||||
$length-4: false, $length-5: false,
|
||||
$length-6: false, $length-7: false,
|
||||
$length-8: false, $length-9: false)
|
||||
{
|
||||
$full: compact($length-1, $length-2, $length-3, $length-4,
|
||||
$length-5, $length-6, $length-7, $length-8, $length-9);
|
||||
|
||||
-webkit-background-size: $full;
|
||||
-moz-background-size: $full;
|
||||
-ms-background-size: $full;
|
||||
-o-background-size: $full;
|
||||
background-size: $full;
|
||||
}
|
||||
56
cms/static/sass/bourbon/css3/_border-image.scss
vendored
Normal file
56
cms/static/sass/bourbon/css3/_border-image.scss
vendored
Normal file
@@ -0,0 +1,56 @@
|
||||
@mixin border-image($images) {
|
||||
-webkit-border-image: border-add-prefix($images, webkit);
|
||||
-moz-border-image: border-add-prefix($images, moz);
|
||||
-o-border-image: border-add-prefix($images, o);
|
||||
border-image: border-add-prefix($images);
|
||||
}
|
||||
|
||||
@function border-add-prefix($images, $vendor: false) {
|
||||
$border-image: ();
|
||||
$images-type: type-of(nth($images, 1));
|
||||
$first-var: nth(nth($images, 1), 1); // Get type of Gradient (Linear || radial)
|
||||
|
||||
// If input is a gradient
|
||||
@if $images-type == string {
|
||||
@if ($first-var == "linear") or ($first-var == "radial") {
|
||||
@for $i from 2 through length($images) {
|
||||
$gradient-type: nth($images, 1); // Get type of gradient (linear || radial)
|
||||
$gradient-args: nth($images, $i); // Get actual gradient (red, blue)
|
||||
$border-image: render-gradients($gradient-args, $gradient-type, $vendor);
|
||||
}
|
||||
}
|
||||
|
||||
// If input is a URL
|
||||
@else {
|
||||
$border-image: $images;
|
||||
}
|
||||
}
|
||||
|
||||
// If input is gradient or url + additional args
|
||||
@else if $images-type == list {
|
||||
@for $i from 1 through length($images) {
|
||||
$type: type-of(nth($images, $i)); // Get type of variable - List or String
|
||||
|
||||
// If variable is a list - Gradient
|
||||
@if $type == list {
|
||||
$gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial)
|
||||
$gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
|
||||
$border-image: render-gradients($gradient-args, $gradient-type, $vendor);
|
||||
}
|
||||
|
||||
// If variable is a string - Image or number
|
||||
@else if ($type == string) or ($type == number) {
|
||||
$border-image: append($border-image, nth($images, $i));
|
||||
}
|
||||
}
|
||||
}
|
||||
@return $border-image;
|
||||
}
|
||||
|
||||
//Examples:
|
||||
// @include border-image(url("image.png"));
|
||||
// @include border-image(url("image.png") 20 stretch);
|
||||
// @include border-image(linear-gradient(45deg, orange, yellow));
|
||||
// @include border-image(linear-gradient(45deg, orange, yellow) stretch);
|
||||
// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
|
||||
// @include border-image(radial-gradient(top, cover, orange, yellow, orange));
|
||||
63
cms/static/sass/bourbon/css3/_border-radius.scss
vendored
Normal file
63
cms/static/sass/bourbon/css3/_border-radius.scss
vendored
Normal file
@@ -0,0 +1,63 @@
|
||||
@mixin border-radius ($radii) {
|
||||
-webkit-border-radius: $radii;
|
||||
-moz-border-radius: $radii;
|
||||
-ms-border-radius: $radii;
|
||||
-o-border-radius: $radii;
|
||||
border-radius: $radii;
|
||||
}
|
||||
|
||||
@mixin border-top-left-radius($radii) {
|
||||
-webkit-border-top-left-radius: $radii;
|
||||
-moz-border-top-left-radius: $radii;
|
||||
-moz-border-radius-topleft: $radii;
|
||||
-ms-border-top-left-radius: $radii;
|
||||
-o-border-top-left-radius: $radii;
|
||||
border-top-left-radius: $radii;
|
||||
}
|
||||
|
||||
@mixin border-top-right-radius($radii) {
|
||||
-webkit-border-top-right-radius: $radii;
|
||||
-moz-border-top-right-radius: $radii;
|
||||
-moz-border-radius-topright: $radii;
|
||||
-ms-border-top-right-radius: $radii;
|
||||
-o-border-top-right-radius: $radii;
|
||||
border-top-right-radius: $radii;
|
||||
}
|
||||
|
||||
@mixin border-bottom-left-radius($radii) {
|
||||
-webkit-border-bottom-left-radius: $radii;
|
||||
-moz-border-bottom-left-radius: $radii;
|
||||
-moz-border-radius-bottomleft: $radii;
|
||||
-ms-border-bottom-left-radius: $radii;
|
||||
-o-border-bottom-left-radius: $radii;
|
||||
border-bottom-left-radius: $radii;
|
||||
}
|
||||
|
||||
@mixin border-bottom-right-radius($radii) {
|
||||
-webkit-border-bottom-right-radius: $radii;
|
||||
-moz-border-bottom-right-radius: $radii;
|
||||
-moz-border-radius-bottomright: $radii;
|
||||
-ms-border-bottom-right-radius: $radii;
|
||||
-o-border-bottom-right-radius: $radii;
|
||||
border-bottom-right-radius: $radii;
|
||||
}
|
||||
|
||||
@mixin border-top-radius($radii) {
|
||||
@include border-top-left-radius($radii);
|
||||
@include border-top-right-radius($radii);
|
||||
}
|
||||
|
||||
@mixin border-right-radius($radii) {
|
||||
@include border-top-right-radius($radii);
|
||||
@include border-bottom-right-radius($radii);
|
||||
}
|
||||
|
||||
@mixin border-bottom-radius($radii) {
|
||||
@include border-bottom-left-radius($radii);
|
||||
@include border-bottom-right-radius($radii);
|
||||
}
|
||||
|
||||
@mixin border-left-radius($radii) {
|
||||
@include border-top-left-radius($radii);
|
||||
@include border-bottom-left-radius($radii);
|
||||
}
|
||||
14
cms/static/sass/bourbon/css3/_box-shadow.scss
vendored
Normal file
14
cms/static/sass/bourbon/css3/_box-shadow.scss
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
// Box-Shadow Mixin Requires Sass v3.1.1+
|
||||
@mixin box-shadow ($shadow-1,
|
||||
$shadow-2: false, $shadow-3: false,
|
||||
$shadow-4: false, $shadow-5: false,
|
||||
$shadow-6: false, $shadow-7: false,
|
||||
$shadow-8: false, $shadow-9: false)
|
||||
{
|
||||
$full: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4,
|
||||
$shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9);
|
||||
|
||||
-webkit-box-shadow: $full;
|
||||
-moz-box-shadow: $full;
|
||||
box-shadow: $full;
|
||||
}
|
||||
6
cms/static/sass/bourbon/css3/_box-sizing.scss
vendored
Normal file
6
cms/static/sass/bourbon/css3/_box-sizing.scss
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
@mixin box-sizing ($box) {
|
||||
// content-box | border-box | inherit
|
||||
-webkit-box-sizing: $box;
|
||||
-moz-box-sizing: $box;
|
||||
box-sizing: $box;
|
||||
}
|
||||
67
cms/static/sass/bourbon/css3/_columns.scss
vendored
Normal file
67
cms/static/sass/bourbon/css3/_columns.scss
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
@mixin columns($arg: auto) {
|
||||
// <column-count> || <column-width>
|
||||
-webkit-columns: $arg;
|
||||
-moz-columns: $arg;
|
||||
columns: $arg;
|
||||
}
|
||||
|
||||
@mixin column-count($int: auto) {
|
||||
// auto || integer
|
||||
-webkit-column-count: $int;
|
||||
-moz-column-count: $int;
|
||||
column-count: $int;
|
||||
}
|
||||
|
||||
@mixin column-gap($length: normal) {
|
||||
// normal || length
|
||||
-webkit-column-gap: $length;
|
||||
-moz-column-gap: $length;
|
||||
column-gap: $length;
|
||||
}
|
||||
|
||||
@mixin column-fill($arg: auto) {
|
||||
// auto || length
|
||||
-webkit-columns-fill: $arg;
|
||||
-moz-columns-fill: $arg;
|
||||
columns-fill: $arg;
|
||||
}
|
||||
|
||||
@mixin column-rule($arg) {
|
||||
// <border-width> || <border-style> || <color>
|
||||
-webkit-column-rule: $arg;
|
||||
-moz-column-rule: $arg;
|
||||
column-rule: $arg;
|
||||
}
|
||||
|
||||
@mixin column-rule-color($color) {
|
||||
-webkit-column-rule-color: $color;
|
||||
-moz-column-rule-color: $color;
|
||||
column-rule-color: $color;
|
||||
}
|
||||
|
||||
@mixin column-rule-style($style: none) {
|
||||
// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
|
||||
-webkit-column-rule-style: $style;
|
||||
-moz-column-rule-style: $style;
|
||||
column-rule-style: $style;
|
||||
}
|
||||
|
||||
@mixin column-rule-width ($width: none) {
|
||||
-webkit-column-rule-width: $width;
|
||||
-moz-column-rule-width: $width;
|
||||
column-rule-width: $width;
|
||||
}
|
||||
|
||||
@mixin column-span($arg: none) {
|
||||
// none || all
|
||||
-webkit-column-span: $arg;
|
||||
-moz-column-span: $arg;
|
||||
column-span: $arg;
|
||||
}
|
||||
|
||||
@mixin column-width($length: auto) {
|
||||
// auto || length
|
||||
-webkit-column-width: $length;
|
||||
-moz-column-width: $length;
|
||||
column-width: $length;
|
||||
}
|
||||
67
cms/static/sass/bourbon/css3/_flex-box.scss
vendored
Normal file
67
cms/static/sass/bourbon/css3/_flex-box.scss
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
// CSS3 Flexible Box Model and property defaults
|
||||
|
||||
// Custom shorthand notation for flexbox
|
||||
@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
|
||||
@include display-box;
|
||||
@include box-orient($orient);
|
||||
@include box-pack($pack);
|
||||
@include box-align($align);
|
||||
}
|
||||
|
||||
@mixin display-box {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: box;
|
||||
}
|
||||
|
||||
@mixin box-orient($orient: inline-axis) {
|
||||
// horizontal|vertical|inline-axis|block-axis|inherit
|
||||
-webkit-box-orient: $orient;
|
||||
-moz-box-orient: $orient;
|
||||
box-orient: $orient;
|
||||
}
|
||||
|
||||
@mixin box-pack($pack: start) {
|
||||
// start|end|center|justify
|
||||
-webkit-box-pack: $pack;
|
||||
-moz-box-pack: $pack;
|
||||
box-pack: $pack;
|
||||
}
|
||||
|
||||
@mixin box-align($align: stretch) {
|
||||
// start|end|center|baseline|stretch
|
||||
-webkit-box-align: $align;
|
||||
-moz-box-align: $align;
|
||||
box-align: $align;
|
||||
}
|
||||
|
||||
@mixin box-direction($direction: normal) {
|
||||
// normal|reverse|inherit
|
||||
-webkit-box-direction: $direction;
|
||||
-moz-box-direction: $direction;
|
||||
box-direction: $direction;
|
||||
}
|
||||
@mixin box-lines($lines: single) {
|
||||
// single|multiple
|
||||
-webkit-box-lines: $lines;
|
||||
-moz-box-lines: $lines;
|
||||
box-lines: $lines;
|
||||
}
|
||||
|
||||
@mixin box-ordinal-group($integer: 1) {
|
||||
-webkit-box-ordinal-group: $integer;
|
||||
-moz-box-ordinal-group: $integer;
|
||||
box-ordinal-group: $integer;
|
||||
}
|
||||
|
||||
@mixin box-flex($value: 0.0) {
|
||||
-webkit-box-flex: $value;
|
||||
-moz-box-flex: $value;
|
||||
box-flex: $value;
|
||||
}
|
||||
|
||||
@mixin box-flex-group($integer: 1) {
|
||||
-webkit-box-flex-group: $integer;
|
||||
-moz-box-flex-group: $integer;
|
||||
box-flex-group: $integer;
|
||||
}
|
||||
10
cms/static/sass/bourbon/css3/_inline-block.scss
vendored
Normal file
10
cms/static/sass/bourbon/css3/_inline-block.scss
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
// Legacy support for inline-block in IE7 (maybe IE6)
|
||||
@mixin inline-block {
|
||||
display: -moz-inline-box;
|
||||
-moz-box-orient: vertical;
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
*vertical-align: auto;
|
||||
}
|
||||
41
cms/static/sass/bourbon/css3/_linear-gradient.scss
vendored
Normal file
41
cms/static/sass/bourbon/css3/_linear-gradient.scss
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
@mixin linear-gradient($pos, $G1, $G2: false,
|
||||
$G3: false, $G4: false,
|
||||
$G5: false, $G6: false,
|
||||
$G7: false, $G8: false,
|
||||
$G9: false, $G10: false,
|
||||
$fallback: false) {
|
||||
// Detect what type of value exists in $pos
|
||||
$pos-type: type-of(nth($pos, 1));
|
||||
|
||||
// If $pos is missing from mixin, reassign vars and add default position
|
||||
@if ($pos-type == color) or (nth($pos, 1) == "transparent") {
|
||||
$G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
|
||||
$G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
|
||||
$pos: top; // Default position
|
||||
}
|
||||
|
||||
$full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
|
||||
|
||||
// Set $G1 as the default fallback color
|
||||
$fallback-color: nth($G1, 1);
|
||||
|
||||
// If $fallback is a color use that color as the fallback color
|
||||
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
||||
$fallback-color: $fallback;
|
||||
}
|
||||
|
||||
background-color: $fallback-color;
|
||||
background-image: deprecated-webkit-gradient(linear, $full); // Safari <= 5.0
|
||||
background-image: -webkit-linear-gradient($pos, $full); // Safari 5.1+, Chrome
|
||||
background-image: -moz-linear-gradient($pos, $full);
|
||||
background-image: -ms-linear-gradient($pos, $full);
|
||||
background-image: -o-linear-gradient($pos, $full);
|
||||
background-image: unquote("linear-gradient(#{$pos}, #{$full})");
|
||||
}
|
||||
|
||||
|
||||
// Usage: Gradient position is optional, default is top. Position can be a degree. Color stops are optional as well.
|
||||
// @include linear-gradient(#1e5799, #2989d8);
|
||||
// @include linear-gradient(#1e5799, #2989d8, $fallback:#2989d8);
|
||||
// @include linear-gradient(top, #1e5799 0%, #2989d8 50%);
|
||||
// @include linear-gradient(50deg, rgba(10, 10, 10, 0.5) 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
|
||||
31
cms/static/sass/bourbon/css3/_radial-gradient.scss
vendored
Normal file
31
cms/static/sass/bourbon/css3/_radial-gradient.scss
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
// Requires Sass 3.1+
|
||||
@mixin radial-gradient($pos, $shape-size,
|
||||
$G1, $G2,
|
||||
$G3: false, $G4: false,
|
||||
$G5: false, $G6: false,
|
||||
$G7: false, $G8: false,
|
||||
$G9: false, $G10: false,
|
||||
$fallback: false) {
|
||||
|
||||
$full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
|
||||
|
||||
// Set $G1 as the default fallback color
|
||||
$fallback-color: nth($G1, 1);
|
||||
|
||||
// If $fallback is a color use that color as the fallback color
|
||||
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
||||
$fallback-color: $fallback;
|
||||
}
|
||||
|
||||
background-color: $fallback-color;
|
||||
background-image: deprecated-webkit-gradient(radial, $full); // Safari <= 5.0
|
||||
background-image: -webkit-radial-gradient($pos, $shape-size, $full);
|
||||
background-image: -moz-radial-gradient($pos, $shape-size, $full);
|
||||
background-image: -ms-radial-gradient($pos, $shape-size, $full);
|
||||
background-image: -o-radial-gradient($pos, $shape-size, $full);
|
||||
background-image: unquote("radial-gradient(#{$pos}, #{$shape-size}, #{$full})");
|
||||
}
|
||||
|
||||
// Usage: Gradient position and shape-size are required. Color stops are optional.
|
||||
// @include radial-gradient(50% 50%, circle cover, #1e5799, #efefef);
|
||||
// @include radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef);
|
||||
19
cms/static/sass/bourbon/css3/_transform.scss
vendored
Normal file
19
cms/static/sass/bourbon/css3/_transform.scss
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
@mixin transform($property: none) {
|
||||
// none | <transform-function>
|
||||
-webkit-transform: $property;
|
||||
-moz-transform: $property;
|
||||
-ms-transform: $property;
|
||||
-o-transform: $property;
|
||||
transform: $property;
|
||||
}
|
||||
|
||||
@mixin transform-origin($axes: 50%) {
|
||||
// x-axis - left | center | right | length | %
|
||||
// y-axis - top | center | bottom | length | %
|
||||
// z-axis - length
|
||||
-webkit-transform-origin: $axes;
|
||||
-moz-transform-origin: $axes;
|
||||
-ms-transform-origin: $axes;
|
||||
-o-transform-origin: $axes;
|
||||
transform-origin: $axes;
|
||||
}
|
||||
104
cms/static/sass/bourbon/css3/_transition.scss
vendored
Normal file
104
cms/static/sass/bourbon/css3/_transition.scss
vendored
Normal file
@@ -0,0 +1,104 @@
|
||||
// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
|
||||
// Example: @include transition (all, 2.0s, ease-in-out);
|
||||
// @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
|
||||
// @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
|
||||
|
||||
@mixin transition ($property: all, $duration: 0.15s, $timing-function: ease-out, $delay: 0) {
|
||||
|
||||
// Detect # of args passed into each variable
|
||||
$length-of-property: length($property);
|
||||
$length-of-duration: length($duration);
|
||||
$length-of-timing-function: length($timing-function);
|
||||
$length-of-delay: length($delay);
|
||||
|
||||
@if $length-of-property > 1 {
|
||||
@include transition-property(zip($property)); }
|
||||
@else {
|
||||
@include transition-property( $property);
|
||||
}
|
||||
|
||||
@if $length-of-duration > 1 {
|
||||
@include transition-duration(zip($duration)); }
|
||||
@else {
|
||||
@include transition-duration( $duration);
|
||||
}
|
||||
|
||||
@if $length-of-timing-function > 1 {
|
||||
@include transition-timing-function(zip($timing-function)); }
|
||||
@else {
|
||||
@include transition-timing-function( $timing-function);
|
||||
}
|
||||
|
||||
@if $length-of-delay > 1 {
|
||||
@include transition-delay(zip($delay)); }
|
||||
@else {
|
||||
@include transition-delay( $delay);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@mixin transition-property ($prop-1: all,
|
||||
$prop-2: false, $prop-3: false,
|
||||
$prop-4: false, $prop-5: false,
|
||||
$prop-6: false, $prop-7: false,
|
||||
$prop-8: false, $prop-9: false)
|
||||
{
|
||||
$full: compact($prop-1, $prop-2, $prop-3, $prop-4, $prop-5,
|
||||
$prop-6, $prop-7, $prop-8, $prop-9);
|
||||
|
||||
-webkit-transition-property: $full;
|
||||
-moz-transition-property: $full;
|
||||
-ms-transition-property: $full;
|
||||
-o-transition-property: $full;
|
||||
transition-property: $full;
|
||||
}
|
||||
|
||||
@mixin transition-duration ($time-1: 0,
|
||||
$time-2: false, $time-3: false,
|
||||
$time-4: false, $time-5: false,
|
||||
$time-6: false, $time-7: false,
|
||||
$time-8: false, $time-9: false)
|
||||
{
|
||||
$full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
|
||||
$time-6, $time-7, $time-8, $time-9);
|
||||
|
||||
-webkit-transition-duration: $full;
|
||||
-moz-transition-duration: $full;
|
||||
-ms-transition-duration: $full;
|
||||
-o-transition-duration: $full;
|
||||
transition-duration: $full;
|
||||
}
|
||||
|
||||
@mixin transition-timing-function ($motion-1: ease,
|
||||
$motion-2: false, $motion-3: false,
|
||||
$motion-4: false, $motion-5: false,
|
||||
$motion-6: false, $motion-7: false,
|
||||
$motion-8: false, $motion-9: false)
|
||||
{
|
||||
$full: compact($motion-1, $motion-2, $motion-3, $motion-4, $motion-5,
|
||||
$motion-6, $motion-7, $motion-8, $motion-9);
|
||||
|
||||
// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
|
||||
-webkit-transition-timing-function: $full;
|
||||
-moz-transition-timing-function: $full;
|
||||
-ms-transition-timing-function: $full;
|
||||
-o-transition-timing-function: $full;
|
||||
transition-timing-function: $full;
|
||||
}
|
||||
|
||||
@mixin transition-delay ($time-1: 0,
|
||||
$time-2: false, $time-3: false,
|
||||
$time-4: false, $time-5: false,
|
||||
$time-6: false, $time-7: false,
|
||||
$time-8: false, $time-9: false)
|
||||
{
|
||||
$full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
|
||||
$time-6, $time-7, $time-8, $time-9);
|
||||
|
||||
-webkit-transition-delay: $full;
|
||||
-moz-transition-delay: $full;
|
||||
-ms-transition-delay: $full;
|
||||
-o-transition-delay: $full;
|
||||
transition-delay: $full;
|
||||
}
|
||||
|
||||
6
cms/static/sass/bourbon/css3/_user-select.scss
vendored
Normal file
6
cms/static/sass/bourbon/css3/_user-select.scss
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
@mixin user-select($arg: none) {
|
||||
-webkit-user-select: $arg;
|
||||
-moz-user-select: $arg;
|
||||
-ms-user-select: $arg;
|
||||
user-select: $arg;
|
||||
}
|
||||
36
cms/static/sass/bourbon/functions/_deprecated-webkit-gradient.scss
vendored
Normal file
36
cms/static/sass/bourbon/functions/_deprecated-webkit-gradient.scss
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
// Render Deprecated Webkit Gradient - Linear || Radial
|
||||
//************************************************************************//
|
||||
@function deprecated-webkit-gradient($type, $full) {
|
||||
$gradient-list: ();
|
||||
$gradient: false;
|
||||
$full-length: length($full);
|
||||
$percentage: false;
|
||||
$gradient-type: $type;
|
||||
|
||||
@for $i from 1 through $full-length {
|
||||
$gradient: nth($full, $i);
|
||||
|
||||
@if length($gradient) == 2 {
|
||||
$color-stop: color-stop(nth($gradient, 2), nth($gradient, 1));
|
||||
$gradient-list: join($gradient-list, $color-stop, comma);
|
||||
}
|
||||
@else {
|
||||
@if $i == $full-length {
|
||||
$percentage: 100%;
|
||||
}
|
||||
@else {
|
||||
$percentage: ($i - 1) * (100 / ($full-length - 1)) + "%";
|
||||
}
|
||||
$color-stop: color-stop(unquote($percentage), $gradient);
|
||||
$gradient-list: join($gradient-list, $color-stop, comma);
|
||||
}
|
||||
}
|
||||
|
||||
@if $type == radial {
|
||||
$gradient: -webkit-gradient(radial, center center, 0, center center, 460, $gradient-list);
|
||||
}
|
||||
@else if $type == linear {
|
||||
$gradient: -webkit-gradient(linear, left top, left bottom, $gradient-list);
|
||||
}
|
||||
@return $gradient;
|
||||
}
|
||||
35
cms/static/sass/bourbon/functions/_flex-grid.scss
vendored
Normal file
35
cms/static/sass/bourbon/functions/_flex-grid.scss
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
// Flexible grid
|
||||
@function flex-grid($columns, $container-columns: $fg-max-columns) {
|
||||
$width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
|
||||
$container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
|
||||
@return percentage($width / $container-width);
|
||||
}
|
||||
|
||||
// Flexible gutter
|
||||
@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
|
||||
$container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
|
||||
@return percentage($gutter / $container-width);
|
||||
}
|
||||
|
||||
// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
|
||||
// This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
|
||||
//
|
||||
// $fg-column: 60px; // Column Width
|
||||
// $fg-gutter: 25px; // Gutter Width
|
||||
// $fg-max-columns: 12; // Total Columns For Main Container
|
||||
//
|
||||
// div {
|
||||
// width: flex-grid(4); // returns (315px / 1020px) = 30.882353%;
|
||||
// margin-left: flex-gutter(); // returns (25px / 1020px) = 2.45098%;
|
||||
//
|
||||
// p {
|
||||
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
|
||||
// float: left;
|
||||
// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
|
||||
// }
|
||||
//
|
||||
// blockquote {
|
||||
// float: left;
|
||||
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
|
||||
// }
|
||||
// }
|
||||
13
cms/static/sass/bourbon/functions/_grid-width.scss
vendored
Normal file
13
cms/static/sass/bourbon/functions/_grid-width.scss
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
@function grid-width($n) {
|
||||
@return $n * $gw-column + ($n - 1) * $gw-gutter;
|
||||
}
|
||||
|
||||
// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function.
|
||||
//
|
||||
// $gw-column: 100px; // Column Width
|
||||
// $gw-gutter: 40px; // Gutter Width
|
||||
//
|
||||
// div {
|
||||
// width: grid-width(4); // returns 520px;
|
||||
// margin-left: $gw-gutter; // returns 40px;
|
||||
// }
|
||||
23
cms/static/sass/bourbon/functions/_linear-gradient.scss
vendored
Normal file
23
cms/static/sass/bourbon/functions/_linear-gradient.scss
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
@function linear-gradient($pos: top, $G1: false, $G2: false,
|
||||
$G3: false, $G4: false,
|
||||
$G5: false, $G6: false,
|
||||
$G7: false, $G8: false,
|
||||
$G9: false, $G10: false) {
|
||||
|
||||
// Detect what type of value exists in $pos
|
||||
$pos-type: type-of(nth($pos, 1));
|
||||
|
||||
// If $pos is missing from mixin, reassign vars and add default position
|
||||
@if ($pos-type == color) or (nth($pos, 1) == "transparent") {
|
||||
$G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
|
||||
$G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
|
||||
$pos: top; // Default position
|
||||
}
|
||||
|
||||
$type: linear;
|
||||
$gradient: compact($pos, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
|
||||
$type-gradient: append($type, $gradient, comma);
|
||||
|
||||
@return $type-gradient;
|
||||
}
|
||||
|
||||
40
cms/static/sass/bourbon/functions/_modular-scale.scss
vendored
Normal file
40
cms/static/sass/bourbon/functions/_modular-scale.scss
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
@function modular-scale($value, $increment, $ratio) {
|
||||
@if $increment > 0 {
|
||||
@for $i from 1 through $increment {
|
||||
$value: ($value * $ratio);
|
||||
}
|
||||
}
|
||||
|
||||
@if $increment < 0 {
|
||||
$increment: abs($increment);
|
||||
@for $i from 1 through $increment {
|
||||
$value: ($value / $ratio);
|
||||
}
|
||||
}
|
||||
|
||||
@return $value;
|
||||
}
|
||||
|
||||
// div {
|
||||
// Increment Up GR with positive value
|
||||
// font-size: modular-scale(14px, 1, 1.618); // returns: 22.652px
|
||||
//
|
||||
// Increment Down GR with negative value
|
||||
// font-size: modular-scale(14px, -1, 1.618); // returns: 8.653px
|
||||
//
|
||||
// Can be used with ceil(round up) or floor(round down)
|
||||
// font-size: floor( modular-scale(14px, 1, 1.618) ); // returns: 22px
|
||||
// font-size: ceil( modular-scale(14px, 1, 1.618) ); // returns: 23px
|
||||
// }
|
||||
//
|
||||
// modularscale.com
|
||||
|
||||
@function golden-ratio($value, $increment) {
|
||||
@return modular-scale($value, $increment, 1.618)
|
||||
}
|
||||
|
||||
// div {
|
||||
// font-size: golden-ratio(14px, 1); // returns: 22.652px
|
||||
// }
|
||||
//
|
||||
// goldenratiocalculator.com
|
||||
15
cms/static/sass/bourbon/functions/_radial-gradient.scss
vendored
Normal file
15
cms/static/sass/bourbon/functions/_radial-gradient.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
// This function is required and used by the background-image mixin.
|
||||
@function radial-gradient($pos, $shape-size,
|
||||
$G1, $G2,
|
||||
$G3: false, $G4: false,
|
||||
$G5: false, $G6: false,
|
||||
$G7: false, $G8: false,
|
||||
$G9: false, $G10: false) {
|
||||
|
||||
$type: radial;
|
||||
$gradient: compact($pos, $shape-size, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
|
||||
$type-gradient: append($type, $gradient, comma);
|
||||
|
||||
@return $type-gradient;
|
||||
}
|
||||
|
||||
14
cms/static/sass/bourbon/functions/_render-gradients.scss
vendored
Normal file
14
cms/static/sass/bourbon/functions/_render-gradients.scss
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
// User for linear and radial gradients within background-image or border-image properties
|
||||
|
||||
@function render-gradients($gradients, $gradient-type, $vendor: false) {
|
||||
$vendor-gradients: false;
|
||||
@if $vendor {
|
||||
$vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient($gradients);
|
||||
}
|
||||
|
||||
@else if $vendor == false {
|
||||
$vendor-gradients: "#{$gradient-type}-gradient(#{$gradients})";
|
||||
$vendor-gradients: unquote($vendor-gradients);
|
||||
}
|
||||
@return $vendor-gradients;
|
||||
}
|
||||
9
cms/static/sass/bourbon/functions/_tint-shade.scss
vendored
Normal file
9
cms/static/sass/bourbon/functions/_tint-shade.scss
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
// Add percentage of white to a color
|
||||
@function tint($color, $percent){
|
||||
@return mix(white, $color, $percent);
|
||||
}
|
||||
|
||||
// Add percentage of black to a color
|
||||
@function shade($color, $percent){
|
||||
@return mix(black, $color, $percent);
|
||||
}
|
||||
19
cms/static/sass/bourbon/lib/bourbon.rb
Normal file
19
cms/static/sass/bourbon/lib/bourbon.rb
Normal file
@@ -0,0 +1,19 @@
|
||||
require "bourbon/generator"
|
||||
|
||||
module Bourbon
|
||||
if defined?(Rails)
|
||||
class Engine < ::Rails::Engine
|
||||
require 'bourbon/engine'
|
||||
end
|
||||
|
||||
module Rails
|
||||
class Railtie < ::Rails::Railtie
|
||||
rake_tasks do
|
||||
load "tasks/install.rake"
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
require File.join(File.dirname(__FILE__), "/bourbon/sass_extensions")
|
||||
6
cms/static/sass/bourbon/lib/bourbon/sass_extensions.rb
Normal file
6
cms/static/sass/bourbon/lib/bourbon/sass_extensions.rb
Normal file
@@ -0,0 +1,6 @@
|
||||
module Bourbon::SassExtensions
|
||||
end
|
||||
|
||||
require "sass"
|
||||
|
||||
require File.join(File.dirname(__FILE__), "/sass_extensions/functions")
|
||||
@@ -0,0 +1,13 @@
|
||||
module Bourbon::SassExtensions::Functions
|
||||
end
|
||||
|
||||
require File.join(File.dirname(__FILE__), "/functions/compact")
|
||||
|
||||
module Sass::Script::Functions
|
||||
include Bourbon::SassExtensions::Functions::Compact
|
||||
end
|
||||
|
||||
# Wierd that this has to be re-included to pick up sub-modules. Ruby bug?
|
||||
class Sass::Script::Functions::EvaluationContext
|
||||
include Sass::Script::Functions
|
||||
end
|
||||
@@ -0,0 +1,13 @@
|
||||
# Compact function pulled from compass
|
||||
module Bourbon::SassExtensions::Functions::Compact
|
||||
|
||||
def compact(*args)
|
||||
sep = :comma
|
||||
if args.size == 1 && args.first.is_a?(Sass::Script::List)
|
||||
args = args.first.value
|
||||
sep = args.first.separator
|
||||
end
|
||||
Sass::Script::List.new(args.reject{|a| !a.to_bool}, sep)
|
||||
end
|
||||
|
||||
end
|
||||
Reference in New Issue
Block a user