Просмотр архива jColor

body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  line-height:
1.5;
}

pre {
  line-height: 1.1;
  margin: 0;
  margin-bottom:
-1em;
}

code {
  font-size: 1.1em;
  background:
rgba(255,255,255,0.6);
}

a {
  color: rgb(172, 66, 78);
  text-decoration:
none;
  border-bottom: 0.1em dotted rgb(172, 66, 78);
}

.cp .hljs {
 
position: relative;
  background: rgba(255,255,255,0.6);
  padding: 0
1em;
}

.cp .hljs::after {
  position: absolute;
  top: 0;
  right: 0;
 
padding: 0.2em 0.4em;
  background: white;
}

.cp .hljs.xml::after {
 
content: 'HTML';
}

.cp .hljs.javascript::after {
  content:
'JavaScript';
}

.cp .hljs.css::after {
  content: 'CSS';
}

.live-example
{
  width: 100%;
  height: 7em;
  background: rgba(0, 0, 0, 0.05);
 
border: 0.1em dashed #999;
}

section footer {
  text-align:
right;
}

h1.page-title {
  margin: 1% auto 0;
  font-size: 3em;
  width:
96%;
  max-width: 960px;
}

h1.page-title .logo {
  vertical-align:
middle;
  height: 1.2em;
}

h1.page-title span.desc {
  color: gray;
 
font-weight: normal;
}

article {
  width: 96%;
  max-width: 960px;
 
margin: 2% auto;
  background: rgb(229, 229, 229);
  padding: 2%;
 
box-sizing: border-box;
}

section {
  margin-top: 1em;
}

code {
 
padding: 0.2em 0.4em;
}

article:last-of-type {
  margin-bottom:
4%;
}

article h1 {
  margin-top: 0;
  color: rgb(74, 86, 105);
 
text-shadow:  0.05em  0.05em 0 rgb(229, 229, 229),
               -0.05em 
0.05em 0 rgb(229, 229, 229),
                0.05em -0.05em 0 rgb(229, 229,
229),
               -0.05em -0.05em 0 rgb(229, 229, 229);
  border-bottom:
1px solid rgb(151, 157, 166);
  line-height: 0.9;
}

article h2 {
 
margin-bottom: 0;
  font-size: 1.2em;
  color: rgb(74, 86, 105);
}

article
h2 a {
  float: right;
  border-bottom: none;
  font-size: 0.8em;
 
padding-top: 0.3em;
  padding-left: 1em;
  font-weight:
normal;
}

.full-source-modal {
  position: fixed;
  top: 0;
  left: 0;
 
width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  cursor:
pointer;
}

.full-source-modal pre {
  margin: 10vh auto;
  max-width:
75%;
  cursor: default;
}

.cp .full-source-modal code.hljs {
  background:
white;
  padding: 1em;
  max-height: 70vh;
  overflow-y: auto;
}

.cp
.full-source-modal code.hljs::after {
  display: none;
}

#configure-bounds
.live-example {
  height: 14em;
}

#getting-color .live-example {
  height:
10em;
}

#theming .live-example,
#listening .live-example {
  height:
8em;
}