172 lines
3.2 KiB
CSS
172 lines
3.2 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/. */
|
|
|
|
html[dir="rtl"]:not(#outer-html) {
|
|
/* Temporary work around and visual hack -
|
|
* Scope the root body overflow visible to remove the scroll bars that appear
|
|
* inside an iFrame. Can remove this rule after core layout fix for
|
|
* https://bugzilla.mozilla.org/show_bug.cgi?id=1204680 has landed.
|
|
*/
|
|
overflow: hidden;
|
|
}
|
|
|
|
body {
|
|
/* Override the "overflow: hidden" rule on the body in common.css.
|
|
* Very important; otherwise you can't scroll the showcase.
|
|
*/
|
|
overflow: visible;
|
|
}
|
|
|
|
.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 {
|
|
/* contain absolute positioned elements such as dropdowns */
|
|
position: relative;
|
|
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;
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
.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.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;
|
|
}
|
|
|
|
.room-waiting-tile {
|
|
background-color: grey;
|
|
}
|
|
/* 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;
|
|
}
|
|
|
|
/* Force dropdown menus to display. */
|
|
.force-menu-show .icons,
|
|
.force-menu-show .dropdown-menu {
|
|
display: inline-block !important;
|
|
}
|