Pre registration
This commit is contained in:
Godwin
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,212 @@
|
||||
$bumbleberry-no-markup: true;
|
||||
|
||||
@import "bumbleberry";
|
||||
@import "settings";
|
||||
|
||||
$white: #FFF !default;
|
||||
$black: #333 !default;
|
||||
|
||||
.pen-icon {
|
||||
font-size: 16px;
|
||||
line-height: 40px;
|
||||
min-width: 20px;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
height: 2.2em;
|
||||
overflow: hidden;
|
||||
color: $white;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
@include _(user-select, none);
|
||||
}
|
||||
|
||||
.pen {
|
||||
position: relative;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.pen-menu, .pen-input {
|
||||
font-size: 14px;
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
.pen-input {
|
||||
display :none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 2.6em;
|
||||
line-height: 20px;
|
||||
background-color: $black;
|
||||
color: $white;
|
||||
border: none;
|
||||
text-align: center;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.pen-textarea {
|
||||
display: block;
|
||||
background: $white;
|
||||
padding: 20px;
|
||||
}
|
||||
.pen textarea {
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
background: none;
|
||||
width: 100%;
|
||||
_height: 200px;
|
||||
min-height: 200px;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.pen-menu-below {
|
||||
@include after {
|
||||
top: -11px;
|
||||
display: block;
|
||||
@include _(transform, rotate(180deg));
|
||||
}
|
||||
}
|
||||
|
||||
.pen-menu {
|
||||
white-space: nowrap;
|
||||
box-shadow:1px 2px 3px -2px #222;
|
||||
background: #333;
|
||||
background-image: linear-gradient(to bottom, #222, #333);
|
||||
opacity: 0.9;
|
||||
position: fixed;
|
||||
height: 5.2em;
|
||||
border: 1px solid #333;
|
||||
border-radius: 0.5em;
|
||||
display:none;
|
||||
z-index: 1000;
|
||||
|
||||
@include after {
|
||||
content: " ";
|
||||
top: 100%;
|
||||
border: solid transparent;
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-color: rgba(51, 51, 51, 0);
|
||||
border-top-color: #333;
|
||||
border-width: 6px;
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
@include before {
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
margin-right: .2em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
margin-left: .2em;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
}
|
||||
|
||||
.pen-icon {
|
||||
&:hover {
|
||||
background:#000;
|
||||
}
|
||||
&.active {
|
||||
background: #000;
|
||||
@include _(box-shadow, #{inset 2px 2px 4px #000, 0 0 0.25em #000});
|
||||
}
|
||||
}
|
||||
|
||||
.icon-h1,
|
||||
.icon-h2,
|
||||
.icon-h3,
|
||||
.icon-h4,
|
||||
.icon-h5,
|
||||
.icon-h6 {
|
||||
@include before { @include font-family(secondary); }
|
||||
}
|
||||
.icon-h1 {
|
||||
@include before { content: 'H1'; }
|
||||
}
|
||||
.icon-h2 {
|
||||
@include before { content: 'H2'; }
|
||||
}
|
||||
.icon-h3 {
|
||||
@include before { content: 'H1'; }
|
||||
}
|
||||
.icon-h4 {
|
||||
@include before { content: 'H2'; }
|
||||
}
|
||||
.icon-h5 {
|
||||
@include before { content: 'H5'; }
|
||||
}
|
||||
.icon-h6 {
|
||||
@include before { content: 'H6'; }
|
||||
}
|
||||
.icon-bold {
|
||||
border-bottom-left-radius: 0.5em;
|
||||
clear: left;
|
||||
@include before { content: 'B'; font-weight: bold; }
|
||||
}
|
||||
.icon-italic {
|
||||
@include before { content: 'I'; font-style: italic;; }
|
||||
}
|
||||
.icon-underline {
|
||||
@include before { content: 'U'; text-decoration: underline; }
|
||||
}
|
||||
.icon-p {
|
||||
@include font-family(secondary);
|
||||
@include before { content: '¶'; }
|
||||
}
|
||||
.icon-blockquote {
|
||||
@include before {
|
||||
background-image: inline-svg-image('quote.svg');
|
||||
}
|
||||
}
|
||||
.icon-insertorderedlist {
|
||||
border-top-right-radius: 0.5em;
|
||||
|
||||
@include before {
|
||||
background-image: inline-svg-image('ol.svg');
|
||||
}
|
||||
}
|
||||
.icon-insertunorderedlist { @include before {
|
||||
background-image: inline-svg-image('ul.svg');
|
||||
} }
|
||||
|
||||
.icon-strikethrough { @include before { content: 'S'; text-decoration: line-through; } }
|
||||
|
||||
.icon-insertunorderedlist,
|
||||
.icon-insertorderedlist,
|
||||
.icon-blockquote,
|
||||
.icon-insertimage,
|
||||
.icon-createlink {
|
||||
@include before {
|
||||
content: '';
|
||||
background-size: contain;
|
||||
height: 1em;
|
||||
}
|
||||
}
|
||||
.icon-createlink {
|
||||
@include before {
|
||||
background-image: inline-svg-image('link.svg');
|
||||
}
|
||||
}
|
||||
.icon-insertimage {
|
||||
@include before {
|
||||
background-image: inline-svg-image('img.svg');
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -13,6 +13,9 @@ $colour-4: #D89E59; // orange
|
||||
$colour-5: #02CA9E; // green
|
||||
|
||||
$white: #FFFEFE;
|
||||
$black: #333;
|
||||
|
||||
$link-colour: darken($colour-1, 13%);
|
||||
|
||||
@mixin default-box-shadow($direction: top, $distance: 1, $inset: false, $additional-shadow: false) {
|
||||
@if capable_of(box-shadow) {
|
||||
|
||||
@@ -1,11 +1,15 @@
|
||||
{
|
||||
"stylesheets": ["application", "translations", "email-example"],
|
||||
"stylesheets": ["application", "editor"],
|
||||
"precompile": {
|
||||
"test": {
|
||||
"chrome": ["50"]
|
||||
},
|
||||
"development": {
|
||||
"and_chr": ["50"],
|
||||
"chrome": ["50"],
|
||||
"edge": ["13"],
|
||||
"firefox": ["44"],
|
||||
"ie": ["11"],
|
||||
"ios_saf": ["8", "9"]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -0,0 +1,183 @@
|
||||
@import "settings";
|
||||
|
||||
body {
|
||||
width: 100% !important;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ExternalClass {
|
||||
width: 100%;
|
||||
line-height: 100%;
|
||||
|
||||
p, span, font, td, div {
|
||||
line-height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#backgroundTable {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100% !important;
|
||||
line-height: 100% !important;
|
||||
}
|
||||
|
||||
img {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
|
||||
a & {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.image_fix {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $colour-1;
|
||||
|
||||
#outlook & {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&:link { color: $colour-1; }
|
||||
&:visited { color: $colour-1; }
|
||||
&:hover { color: $colour-5; }
|
||||
|
||||
@media only screen and (max-device-width: 480px) {
|
||||
&[href^="tel"], &[href^="sms"] {
|
||||
text-decoration: none;
|
||||
color: $black;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.mobile_link &[href^="tel"], .mobile_link &[href^="sms"] {
|
||||
text-decoration: default;
|
||||
color: $colour-1 !important;
|
||||
pointer-events: auto;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1em;
|
||||
color: $black !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: $black !important;
|
||||
|
||||
a {
|
||||
color: $colour-1 !important;
|
||||
|
||||
&:active {
|
||||
color: $colour-4 !important;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: $colour-2 !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
max-width: 512px;
|
||||
min-width: 280px;
|
||||
mso-table-lspace: 0pt;
|
||||
mso-table-rspace: 0pt;
|
||||
|
||||
td {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
}
|
||||
|
||||
table#bb_full_width,
|
||||
table#ecxbb_full_width {
|
||||
|
||||
&, table {
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.diff, .ecxdiff {
|
||||
margin: 1em 0 5em 1em;
|
||||
overflow: auto;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 40%;
|
||||
display: inline-block;
|
||||
padding: 0.5em;
|
||||
margin: 0;
|
||||
background-color: lighten($colour-3, 33%);
|
||||
border: 2px solid #DDD;
|
||||
white-space: nowrap;
|
||||
|
||||
&:nth-child(odd) {
|
||||
margin-right: -3px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
background-color: lighten($colour-5 , 33%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Buttons
|
||||
h3 {
|
||||
b {
|
||||
padding: 10px 20px;
|
||||
line-height: 50px;
|
||||
|
||||
a, a:visited {
|
||||
color: #FFF !important;
|
||||
background-color: $colour-5;
|
||||
text-decoration: none !important;
|
||||
border-radius: 4px;
|
||||
padding: 10px 15px;
|
||||
margin-left: 20px;
|
||||
border-bottom: 3px solid darken($colour-5, 10%);
|
||||
-webkit-box-shadow: 0 0.5em 1.5em -0.75em #000;
|
||||
box-shadow: 0 0.5em 1.5em -0.75em #000;
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background-color: darken($colour-5, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
|
||||
a[href^="tel"], a[href^="sms"] {
|
||||
text-decoration: none;
|
||||
color: $colour-1;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
|
||||
.mobile_link & {
|
||||
text-decoration: default;
|
||||
color: $colour-1 !important;
|
||||
pointer-events: auto;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user