165 lines
2.8 KiB
CSS
165 lines
2.8 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
body {
|
|
/* Override the hidden in common.css. Very important otherwise you can't
|
|
* scroll the showcase.
|
|
*/
|
|
overflow: visible;
|
|
}
|
|
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.showcase {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.showcase-menu,
|
|
.showcase {
|
|
min-width: 350px;
|
|
max-width: 730px;
|
|
}
|
|
|
|
.showcase > header {
|
|
position: fixed;
|
|
top: 0;
|
|
background-color: #fff;
|
|
z-index: 100000;
|
|
width: 100%;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.showcase > header > h1,
|
|
.showcase > section > h1 {
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
margin: .5em 0;
|
|
}
|
|
|
|
.showcase-menu > a {
|
|
margin-right: .5em;
|
|
padding: .2rem;
|
|
margin-top: .2rem;
|
|
}
|
|
|
|
.showcase > section {
|
|
position: relative;
|
|
padding-top: 15em;
|
|
clear: both;
|
|
}
|
|
|
|
.showcase > section > h1 {
|
|
margin: 1em 0;
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
|
|
.showcase > section .comp {
|
|
margin: 0 auto; /* width is usually set programmatically */
|
|
}
|
|
|
|
.showcase > section .comp.dashed,
|
|
.showcase > section .comp > iframe.dashed
|
|
{
|
|
border: 1px dashed #ccc;
|
|
}
|
|
|
|
.showcase > section > .example {
|
|
margin-bottom: 6em;
|
|
}
|
|
|
|
.showcase > section > h2 {
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
margin: 1.5em 0;
|
|
}
|
|
|
|
.showcase > section .example > h3 {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
border-bottom: 1px dashed #aaa;
|
|
margin: 1em 0;
|
|
margin-top: -15em;
|
|
padding-top: 15em;
|
|
text-align: left;
|
|
}
|
|
|
|
.showcase > section .example > h3 a {
|
|
text-decoration: none;
|
|
color: #555;
|
|
}
|
|
|
|
.showcase .checkbox-wrapper label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.showcase .checkbox.checked {
|
|
background-image: url("../content/shared/img/check.svg#check-blue");
|
|
}
|
|
|
|
.showcase p.note {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #666;
|
|
font-style: italic;
|
|
}
|
|
|
|
.override-position * {
|
|
/* Specific for toolbar component atm
|
|
* disables position absolute so that the parent div can
|
|
* compute the dimensions and prevent collapse */
|
|
position: relative !important;
|
|
}
|
|
|
|
/* Just for the showcase to look sane */
|
|
.showcase .fx-embedded .local-stream {
|
|
position: absolute;
|
|
}
|
|
|
|
.showcase p.note > strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.call-action-group .btn-group-chevron,
|
|
.call-action-group .btn-group {
|
|
/* Prevent box overflow due to long string */
|
|
max-width: 120px;
|
|
}
|
|
|
|
/* SVG icons showcase */
|
|
|
|
.svg-icons h3 {
|
|
clear: left;
|
|
}
|
|
|
|
.svg-icon-list {
|
|
display: block;
|
|
margin: .5rem 0;
|
|
clear: left;
|
|
}
|
|
|
|
.svg-icon-entry {
|
|
width: 180px;
|
|
float: left;
|
|
background-color: rgba(255,0,255,.1)
|
|
}
|
|
|
|
.svg-icon-entry > p {
|
|
float: left;
|
|
margin-right: .5rem;
|
|
}
|
|
|
|
.svg-icon {
|
|
display: inline-block;
|
|
margin-left: .5rem;
|
|
border: 0;
|
|
}
|
|
|
|
/* Temporary until bug 1168829 is completed */
|
|
.standalone.text-chat-example .text-chat-view {
|
|
height: 400px;
|
|
}
|