mirror of
https://github.com/ascribe/onion.git
synced 2024-12-22 09:23:13 +01:00
Merge branch 'AD-901-add-lint-for-scss' into AD-456-ikonotv-branded-page-for-registra
This commit is contained in:
Tim Daubenschütz
commit
56cdcdb5c6
224
.scss-lint.yml
Normal file
224
.scss-lint.yml
Normal file
@ -0,0 +1,224 @@
|
||||
linters:
|
||||
BangFormat:
|
||||
enabled: true
|
||||
space_before_bang: true
|
||||
space_after_bang: false
|
||||
|
||||
BemDepth:
|
||||
enabled: false
|
||||
max_elements: 1
|
||||
|
||||
BorderZero:
|
||||
enabled: true
|
||||
convention: zero # or `none`
|
||||
|
||||
ColorKeyword:
|
||||
enabled: true
|
||||
|
||||
ColorVariable:
|
||||
enabled: true
|
||||
|
||||
Comment:
|
||||
enabled: true
|
||||
|
||||
DebugStatement:
|
||||
enabled: true
|
||||
|
||||
DeclarationOrder:
|
||||
enabled: true
|
||||
|
||||
DisableLinterReason:
|
||||
enabled: false
|
||||
|
||||
DuplicateProperty:
|
||||
enabled: true
|
||||
|
||||
ElsePlacement:
|
||||
enabled: true
|
||||
style: same_line # or 'new_line'
|
||||
|
||||
EmptyLineBetweenBlocks:
|
||||
enabled: true
|
||||
ignore_single_line_blocks: true
|
||||
|
||||
EmptyRule:
|
||||
enabled: true
|
||||
|
||||
ExtendDirective:
|
||||
enabled: false
|
||||
|
||||
FinalNewline:
|
||||
enabled: true
|
||||
present: true
|
||||
|
||||
HexLength:
|
||||
enabled: true
|
||||
style: short # or 'long'
|
||||
|
||||
HexNotation:
|
||||
enabled: true
|
||||
style: lowercase # or 'uppercase'
|
||||
|
||||
HexValidation:
|
||||
enabled: true
|
||||
|
||||
IdSelector:
|
||||
enabled: true
|
||||
|
||||
ImportantRule:
|
||||
enabled: true
|
||||
|
||||
ImportPath:
|
||||
enabled: true
|
||||
leading_underscore: false
|
||||
filename_extension: false
|
||||
|
||||
Indentation:
|
||||
enabled: true
|
||||
allow_non_nested_indentation: false
|
||||
character: space # or 'tab'
|
||||
width: 4
|
||||
|
||||
LeadingZero:
|
||||
enabled: true
|
||||
style: exclude_zero # or 'include_zero'
|
||||
|
||||
MergeableSelector:
|
||||
enabled: true
|
||||
force_nesting: true
|
||||
|
||||
NameFormat:
|
||||
enabled: true
|
||||
allow_leading_underscore: true
|
||||
convention: hyphenated_lowercase # or 'camel_case', or 'snake_case', or a regex pattern
|
||||
|
||||
NestingDepth:
|
||||
enabled: true
|
||||
max_depth: 3
|
||||
ignore_parent_selectors: false
|
||||
|
||||
PlaceholderInExtend:
|
||||
enabled: true
|
||||
|
||||
PropertyCount:
|
||||
enabled: false
|
||||
include_nested: false
|
||||
max_properties: 10
|
||||
|
||||
PropertySortOrder:
|
||||
enabled: true
|
||||
ignore_unspecified: false
|
||||
min_properties: 2
|
||||
separate_groups: false
|
||||
|
||||
PropertySpelling:
|
||||
enabled: true
|
||||
extra_properties: []
|
||||
|
||||
PropertyUnits:
|
||||
enabled: true
|
||||
global: [
|
||||
'ch', 'em', 'ex', 'rem', # Font-relative lengths
|
||||
'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths
|
||||
'vh', 'vw', 'vmin', 'vmax', # Viewport-percentage lengths
|
||||
'deg', 'grad', 'rad', 'turn', # Angle
|
||||
'ms', 's', # Duration
|
||||
'Hz', 'kHz', # Frequency
|
||||
'dpi', 'dpcm', 'dppx', # Resolution
|
||||
'%'] # Other
|
||||
properties: {}
|
||||
|
||||
QualifyingElement:
|
||||
enabled: true
|
||||
allow_element_with_attribute: false
|
||||
allow_element_with_class: false
|
||||
allow_element_with_id: false
|
||||
|
||||
SelectorDepth:
|
||||
enabled: true
|
||||
max_depth: 3
|
||||
|
||||
SelectorFormat:
|
||||
enabled: true
|
||||
convention: hyphenated_lowercase # or 'strict_BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern
|
||||
|
||||
Shorthand:
|
||||
enabled: true
|
||||
allowed_shorthands: [1, 2, 3]
|
||||
|
||||
SingleLinePerProperty:
|
||||
enabled: true
|
||||
allow_single_line_rule_sets: true
|
||||
|
||||
SingleLinePerSelector:
|
||||
enabled: true
|
||||
|
||||
SpaceAfterComma:
|
||||
enabled: true
|
||||
|
||||
SpaceAfterPropertyColon:
|
||||
enabled: true
|
||||
style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
|
||||
|
||||
SpaceAfterPropertyName:
|
||||
enabled: true
|
||||
|
||||
SpaceAfterVariableName:
|
||||
enabled: true
|
||||
|
||||
SpaceAroundOperator:
|
||||
enabled: true
|
||||
style: one_space # or 'no_space'
|
||||
|
||||
SpaceBeforeBrace:
|
||||
enabled: true
|
||||
style: space # or 'new_line'
|
||||
allow_single_line_padding: false
|
||||
|
||||
SpaceBetweenParens:
|
||||
enabled: true
|
||||
spaces: 0
|
||||
|
||||
StringQuotes:
|
||||
enabled: true
|
||||
style: single_quotes # or double_quotes
|
||||
|
||||
TrailingSemicolon:
|
||||
enabled: true
|
||||
|
||||
TrailingWhitespace:
|
||||
enabled: true
|
||||
|
||||
TrailingZero:
|
||||
enabled: false
|
||||
|
||||
TransitionAll:
|
||||
enabled: false
|
||||
|
||||
UnnecessaryMantissa:
|
||||
enabled: true
|
||||
|
||||
UnnecessaryParentReference:
|
||||
enabled: true
|
||||
|
||||
UrlFormat:
|
||||
enabled: true
|
||||
|
||||
UrlQuotes:
|
||||
enabled: true
|
||||
|
||||
VariableForProperty:
|
||||
enabled: false
|
||||
properties: []
|
||||
|
||||
VendorPrefix:
|
||||
enabled: false
|
||||
identifier_list: base
|
||||
additional_identifiers: []
|
||||
excluded_identifiers: []
|
||||
|
||||
ZeroUnit:
|
||||
enabled: true
|
||||
|
||||
Compass::*:
|
||||
enabled: false
|
||||
13
README.md
13
README.md
@ -32,8 +32,8 @@ Additionally, to work on the white labeling functionality, you need to edit your
|
||||
```
|
||||
|
||||
|
||||
Code Conventions
|
||||
================
|
||||
JavaScript Code Conventions
|
||||
===========================
|
||||
For this project, we're using:
|
||||
|
||||
* 4 Spaces
|
||||
@ -42,6 +42,15 @@ For this project, we're using:
|
||||
* We don't use camel case for file naming but in everything Javascript related
|
||||
* We use `let` instead of `var`: [SA Post](http://stackoverflow.com/questions/762011/javascript-let-keyword-vs-var-keyword)
|
||||
|
||||
|
||||
SCSS Code Conventions
|
||||
=====================
|
||||
Install [lint-scss](https://github.com/brigade/scss-lint), check the [editor integration docs](https://github.com/brigade/scss-lint#editor-integration) to integrate the lint in your editor.
|
||||
|
||||
Some interesting links:
|
||||
* [Improving Sass code quality on theguardian.com](https://www.theguardian.com/info/developer-blog/2014/may/13/improving-sass-code-quality-on-theguardiancom)
|
||||
|
||||
|
||||
Testing
|
||||
===============
|
||||
We're using Facebook's jest to do testing as it integrates nicely with react.js as well.
|
||||
|
||||
@ -190,7 +190,7 @@ let PrizeJurySettings = React.createClass({
|
||||
{getLangText('RESEND')}
|
||||
</button>
|
||||
<button
|
||||
className="btn btn-default btn-sm ascribe-btn-gray margin-left-2px"
|
||||
className="btn btn-warning btn-sm margin-left-2px"
|
||||
onClick={this.handleRevoke}
|
||||
data-id={member.email}>
|
||||
{getLangText('REVOKE')}
|
||||
@ -218,7 +218,7 @@ let PrizeJurySettings = React.createClass({
|
||||
}
|
||||
buttons={
|
||||
<button
|
||||
className="btn btn-default btn-sm ascribe-btn-gray"
|
||||
className="btn btn-warning btn-sm"
|
||||
onClick={this.handleRevoke}
|
||||
data-id={member.email}>
|
||||
{getLangText('REVOKE')}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
$ascribe-accordion-list-item-height: 8em;
|
||||
$ascribe-accordion-list-font: 'Source Sans Pro';
|
||||
|
||||
.ascribe-accordion-list {
|
||||
padding-left: 15px;
|
||||
@ -14,60 +13,69 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin-top: 1.5em;
|
||||
overflow: hidden;
|
||||
|
||||
border-radius: 1px;
|
||||
border-left: .1em solid rgba(0, 0, 0, .2);
|
||||
border-right: .1em solid rgba(0, 0, 0, .2);
|
||||
border-top: .1em solid rgba(0, 0, 0, .2);
|
||||
border-bottom: .1em solid rgba(0, 0, 0, .2);
|
||||
|
||||
&::first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
overflow:hidden;
|
||||
|
||||
border-left: 0.1em solid rgba(0,0,0,.2);
|
||||
border-right: 0.1em solid rgba(0,0,0,.2);
|
||||
border-top: 0.1em solid rgba(0,0,0,.2);
|
||||
border-radius: 1px;
|
||||
border-bottom: 0.1em solid rgba(0,0,0,.2);
|
||||
.wrapper {
|
||||
&:hover{
|
||||
background-color: rgba(2, 182, 163, 0.05);
|
||||
}
|
||||
width:100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(2, 182, 163, .05);
|
||||
}
|
||||
|
||||
// ToDo: Include media queries for thumbnail
|
||||
.thumbnail-wrapper {
|
||||
width: 110px;
|
||||
cursor: pointer;
|
||||
height: 110px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 110px;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: ' ';
|
||||
display: inline-block;
|
||||
vertical-align: middle; /* vertical alignment of the inline element */
|
||||
height: 100%;
|
||||
vertical-align: middle; // vertical alignment of the inline element
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: .1em 0 .1em 0;
|
||||
cursor: pointer;
|
||||
font-size: 2.2em;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
margin: .1em 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.3em;
|
||||
margin: .2em 0 .3em 0;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
font-size: 1.3em;
|
||||
margin: .2em 0 .3em;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
a:not(.btn) {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -85,45 +93,46 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
|
||||
}
|
||||
|
||||
.ascribe-accordion-list-item-table {
|
||||
font-size: .9em;
|
||||
text-align: center;
|
||||
background-color: white;
|
||||
|
||||
//border-bottom-left-radius: 1px;
|
||||
//border-bottom-right-radius: 1px;
|
||||
border-bottom: 0.1em solid rgba(0,0,0,.15);
|
||||
border-left: 0.1em solid rgba(0,0,0,.2);
|
||||
border-right: 0.1em solid rgba(0,0,0,.2);
|
||||
border-bottom: .1em solid rgba(0, 0, 0, .15);
|
||||
border-left: .1em solid rgba(0, 0, 0, .2);
|
||||
border-right: .1em solid rgba(0, 0, 0, .2);
|
||||
font-size: .9em;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
|
||||
thead:first-child {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .05);
|
||||
border-left: 3px solid rgba(0, 0, 0, 0);
|
||||
|
||||
tr:first-child {
|
||||
border: none !important;
|
||||
th {
|
||||
padding-left: 10px;
|
||||
border: none !important;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
border-left: 3px solid rgba(0,0,0,0);
|
||||
//border-top: 1px solid rgba(0,0,0,.1);
|
||||
border-bottom: 1px solid rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .03);
|
||||
border-left: 3px solid rgba(0, 0, 0, 0);
|
||||
padding: 1em;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(2, 182, 163, 0.05);
|
||||
border-left: 3px solid rgba(2, 182, 163, 0.4);
|
||||
}
|
||||
border-left: 3px solid rgba(0,0,0,0);
|
||||
border-bottom: 1px solid rgba(0,0,0,.03);
|
||||
|
||||
td {
|
||||
border: none !important;
|
||||
a {
|
||||
color: #444
|
||||
color: #444;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
tr {
|
||||
td:first-child {
|
||||
margin-left: 10px;
|
||||
@ -132,11 +141,11 @@ $ascribe-accordion-list-font: 'Source Sans Pro';
|
||||
}
|
||||
}
|
||||
|
||||
span.ascribe-accordion-list-table-toggle {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
.ascribe-accordion-list-table-toggle {
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
|
||||
&:hover {
|
||||
color: $ascribe-color-green;
|
||||
@ -146,34 +155,37 @@ span.ascribe-accordion-list-table-toggle {
|
||||
|
||||
.ascribe-accordion-list-table-list {
|
||||
margin-bottom: .5em;
|
||||
th, td {
|
||||
|
||||
th,
|
||||
td {
|
||||
font-size: .85em;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.request-action-badge {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: $ascribe-color-green;
|
||||
font-size: 1.2em;
|
||||
padding: 0.3em;
|
||||
padding: .3em;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ascribe-accordion-list-item-edition-widget {
|
||||
cursor: pointer;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
|
||||
&:hover {
|
||||
color: $ascribe-color-green;
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
font-size: .8em;
|
||||
top: 1px !important;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
.ascribe-btn-gray {
|
||||
border-color: #CCCCCC;
|
||||
background-color: #CCCCCC;
|
||||
|
||||
&:hover{
|
||||
border-color: #AAAAAA;
|
||||
background-color: #AAAAAA;
|
||||
}
|
||||
}
|
||||
@ -6,43 +6,45 @@
|
||||
.ascribe-edition-collapsible-wrapper {
|
||||
vertical-align: bottom;
|
||||
width: 100%;
|
||||
|
||||
> div:first-child {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
cursor: pointer;
|
||||
margin-top: 20px;
|
||||
padding: 0 10px 10px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ascribe-edition-collapsible-wrapper > div:first-child {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
background-color: rgba(0,0,0,0);
|
||||
padding: 0 10px 10px 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.ascribe-edition-collapsible-wrapper > div > span {
|
||||
> div > span {
|
||||
font-size: 1.2em;
|
||||
margin-right: .5em;
|
||||
}
|
||||
.ascribe-edition-collapsible-wrapper > div > span:nth-child(2) {
|
||||
font-size: 0.9em;
|
||||
|
||||
> div > span:nth-child(2) {
|
||||
font-size: .9em;
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-edition-collapsible-content {
|
||||
width:100%;
|
||||
background: none;
|
||||
border: none;
|
||||
border: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.coa-file-wrapper {
|
||||
display: table;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding: 1em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.coa-file {
|
||||
background-color: #F8F8F8;
|
||||
border: 1px solid #CCC;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #CCC;
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
.ascribe-button-list {
|
||||
|
||||
@ -1,19 +1,34 @@
|
||||
|
||||
.ascribe-footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ascribe-footer hr {
|
||||
border: 0;
|
||||
border-top: 1px solid #eee;
|
||||
hr {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-top: 1px solid #eee;
|
||||
border: 0;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.ascribe-footer .btn-ascribe-landing {
|
||||
.btn-ascribe-landing {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.social-icons-wrapper {
|
||||
margin-top: 1em;
|
||||
|
||||
a {
|
||||
color: #424242;
|
||||
font-size: 1.3em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #48DACB;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.ascribe-footer-statement {
|
||||
font-family: 'mercury_light';
|
||||
font-size: 1.6em !important;
|
||||
@ -21,7 +36,8 @@
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.ascribe-footer-statement a, .ascribe-footer-sub-statement a {
|
||||
.ascribe-footer-statement a,
|
||||
.ascribe-footer-sub-statement a {
|
||||
color: #424242;
|
||||
}
|
||||
|
||||
@ -30,23 +46,7 @@
|
||||
margin-bottom: 2.5em;
|
||||
}
|
||||
|
||||
.ascribe-footer-statement a, .ascribe-footer-sub-statement a {
|
||||
color: #424242;
|
||||
}
|
||||
.ascribe-footer-statement a:hover, .ascribe-footer-sub-statement a:hover {
|
||||
color: #48DACB;
|
||||
}
|
||||
|
||||
.ascribe-footer .social-icons-wrapper {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.ascribe-footer .social-icons-wrapper a {
|
||||
color: #424242;
|
||||
margin-left: 1em;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.ascribe-footer .social-icons-wrapper a:hover {
|
||||
color: #48DACB;
|
||||
.ascribe-footer-statement a:hover,
|
||||
.ascribe-footer-sub-statement a:hover {
|
||||
color: #48dacb;
|
||||
}
|
||||
@ -1,24 +1,25 @@
|
||||
.ascribe-form-bordered {
|
||||
border: 1px solid #F5F5F5;
|
||||
border: 1px solid #f5f5f5;
|
||||
}
|
||||
|
||||
.ascribe-form-header {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.ascribe-form-header > h3 {
|
||||
padding: .75em 0 .75em 1em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
|
||||
> h3 {
|
||||
color: #616161;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
padding: .75em 0 .75em 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-form-wrapper {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
width: 80%;
|
||||
|
||||
@media (max-width: 550px) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -1,14 +1,12 @@
|
||||
.ascribe-global-notification {
|
||||
position: fixed;
|
||||
|
||||
background-color: #212121;
|
||||
color: white;
|
||||
width: 100%;
|
||||
display: table;
|
||||
height: 3.5em;
|
||||
left: 0;
|
||||
display:table;
|
||||
|
||||
transition: .2s bottom cubic-bezier(0.77, 0, 0.175, 1);
|
||||
position: fixed;
|
||||
transition: .2s bottom cubic-bezier(.77, 0, .175, 1);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ascribe-global-notification-off {
|
||||
@ -19,34 +17,29 @@
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.ascribe-global-notification > div, .ascribe-global-notification-bubble > div {
|
||||
display:table-cell;
|
||||
vertical-align: middle;
|
||||
font-size: 1.25em;
|
||||
font-family: 'Source Sans Pro';
|
||||
text-align: right;
|
||||
padding-right: 3em;
|
||||
}
|
||||
|
||||
.ascribe-global-notification > div,
|
||||
.ascribe-global-notification-bubble > div {
|
||||
padding: .75em 1.5em .75em 1.5em;
|
||||
display: table-cell;
|
||||
font-size: 1.25em;
|
||||
padding-right: 3em;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ascribe-global-notification-bubble {
|
||||
position: fixed;
|
||||
bottom: 3em;
|
||||
right: -50em;
|
||||
|
||||
display:table;
|
||||
|
||||
height: 3.5em;
|
||||
|
||||
background-color: #212121;
|
||||
border-radius: 2px;
|
||||
|
||||
bottom: 3em;
|
||||
color: white;
|
||||
|
||||
display: table;
|
||||
height: 3.5em;
|
||||
position: fixed;
|
||||
right: -50em;
|
||||
transition: 1s right ease;
|
||||
|
||||
> div {
|
||||
padding: .75em 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-global-notification-bubble-off {
|
||||
|
||||
@ -2,26 +2,28 @@ $break-small: 764px;
|
||||
|
||||
|
||||
.ascribe-btn-login {
|
||||
padding: 0.5em;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background-color: rgba(2, 182, 163, 1);
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
color: white;
|
||||
font-size: 1.2em;
|
||||
border-radius: 0;
|
||||
font-weight: 500;
|
||||
padding: .5em;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
border:none;
|
||||
//margin-left: 1.2em;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(2, 182, 163, .8);
|
||||
border: 0;
|
||||
color: white;
|
||||
background-color: rgba(2, 182, 163, 0.8);
|
||||
border: none;
|
||||
}
|
||||
&:active, &:focus {
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: rgba(2, 182, 163, .6);
|
||||
border: 0;
|
||||
color: white;
|
||||
background-color: rgba(2, 182, 163, 0.6);
|
||||
border: none;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
@ -30,48 +32,53 @@ $break-small: 764px;
|
||||
}
|
||||
|
||||
.ascribe-btn-login-spinner {
|
||||
background-color: rgba(2, 182, 163, 0.4);
|
||||
padding: 0.4em;
|
||||
background-color: rgba(2, 182, 163, .4);
|
||||
padding: .4em;
|
||||
|
||||
img {
|
||||
height: 1.6em;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(2, 182, 163, 0.4);
|
||||
background-color: rgba(2, 182, 163, .4);
|
||||
}
|
||||
&:active, &:focus {
|
||||
background-color: rgba(2, 182, 163, 0.4);
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: rgba(2, 182, 163, .4);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ascribe-login-wrapper {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
width: 80%;
|
||||
|
||||
@media screen and (max-width: $break-small) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-login-text {
|
||||
font-size: 0.8em;
|
||||
padding: 0 0 1em 0;
|
||||
margin-left: 0.4em;
|
||||
color: rgba(0, 0, 0, .6);
|
||||
font-size: .8em;
|
||||
margin-left: .4em;
|
||||
margin-top: 1.5em;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
padding: 0 0 1em;
|
||||
}
|
||||
|
||||
.ascribe-login-header {
|
||||
font-size: 2em;
|
||||
margin-left: 0.8em;
|
||||
margin-left: .8em;
|
||||
}
|
||||
|
||||
.ascribe-form {
|
||||
hr {
|
||||
color: rgba(0, 0, 0, 0.05);
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, .05);
|
||||
border: 0;
|
||||
color: rgba(0, 0, 0, .05);
|
||||
height: 1px;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
@ -79,7 +86,7 @@ $break-small: 764px;
|
||||
%vertical-align {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
@ -3,36 +3,36 @@
|
||||
|
||||
video,
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 640px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: block;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
max-height: 640px;
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.media-other {
|
||||
font-size: 500%;
|
||||
color: #cccccc;
|
||||
font-size: 500%;
|
||||
}
|
||||
|
||||
.audiojs {
|
||||
margin: 50px auto;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.audiojs * {
|
||||
margin: 50px auto;
|
||||
* {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.audiojs .loaded {
|
||||
.loaded {
|
||||
background-color: $ascribe-color-green;
|
||||
background-image: none;
|
||||
}
|
||||
.audiojs .progress {
|
||||
background-color: rgba(255,255,255,0.8);
|
||||
|
||||
.progress {
|
||||
background-color: rgba(255, 255, 255, .8);
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
.video-js,
|
||||
.vjs-poster {
|
||||
@ -44,12 +44,13 @@
|
||||
}
|
||||
|
||||
.vjs-fullscreen {
|
||||
padding-top: 0px;
|
||||
}
|
||||
padding-top: 0;
|
||||
|
||||
.vjs-fullscreen video {
|
||||
video {
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.vjs-default-skin .vjs-play-progress,
|
||||
.vjs-default-skin .vjs-volume-level {
|
||||
@ -57,41 +58,35 @@
|
||||
}
|
||||
|
||||
.vjs-default-skin .vjs-big-play-button {
|
||||
border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
background-color: rgba(0, 0, 0, .8);
|
||||
border: 0;
|
||||
-moz-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
|
||||
box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
border-radius: 6px;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
|
||||
width: 100px;
|
||||
box-shadow: none;
|
||||
height: 60px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -30px -50px;
|
||||
|
||||
border: none;
|
||||
|
||||
background-color: rgba(0,0,0,.8);
|
||||
top: 50%;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.vjs-default-skin:hover .vjs-big-play-button,
|
||||
.vjs-default-skin .vjs-big-play-button:focus {
|
||||
border-color: #fff;
|
||||
background-color: rgba(0, 0, 0, .9);
|
||||
|
||||
box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
border-color: #fff;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
|
||||
transition: all 0s;
|
||||
-o-transition: all 0s;
|
||||
box-shadow: none;
|
||||
-moz-transition: all 0s;
|
||||
-o-transition: all 0s;
|
||||
-webkit-transition: all 0s;
|
||||
transition: all 0s;
|
||||
}
|
||||
|
||||
.vjs-default-skin .vjs-big-play-button:before {
|
||||
|
||||
@ -1,13 +1,12 @@
|
||||
.ascribe-panel-wrapper {
|
||||
border: 1px solid #DDD;
|
||||
min-height: 5em;
|
||||
border: 1px solid #ddd;
|
||||
height: 5em;
|
||||
|
||||
margin-top: 1em;
|
||||
min-height: 5em;
|
||||
|
||||
> div {
|
||||
height: 100%;
|
||||
float: left;
|
||||
height: 100%;
|
||||
|
||||
&:first-child {
|
||||
width: 60%;
|
||||
@ -32,7 +31,6 @@
|
||||
> div {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
@ -52,7 +50,6 @@
|
||||
> div {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
@ -73,8 +70,8 @@
|
||||
}
|
||||
|
||||
.ascribe-panel-subtitle {
|
||||
color: rgba(0, 0, 0, .5);
|
||||
font-size: .7em;
|
||||
color: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
}
|
||||
@ -85,8 +82,8 @@
|
||||
}
|
||||
|
||||
.ascribe-panel-subtitle {
|
||||
color: rgba(0, 0, 0, .5);
|
||||
font-size: .9em;
|
||||
color: rgba(0,0,0,0.5);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,20 +1,17 @@
|
||||
.ascribe-piece-list-bulk-modal {
|
||||
position: fixed;
|
||||
top:0;
|
||||
left: 3%;
|
||||
width:94%;
|
||||
|
||||
background-color: #FAFAFA;
|
||||
|
||||
border-left: 0.1em solid #E0E0E0;
|
||||
border-right: 0.1em solid #E0E0E0;
|
||||
border-top: 0.1em solid #E0E0E0;
|
||||
background-color: #fafafa;
|
||||
border-bottom: .2em solid #e0e0e0;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-bottom: 0.2em solid #E0E0E0;
|
||||
z-index:1000;
|
||||
|
||||
border-left: .1em solid #e0e0e0;
|
||||
border-right: .1em solid #e0e0e0;
|
||||
border-top: .1em solid #e0e0e0;
|
||||
left: 3%;
|
||||
padding-bottom: 1em;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 94%;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
@media(min-width:1174px){
|
||||
@ -25,6 +22,6 @@
|
||||
}
|
||||
|
||||
.piece-list-bulk-modal-clear-all {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -6,6 +6,7 @@
|
||||
|
||||
.search-bar {
|
||||
max-width: 200px;
|
||||
|
||||
input {
|
||||
height: 33px;
|
||||
}
|
||||
@ -13,37 +14,45 @@
|
||||
|
||||
.ascribe-input-glyph > .form-group > .input-group {
|
||||
margin-left: 6px;
|
||||
|
||||
input {
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 1px solid #02b6a3;
|
||||
border-right: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
> .input-group-addon {
|
||||
background-color: transparent;
|
||||
|
||||
> .filter-glyph {
|
||||
color: #02b6a3;
|
||||
}
|
||||
|
||||
border: 1px solid #02b6a3;
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-piece-list-toolbar-filter-widget {
|
||||
|
||||
button {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: #02b6a3;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
color: #02b6a3;
|
||||
padding: 6px 4px 6px 8px;
|
||||
&:hover, &:active {
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
background-color: #02b6a3 !important;
|
||||
color: white;
|
||||
border: 1px solid #02b6a3 !important;
|
||||
color: white;
|
||||
}
|
||||
.caret {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.filter-widget-item {
|
||||
|
||||
> a {
|
||||
@ -53,23 +62,22 @@
|
||||
}
|
||||
|
||||
.checkbox-line {
|
||||
position: relative;
|
||||
height: 25px;
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
top: 3px;
|
||||
cursor: pointer;
|
||||
|
||||
left: 9px;
|
||||
margin-right: 10px;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 9px;
|
||||
margin-left: 10px;
|
||||
position: absolute;
|
||||
right: 9px;
|
||||
top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -9,8 +9,9 @@ $break-medium: 991px;
|
||||
max-width: 1200px;
|
||||
}
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.ascribe-row > div {
|
||||
> div {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,22 +1,21 @@
|
||||
.settings-container {
|
||||
max-width: 600px;
|
||||
margin: auto;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.ascribe-settings-wrapper {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-bottom: 1em;
|
||||
|
||||
background-color: white;
|
||||
|
||||
border-left: 3px solid rgba(0, 0, 0, 0);
|
||||
padding-bottom: 1em;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
&div:last-of-type {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-left: 3px solid rgba(2, 182, 163, 0.4);
|
||||
border-left: 3px solid rgba(2, 182, 163, .4);
|
||||
}
|
||||
}
|
||||
|
||||
@ -25,20 +24,23 @@
|
||||
}
|
||||
|
||||
.is-focused {
|
||||
background-color: rgba(2, 182, 163, 0.05);
|
||||
background-color: rgba(2, 182, 163, .05);
|
||||
border-left: 3px solid rgba(2, 182, 163, 1) !important;
|
||||
}
|
||||
|
||||
.is-error {
|
||||
background-color: rgba(169, 68, 66, 0.05);
|
||||
background-color: rgba(169, 68, 66, .05);
|
||||
border-left: 3px solid rgba(169, 68, 66, 1);
|
||||
|
||||
> div {
|
||||
> span {
|
||||
color: rgba(169, 68, 66, 1);
|
||||
font-size: 0.9em;
|
||||
font-size: .9em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
> input, > textarea {
|
||||
|
||||
> input,
|
||||
> textarea {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
@ -50,49 +52,57 @@
|
||||
|
||||
.is-fixed {
|
||||
cursor: default;
|
||||
|
||||
> div {
|
||||
cursor: default;
|
||||
|
||||
> span {
|
||||
cursor: default;
|
||||
}
|
||||
> input, > div, > pre, > textarea {
|
||||
cursor: default;
|
||||
|
||||
> input,
|
||||
> div,
|
||||
> pre,
|
||||
> textarea {
|
||||
color: #666;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-settings-property {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border-top: 1px solid rgba(0, 0, 0, .05);
|
||||
|
||||
padding-top: 1em;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding-left: 1.5em;
|
||||
padding-right: 1.5em;
|
||||
padding-top: 1em;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
|
||||
cursor:pointer;
|
||||
|
||||
> input, > div, > span:not(.glyphicon), > pre, > textarea, > select {
|
||||
> div,
|
||||
> input,
|
||||
> pre,
|
||||
> select,
|
||||
> span:not(.glyphicon),
|
||||
> textarea {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
> span {
|
||||
font-weight: normal;
|
||||
font-size: 0.9em;
|
||||
color: rgba(0, 0, 0, .5);
|
||||
font-size: .9em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
> div {
|
||||
/* margin-top: 10px; */
|
||||
> div:not(.file-drag-and-drop div) {
|
||||
padding-left: 0;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 1.1em;
|
||||
cursor: default;
|
||||
color: rgba(0, 0, 0, .5);
|
||||
cursor: default;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -100,29 +110,34 @@
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
> input, > pre, > textarea, > select, .datepicker__input {
|
||||
font-weight: 400;
|
||||
font-size: 1.1em;
|
||||
width:100%;
|
||||
margin-top: .5em;
|
||||
border: 0;
|
||||
> input,
|
||||
> pre,
|
||||
> textarea,
|
||||
> select,
|
||||
.datepicker__input {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: rgba(0,0,0,.8);
|
||||
padding-left: 0;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
color: rgba(0, 0, 0, .8);
|
||||
font-size: 1.1em;
|
||||
font-weight: 400;
|
||||
margin-top: .5em;
|
||||
padding-left: 0;
|
||||
width: 100%;
|
||||
|
||||
&:focus {
|
||||
border: 0;
|
||||
outline:0;
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&::selection {
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 1);
|
||||
color: white;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.datepicker__input {
|
||||
padding: 0;
|
||||
}
|
||||
@ -135,73 +150,70 @@
|
||||
}
|
||||
|
||||
.ascribe-property-footer {
|
||||
font-size: 0.8em;
|
||||
font-size: .8em;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ascribe-settings-property-collapsible-toggle {
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-top: 1px solid rgba(0, 0, 0, .05);
|
||||
|
||||
padding: .5em 1.5em .5em 1.5em;
|
||||
display: inline-block;
|
||||
padding: .5em 1.5em;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ascribe-checkbox-wrapper{
|
||||
.checkbox > span {color: black;}
|
||||
.checkbox > span {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-settings-property-collapsible-toggle, .ascribe-checkbox-wrapper {
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
/* Taken from: http://www.htmllion.com/css3-checkbox.html */
|
||||
// Taken from: http://www.htmllion.com/css3-checkbox.html
|
||||
.checkbox {
|
||||
display: inline-block;
|
||||
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: .9em;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
|
||||
> span {
|
||||
left: 5px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
left: 5px;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
[type=checkbox] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.checkbox:before {
|
||||
background-color: white;
|
||||
border: 1px solid rgba(0, 0, 0, .5);
|
||||
border-radius: 1px;
|
||||
color: #f3f3f3;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
vertical-align:middle;
|
||||
background-color: white;
|
||||
color: #f3f3f3;
|
||||
text-align: center;
|
||||
|
||||
border-radius: 1px;
|
||||
border: 1px solid rgba(0, 0, 0, .5);
|
||||
vertical-align: middle;
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked + .checkbox:before {
|
||||
line-height: .8;
|
||||
|
||||
[type=checkbox]:checked + .checkbox:before {
|
||||
color: rgba(2, 182, 163, 1);
|
||||
content: "\2713";
|
||||
font-size: 20px;
|
||||
color: rgba(2, 182, 163, 1);
|
||||
line-height: .8;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -6,40 +6,41 @@
|
||||
}
|
||||
|
||||
.ascribe-sliding-container {
|
||||
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
transition: transform 1s cubic-bezier(.23, 1, .32, 1);
|
||||
}
|
||||
|
||||
.ascribe-slide {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ascribe-breadcrumb-container {
|
||||
div:last-child {
|
||||
.ascribe-breadcrumb {
|
||||
border-right: 1px solid #EEE;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-breadcrumb {
|
||||
padding: 1em;
|
||||
border: 1px solid #EEE;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0);
|
||||
margin-bottom: 0.6em;
|
||||
background-color: white;
|
||||
border: 1px solid #eee;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0);
|
||||
margin-bottom: .6em;
|
||||
padding: 1em;
|
||||
|
||||
.active {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #DDD;
|
||||
text-decoration: none;
|
||||
color: #ddd;
|
||||
font-size: 1.1em;
|
||||
font-style: italic;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
/*This is aligning the first checkbox in pieclist detail with all the other ones*/
|
||||
// This is aligning the first checkbox in pieclist detail with all the other ones
|
||||
.table > thead:first-child > tr:first-child > th {
|
||||
padding-left: 0;
|
||||
}
|
||||
@ -14,36 +14,34 @@
|
||||
}
|
||||
|
||||
.ascribe-table-header-column > span {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
font-family: 'Source Sans Pro';
|
||||
font-weight: 600;
|
||||
color: #424242;
|
||||
display: table-cell;
|
||||
font-weight: 600;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ascribe-table-item-column {
|
||||
font-family: 'Source Sans Pro';
|
||||
display: table-cell;
|
||||
font-size: .8em;
|
||||
height: 3em;
|
||||
vertical-align: middle;
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.ascribe-table-item-column > * {
|
||||
> * {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ascribe-table-item-column > span > input {
|
||||
margin-top:10px;
|
||||
> span > input {
|
||||
margin-left: 2px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-table-item-selected {
|
||||
background-color: rgba(2, 182, 163, 0.5);
|
||||
background-color: rgba(2, 182, 163, .5);
|
||||
}
|
||||
|
||||
.ascribe-table-item-selectable {
|
||||
|
||||
@ -1,24 +1,23 @@
|
||||
.ascribe-textarea {
|
||||
border: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.ascribe-textarea-editable:hover {
|
||||
//border: 1px solid #AAA;;
|
||||
border: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ascribe-pre {
|
||||
word-break: break-word;
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: -pre-wrap;
|
||||
white-space: -o-pre-wrap;
|
||||
font-family: inherit;
|
||||
text-align: justify;
|
||||
background-color: white;
|
||||
border: none;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-family: inherit;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: justify;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: -o-pre-wrap;
|
||||
white-space: -pre-wrap;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
/* All bootstrap overwrites should take place in this file */
|
||||
// All bootstrap overwrites should take place in this file
|
||||
|
||||
.pager li a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.panel-default {
|
||||
border: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -1,21 +1,26 @@
|
||||
.file-drag-and-drop {
|
||||
display: block;
|
||||
outline: 1px dashed #9E9E9E;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
height: auto;
|
||||
background-color: #FEFEFE;
|
||||
overflow: auto;
|
||||
margin-top: 1em;
|
||||
|
||||
background-color: #fefefe;
|
||||
cursor: default !important;
|
||||
display: block;
|
||||
height: auto;
|
||||
margin-top: 1em;
|
||||
outline: 1px dashed #9e9e9e;
|
||||
overflow: auto;
|
||||
padding: 1.5em 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
|
||||
padding: 1.5em 0 1.5em 0;
|
||||
.file-drag-and-drop-dialog > p:first-child {
|
||||
font-size: 1.5em !important;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.inactive-dropzone {
|
||||
cursor: default !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
cursor: default !important;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
@ -25,44 +30,34 @@
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 0 1em 0 1em;
|
||||
margin: 0 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.file-drag-and-drop .file-drag-and-drop-dialog > p:first-child {
|
||||
font-size: 1.5em !important;
|
||||
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.file-drag-and-drop-position {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
margin-left: .7em;
|
||||
margin-right: .7em;
|
||||
position: relative;
|
||||
|
||||
.delete-file {
|
||||
display: block;
|
||||
background-color: black;
|
||||
|
||||
width: 20px;
|
||||
border-radius: 1em;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
right: -7px;
|
||||
top: -7px;
|
||||
border-radius: 1em;
|
||||
text-align: center;
|
||||
|
||||
cursor: pointer;
|
||||
top: -7px;
|
||||
width: 20px;
|
||||
|
||||
span {
|
||||
color: white;
|
||||
top: 1;
|
||||
left: 0;
|
||||
font-size: .8em;
|
||||
left: 0;
|
||||
top: 1px;
|
||||
|
||||
&:hover {
|
||||
color: $brand-danger;
|
||||
@ -78,29 +73,31 @@
|
||||
}
|
||||
|
||||
.file-drag-and-drop-preview {
|
||||
overflow:hidden;
|
||||
cursor: default;
|
||||
background-color: #EEEEEE;
|
||||
background-color: #eeeeee;
|
||||
border: 1px solid #616161;
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.file-drag-and-drop-preview-image {
|
||||
border: 1px solid #616161;
|
||||
display: table;
|
||||
height: 104px;
|
||||
width:104px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #616161;
|
||||
text-align: center;
|
||||
}
|
||||
width: 104px;
|
||||
|
||||
.file-drag-and-drop-preview-image .action-file {
|
||||
.action-file {
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-size: 2.5em;
|
||||
margin-top: .6em;
|
||||
color: white;
|
||||
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
|
||||
cursor: pointer;
|
||||
|
||||
&:link, &:visited, &:hover, &:active {
|
||||
&:link,
|
||||
&:visited,
|
||||
&:hover,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -108,33 +105,37 @@
|
||||
color: #d9534f;
|
||||
}
|
||||
}
|
||||
|
||||
.file-drag-and-drop-preview-other .action-file {
|
||||
position: relative;
|
||||
top: .3em;
|
||||
margin-top: 0;
|
||||
font-size: 2.5em;
|
||||
color: white;
|
||||
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
|
||||
cursor: pointer;
|
||||
|
||||
&:link, &:visited, &:hover, &:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #d9534f;
|
||||
}
|
||||
}
|
||||
|
||||
.file-drag-and-drop-preview-other {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
|
||||
.action-file {
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-size: 2.5em;
|
||||
margin-top: 0;
|
||||
position: relative;
|
||||
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
|
||||
top: .3em;
|
||||
|
||||
&:link,
|
||||
&:visited,
|
||||
&:hover,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.file-drag-and-drop-preview-other span:not(:first-child) {
|
||||
&:hover {
|
||||
color: #d9534f;
|
||||
}
|
||||
|
||||
span:not(:first-child) {
|
||||
display: block;
|
||||
margin-top: .5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
$ascribe-color-green: rgba(2, 182, 163, 1);
|
||||
|
||||
$ascribe-brand-danger: #FC535F;
|
||||
$ascribe-brand-warning: #FFC354;
|
||||
$ascribe-brand-danger: #fc535f;
|
||||
|
||||
216
sass/main.scss
216
sass/main.scss
@ -29,14 +29,15 @@ $BASE_URL: '<%= BASE_URL %>';
|
||||
@import 'ascribe_slides_container';
|
||||
@import 'ascribe_form';
|
||||
@import 'ascribe_panel';
|
||||
@import 'ascribe_button';
|
||||
|
||||
@import 'whitelabel/index';
|
||||
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
background-color: #fdfdfd;
|
||||
font-family: 'Source Sans Pro';
|
||||
height: 100%;
|
||||
background-color: #FDFDFD;
|
||||
}
|
||||
|
||||
html {
|
||||
@ -44,8 +45,8 @@ html {
|
||||
}
|
||||
|
||||
.ascribe-default-app {
|
||||
padding-top: 70px;
|
||||
overflow-x: hidden;
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
hr {
|
||||
@ -62,68 +63,88 @@ hr {
|
||||
|
||||
.no-margin {
|
||||
margin: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.no-padding {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
border: none;
|
||||
border: 0;
|
||||
border-color: #ccc;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
margin-bottom: 1.5em;
|
||||
border-top: 0;
|
||||
border-color: #CCC;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
font-size: .8em;
|
||||
margin-bottom: 1.5em;
|
||||
|
||||
.navbar-default .navbar-nav > .active {
|
||||
a {
|
||||
background-color: transparent!important;
|
||||
> span {color: #02b6a3;}
|
||||
color: #02b6a3;
|
||||
border-bottom: 1px solid #02b6a3;
|
||||
|
||||
&:hover, &:focus{
|
||||
> span {color: #02b6a3;}
|
||||
color: #02b6a3;
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #02b6a3;
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar-default .navbar-nav > li > a {
|
||||
.navbar-nav > li > a {
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.navbar-nav > .active {
|
||||
a {
|
||||
background-color: transparent !important;
|
||||
border-bottom: 1px solid #02b6a3;
|
||||
color: #02b6a3;
|
||||
|
||||
> span {
|
||||
color: #02b6a3;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #02b6a3;
|
||||
color: #02b6a3;
|
||||
|
||||
> span {
|
||||
color: #02b6a3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.img-brand {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
width: 4em;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 4em;
|
||||
|
||||
@media only screen and (min-width: 400px) {
|
||||
width: 8em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
width: 12em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1000px) {
|
||||
width: 14em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
width: 16em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1400px) {
|
||||
width: 18em;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-right {
|
||||
margin-right: 0;
|
||||
}
|
||||
@ -134,8 +155,8 @@ hr {
|
||||
}
|
||||
|
||||
.clear-margins {
|
||||
margin-top:0;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.ascribe-color {
|
||||
@ -145,68 +166,75 @@ hr {
|
||||
.ascribe-subheader {
|
||||
padding-bottom: 10px;
|
||||
margin-top: -10px;
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
font-size: 0.8em;
|
||||
color: #222;
|
||||
cursor: pointer;
|
||||
font-size: .8em;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
background-color: #fcfafa;
|
||||
border: 1px solid;
|
||||
border-radius: 0;
|
||||
color: #000;
|
||||
max-width: 300px;
|
||||
padding: 3px 8px;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: #FCFAFA;
|
||||
border-radius: 0;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
/* Taken from http://stackoverflow.com/a/20548578 */
|
||||
// Taken from http://stackoverflow.com/a/20548578
|
||||
.vcenter {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
float: none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.filter-glyph {
|
||||
color: white;
|
||||
}
|
||||
.no-margin {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.btn-delete {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: #888;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
color: #888;
|
||||
|
||||
&:hover {
|
||||
border: 1px solid $ascribe-brand-danger;
|
||||
}
|
||||
}
|
||||
.btn-ascribe, .btn-ascribe-inv {
|
||||
|
||||
.btn-ascribe,
|
||||
.btn-ascribe-inv {
|
||||
border: 1px solid #444;
|
||||
line-height: 2em;
|
||||
margin-right: 1px;
|
||||
margin-left: 0 !important;
|
||||
font-family: sans-serif !important;
|
||||
border-radius: 0 !important;
|
||||
font-family: sans-serif !important;
|
||||
line-height: 2em;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.btn-ascribe, .btn-ascribe-inv:active, .btn-ascribe-inv:hover {
|
||||
.btn-ascribe,
|
||||
.btn-ascribe-inv:active,
|
||||
.btn-ascribe-inv:hover {
|
||||
background-color: #fff;
|
||||
color: #222 !important;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
.btn-ascribe:active, .btn-ascribe:hover, .btn-ascribe-inv {
|
||||
color: #FFF !important;
|
||||
.btn-ascribe:active,
|
||||
.btn-ascribe:hover,
|
||||
.btn-ascribe-inv {
|
||||
background-color: #444;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.btn-ascribe-inv:disabled, .btn-ascribe-inv:focus {
|
||||
color: #444 !important;
|
||||
.btn-ascribe-inv:disabled,
|
||||
.btn-ascribe-inv:focus {
|
||||
background-color: #BBB !important;
|
||||
border: 1px solid #444 !important;
|
||||
color: #444 !important;
|
||||
}
|
||||
|
||||
.btn-ascribe-sm {
|
||||
@ -214,24 +242,29 @@ hr {
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.btn-ascribe-green, .btn-ascribe-green-inv {
|
||||
border: 1px solid #48DACB;
|
||||
.btn-ascribe-green,
|
||||
.btn-ascribe-green-inv {
|
||||
border: 1px solid #48dacb;
|
||||
border-radius: 0 !important;
|
||||
font-family: sans-serif !important;
|
||||
line-height: 2em;
|
||||
margin-left: 0 !important;
|
||||
font-family: sans-serif !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.btn-ascribe-green, .btn-ascribe-green-inv:active, .btn-ascribe-green-inv:hover {
|
||||
background-color: #FFF;
|
||||
border: 1px solid rgba(2, 182, 163, 0.5);
|
||||
.btn-ascribe-green,
|
||||
.btn-ascribe-green-inv:active,
|
||||
.btn-ascribe-green-inv:hover {
|
||||
background-color: #fff;
|
||||
border: 1px solid rgba(2, 182, 163, .5);
|
||||
color: rgba(2, 182, 163, 0.5);
|
||||
}
|
||||
|
||||
.btn-ascribe-green:active, .btn-ascribe-green:hover, .btn-ascribe-green-inv {
|
||||
border: 1px solid rgba(2, 182, 163, 0.5);
|
||||
.btn-ascribe-green:active,
|
||||
.btn-ascribe-green:hover,
|
||||
.btn-ascribe-green-inv {
|
||||
background-color: rgba(2, 182, 163, .5);
|
||||
border: 1px solid rgba(2, 182, 163, .5);
|
||||
color: white;
|
||||
background-color: rgba(2, 182, 163, 0.5);
|
||||
}
|
||||
|
||||
.ascribe-detail-title {
|
||||
@ -240,33 +273,34 @@ hr {
|
||||
}
|
||||
|
||||
.ascribe-detail-property {
|
||||
padding-bottom: 0.4em;
|
||||
padding-bottom: .4em;
|
||||
}
|
||||
|
||||
.ascribe-detail-property-label {
|
||||
font-size: 0.8em;
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
.ascribe-detail-property-value {
|
||||
/* white-space: nowrap;
|
||||
overflow: hidden; */
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder { /* WebKit browsers */
|
||||
font-size: 0.9em;
|
||||
::-webkit-input-placeholder { // WebKit browsers
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
}
|
||||
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||||
font-size: 0.9em;
|
||||
|
||||
:-moz-placeholder { // Mozilla Firefox 4 to 18
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
}
|
||||
::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
font-size: 0.9em;
|
||||
|
||||
::-moz-placeholder { // Mozilla Firefox 19+
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
}
|
||||
:-ms-input-placeholder { /* Internet Explorer 10+ */
|
||||
font-size: 0.9em;
|
||||
|
||||
:-ms-input-placeholder { // Internet Explorer 10+
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@ -275,15 +309,15 @@ hr {
|
||||
}
|
||||
|
||||
.input-checkbox-ascribe {
|
||||
text-align: left;
|
||||
line-height: 1.6;
|
||||
width: 90%;
|
||||
margin-left: 1.6em;
|
||||
margin-right: auto;
|
||||
text-align: left;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
/* columns of same height styles */
|
||||
/* http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height */
|
||||
// columns of same height styles
|
||||
// http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
|
||||
.row-full-height {
|
||||
height: 100%;
|
||||
}
|
||||
@ -295,9 +329,9 @@ hr {
|
||||
|
||||
.row-same-height {
|
||||
display: table;
|
||||
width: 100%;
|
||||
/* fix overflow */
|
||||
// fix overflow
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.col-xs-height {
|
||||
@ -326,7 +360,7 @@ hr {
|
||||
}
|
||||
}
|
||||
|
||||
/* vertical alignment styles */
|
||||
// vertical alignment styles
|
||||
|
||||
.col-top {
|
||||
vertical-align: top;
|
||||
@ -350,15 +384,15 @@ hr {
|
||||
}
|
||||
|
||||
.spin {
|
||||
display:inline-block;
|
||||
-webkit-animation: spin 1s infinite linear;
|
||||
-moz-animation: spin 1s infinite linear;
|
||||
-o-animation: spin 1s infinite linear;
|
||||
-ms-animation: spin 1s infinite linear;
|
||||
-o-animation: spin 1s infinite linear;
|
||||
-webkit-animation: spin 1s infinite linear;
|
||||
animation: spin 1s infinite linear;
|
||||
-webkit-transform-origin: 55% 70%;
|
||||
-moz-transform-origin: 55% 70%;
|
||||
-o-transform-origin: 55% 70%;
|
||||
-webkit-transform-origin: 55% 70%;
|
||||
display: inline-block;
|
||||
transform-origin: 55% 70%;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
@ -368,18 +402,22 @@ hr {
|
||||
0% { -webkit-transform: rotate(0deg);}
|
||||
100% { -webkit-transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
@-o-keyframes spin {
|
||||
0% { -o-transform: rotate(0deg);}
|
||||
100% { -o-transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
@-ms-keyframes spin {
|
||||
0% { -ms-transform: rotate(0deg);}
|
||||
100% { -ms-transform: rotate(360deg);}
|
||||
}
|
||||
|
||||
@-keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg);}
|
||||
@ -392,9 +430,8 @@ hr {
|
||||
}
|
||||
|
||||
.fullpage-spinner {
|
||||
padding-top: 30%;
|
||||
padding-bottom: 30%;
|
||||
|
||||
padding-top: 30%;
|
||||
text-align: center;
|
||||
|
||||
> span {
|
||||
@ -404,21 +441,22 @@ hr {
|
||||
|
||||
|
||||
.disable-select {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.link-ascribe {
|
||||
color: #666;
|
||||
|
||||
&:hover {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.ascribe-loading-position {
|
||||
padding-top: 30%;
|
||||
padding-bottom: 30%;
|
||||
padding-top: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@ -1,81 +1,106 @@
|
||||
/* Taken from: http://stackoverflow.com/a/27501063/1263876 */
|
||||
// Taken from: http://stackoverflow.com/a/27501063/1263876
|
||||
|
||||
.col-xs-offset-right-12 {
|
||||
margin-right: 100%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-11 {
|
||||
margin-right: 91.66666667%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-10 {
|
||||
margin-right: 83.33333333%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-9 {
|
||||
margin-right: 75%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-8 {
|
||||
margin-right: 66.66666667%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-7 {
|
||||
margin-right: 58.33333333%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-6 {
|
||||
margin-right: 50%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-5 {
|
||||
margin-right: 41.66666667%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-4 {
|
||||
margin-right: 33.33333333%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-3 {
|
||||
margin-right: 25%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-2 {
|
||||
margin-right: 16.66666667%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-1 {
|
||||
margin-right: 8.33333333%;
|
||||
}
|
||||
|
||||
.col-xs-offset-right-0 {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.col-sm-offset-right-12 {
|
||||
margin-right: 100%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-11 {
|
||||
margin-right: 91.66666667%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-10 {
|
||||
margin-right: 83.33333333%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-9 {
|
||||
margin-right: 75%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-8 {
|
||||
margin-right: 66.66666667%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-7 {
|
||||
margin-right: 58.33333333%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-6 {
|
||||
margin-right: 50%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-5 {
|
||||
margin-right: 41.66666667%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-4 {
|
||||
margin-right: 33.33333333%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-3 {
|
||||
margin-right: 25%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-2 {
|
||||
margin-right: 16.66666667%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-1 {
|
||||
margin-right: 8.33333333%;
|
||||
}
|
||||
|
||||
.col-sm-offset-right-0 {
|
||||
margin-right: 0;
|
||||
}
|
||||
@ -84,80 +109,105 @@
|
||||
.col-md-offset-right-12 {
|
||||
margin-right: 100%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-11 {
|
||||
margin-right: 91.66666667%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-10 {
|
||||
margin-right: 83.33333333%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-9 {
|
||||
margin-right: 75%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-8 {
|
||||
margin-right: 66.66666667%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-7 {
|
||||
margin-right: 58.33333333%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-6 {
|
||||
margin-right: 50%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-5 {
|
||||
margin-right: 41.66666667%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-4 {
|
||||
margin-right: 33.33333333%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-3 {
|
||||
margin-right: 25%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-2 {
|
||||
margin-right: 16.66666667%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-1 {
|
||||
margin-right: 8.33333333%;
|
||||
}
|
||||
|
||||
.col-md-offset-right-0 {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.col-lg-offset-right-12 {
|
||||
margin-right: 100%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-11 {
|
||||
margin-right: 91.66666667%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-10 {
|
||||
margin-right: 83.33333333%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-9 {
|
||||
margin-right: 75%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-8 {
|
||||
margin-right: 66.66666667%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-7 {
|
||||
margin-right: 58.33333333%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-6 {
|
||||
margin-right: 50%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-5 {
|
||||
margin-right: 41.66666667%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-4 {
|
||||
margin-right: 33.33333333%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-3 {
|
||||
margin-right: 25%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-2 {
|
||||
margin-right: 16.66666667%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-1 {
|
||||
margin-right: 8.33333333%;
|
||||
}
|
||||
|
||||
.col-lg-offset-right-0 {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@ $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
|
||||
$brand-primary: darken(#428bca, 6.5%) !default; // #337ab7
|
||||
$brand-success: #5cb85c !default;
|
||||
$brand-info: #5bc0de !default;
|
||||
$brand-warning: $ascribe-brand-warning !default;
|
||||
$brand-warning: #ccc !default;
|
||||
$brand-danger: $ascribe-brand-danger !default;
|
||||
|
||||
|
||||
@ -51,14 +51,14 @@ $font-family-base: $font-family-sans-serif !default;
|
||||
|
||||
$font-size-base: 14px !default;
|
||||
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
|
||||
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
|
||||
$font-size-small: ceil(($font-size-base * .85)) !default; // ~12px
|
||||
|
||||
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
|
||||
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
|
||||
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
|
||||
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
|
||||
$font-size-h5: $font-size-base !default;
|
||||
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
|
||||
$font-size-h6: ceil(($font-size-base * .85)) !default; // ~12px
|
||||
|
||||
//** Unit-less `line-height` for use in components like buttons.
|
||||
$line-height-base: 1.428571429 !default; // 20/14
|
||||
@ -556,7 +556,7 @@ $popover-arrow-color: $popover-bg !default;
|
||||
//** Popover outer arrow width
|
||||
$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
|
||||
//** Popover outer arrow color
|
||||
$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
|
||||
$popover-arrow-outer-color: fade_in($popover-border-color, .05) !default;
|
||||
//** Popover outer arrow fallback color
|
||||
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user