first commit
This commit is contained in:
@@ -0,0 +1,293 @@
|
||||
/**
|
||||
* Generic elements.
|
||||
*/
|
||||
|
||||
body {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
font: normal 14px/1.8 'Ubuntu', sans-serif;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
a,
|
||||
.link {
|
||||
color: #0678be;
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: underline;
|
||||
outline: transparent;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
height: 1px;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
summary {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: #0071b8;
|
||||
}
|
||||
.simpletest-results-form summary {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
legend {
|
||||
margin-bottom: 10px;
|
||||
color: #0678be;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
fieldset fieldset legend {
|
||||
text-transform: none;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/**
|
||||
* Reusable heading classes are included to help modules change the styling of
|
||||
* headings on a page without affecting accessibility.
|
||||
*/
|
||||
h1,
|
||||
.heading-a {
|
||||
font-weight: 300;
|
||||
margin: 0;
|
||||
padding: 30px 0;
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
h2,
|
||||
.heading-b {
|
||||
font-weight: 300;
|
||||
margin: 10px 0;
|
||||
font-size: 26px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
h3,
|
||||
.heading-c {
|
||||
font-weight: 700;
|
||||
margin: 10px 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
h4,
|
||||
.heading-d {
|
||||
font-weight: 700;
|
||||
margin: 10px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
h5,
|
||||
.heading-e {
|
||||
font-weight: 700;
|
||||
margin: 10px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
h6,
|
||||
.heading-f {
|
||||
font-weight: 700;
|
||||
margin: 10px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
p {
|
||||
margin: 10px 0;
|
||||
}
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
dl {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
dl dd,
|
||||
dl dl {
|
||||
margin-left: 20px; /* LTR */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
[dir="rtl"] dl dd,
|
||||
[dir="rtl"] dl dl {
|
||||
margin-right: 20px;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
address {
|
||||
font-style: italic;
|
||||
}
|
||||
u,
|
||||
ins {
|
||||
text-decoration: underline;
|
||||
}
|
||||
s,
|
||||
strike,
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
big {
|
||||
font-size: larger;
|
||||
}
|
||||
small {
|
||||
font-size: 12px;
|
||||
}
|
||||
sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
nobr {
|
||||
white-space: nowrap;
|
||||
}
|
||||
abbr,
|
||||
acronym {
|
||||
border-bottom: dotted 1px;
|
||||
}
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
list-style-image: none;
|
||||
margin: 0.25em 0 0.25em 1.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] ul {
|
||||
margin-left: 0;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] ul */
|
||||
[dir="rtl"] .messages__list {
|
||||
margin-right: 0;
|
||||
}
|
||||
ol {
|
||||
list-style-type: decimal;
|
||||
margin: 0.25em 0 0.25em 2em; /* LTR */
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] ol {
|
||||
margin-left: 0;
|
||||
margin-right: 2em;
|
||||
}
|
||||
quote,
|
||||
code {
|
||||
margin: .5em 0;
|
||||
}
|
||||
pre {
|
||||
margin: 0.5em 0;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
details {
|
||||
margin: 0 0 20px 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
details details,
|
||||
details details details {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
details legend {
|
||||
text-transform: none;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
details summary {
|
||||
padding: 10px 0;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
details summary:focus,
|
||||
details summary:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
details summary:focus {
|
||||
outline: transparent;
|
||||
}
|
||||
|
||||
.details-wrapper {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
details .details-descripion {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
details:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom style for checkbox and radio button
|
||||
*/
|
||||
input[type=checkbox],
|
||||
input[type=radio] {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
border: 1px solid #b5b5b5;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
transition: background 0.5s ease;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
input[type=radio] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
input[type=checkbox]:hover,
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:hover,
|
||||
input[type=radio]:focus {
|
||||
border-color: #0678be;
|
||||
cursor: pointer;
|
||||
outline: transparent;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked,
|
||||
input[type=checkbox]:disabled:checked,
|
||||
input[type=radio]:checked,
|
||||
input[type=radio]:disabled:checked {
|
||||
background: #0678be;
|
||||
box-shadow: inset 0 0 0 3px #fff;
|
||||
}
|
||||
|
||||
input[type=checkbox]:disabled,
|
||||
input[type=radio]:disabled {
|
||||
opacity: 0.5;
|
||||
background: #e2e2e2;
|
||||
}
|
||||
|
||||
input[type=checkbox]:disabled:hover {
|
||||
border-color: #b5b5b5;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[type=checkbox]:disabled:hover,
|
||||
input[type=radio]:disabled:hover {
|
||||
border-color: #b5b5b5;
|
||||
cursor: default;
|
||||
/*cursor: not-allowed;*/
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
@media print {
|
||||
* {
|
||||
background-color: transparent;
|
||||
color: #000; /* Black prints faster: h5bp.com/s */
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
pre,
|
||||
blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
thead {
|
||||
display: table-header-group; /* h5bp.com/t */
|
||||
}
|
||||
tr,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2,
|
||||
h3 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
a,
|
||||
.link {
|
||||
color: #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.button,
|
||||
.button--primary {
|
||||
background: none;
|
||||
}
|
||||
.messages {
|
||||
border-width: 1px;
|
||||
border-color: #999;
|
||||
}
|
||||
.is-collapse-enabled .tabs {
|
||||
max-height: 999em;
|
||||
}
|
||||
.is-horizontal .tabs__tab {
|
||||
margin: 0 4px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton .secondary-action {
|
||||
display: block;
|
||||
}
|
||||
.js .dropbutton-widget,
|
||||
.js td .dropbutton-widget /* Splitbuttons */ {
|
||||
position: relative;
|
||||
}
|
||||
.js .dropbutton .dropbutton-toggle {
|
||||
display: none;
|
||||
}
|
||||
.js .dropbutton-multiple .dropbutton-widget {
|
||||
background: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.form-autocomplete,
|
||||
.form-text,
|
||||
.form-tel,
|
||||
.form-email,
|
||||
.form-url,
|
||||
.form-search,
|
||||
.form-number,
|
||||
.form-color,
|
||||
.form-file,
|
||||
.form-textarea,
|
||||
.form-select {
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* Reusable utility classes that apply vertical spacing consistency and in line
|
||||
* with the base line height of Mediteran.
|
||||
*/
|
||||
.leader {
|
||||
margin-top: 20px;
|
||||
margin-top: 1.538rem;
|
||||
}
|
||||
.leader-double {
|
||||
margin-top: 40px;
|
||||
margin-top: 3.076rem;
|
||||
}
|
||||
.leader-triple {
|
||||
margin-top: 60px;
|
||||
margin-top: 4.614rem;
|
||||
}
|
||||
.leader-quadruple {
|
||||
margin-top: 80px;
|
||||
margin-top: 6.152rem;
|
||||
}
|
||||
.trailer {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 1.538rem;
|
||||
}
|
||||
.trailer-double {
|
||||
margin-bottom: 40px;
|
||||
margin-bottom: 3.076rem;
|
||||
}
|
||||
.trailer-triple {
|
||||
margin-bottom: 60px;
|
||||
margin-bottom: 4.614rem;
|
||||
}
|
||||
.trailer-quadruple {
|
||||
margin-bottom: 80px;
|
||||
margin-bottom: 6.152rem;
|
||||
}
|
||||
Reference in New Issue
Block a user