зеркало из https://github.com/mozilla/CSOL-site.git
Various media bits and pieces
This commit is contained in:
Andrew Hayward
Родитель
286a78a3be
Коммит
e72b016fcc
|
|
@ -0,0 +1,135 @@
|
|||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #EEE;
|
||||
}
|
||||
|
||||
#notes {
|
||||
position: fixed;
|
||||
bottom: 1em;
|
||||
right: 1em;
|
||||
max-width: 300px;
|
||||
padding: 1em;
|
||||
background: rgba(255, 255, 255, 0.75);
|
||||
color: #333;
|
||||
border: solid 1px #999;
|
||||
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
#header {
|
||||
background: #EEE;
|
||||
border-bottom: solid 1px #CCC;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#header::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
font-size: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
#header h1 a {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 220px;
|
||||
height: 100px;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
text-indent: -999em;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border-right: solid 1px rgba(255, 255, 255, 0.75);
|
||||
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
|
||||
#header h1 a::after {
|
||||
content: "CSOL";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
margin-top: -1em;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
#navigation {
|
||||
float: right;
|
||||
line-height: 2em;
|
||||
margin-top: -2em;
|
||||
}
|
||||
|
||||
#navigation ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#navigation li {
|
||||
float: left;
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
|
||||
#navigation li:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 50px 0;
|
||||
min-height: 200px;
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#footer {
|
||||
border-top: solid 1px #CCC;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
ul.row {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
figure.thumbnail {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.thumbnail img {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
form .divider {
|
||||
display: block;
|
||||
margin: 2em 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
form .divider::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
border-top: solid 1px #CCC;
|
||||
}
|
||||
|
||||
form .divider em {
|
||||
background: #FFF;
|
||||
padding: 0 1em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
html,body{margin:0;padding:0;background:#EEE;}
|
||||
#notes{position:fixed;bottom:1em;right:1em;max-width:300px;padding:1em;background:rgba(255, 255, 255, 0.75);color:#333;border:solid 1px #999;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);}
|
||||
#header{background:#EEE;border-bottom:solid 1px #CCC;position:relative;}#header::after{content:"";position:absolute;top:100%;left:0;width:100%;height:5px;background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));}
|
||||
#header h1{margin:0;overflow:hidden;font-size:2em;line-height:2em;}#header h1 a{display:block;float:left;width:220px;height:100px;background:rgba(0, 0, 0, 0.05);text-indent:-999em;overflow:hidden;position:relative;border-right:solid 1px rgba(255, 255, 255, 0.75);box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.125);}#header h1 a::after{content:"CSOL";display:block;position:absolute;top:50%;left:0;width:100%;height:2em;margin-top:-1em;text-align:center;text-indent:0;color:rgba(0, 0, 0, 0.25);text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);}
|
||||
#navigation{float:right;line-height:2em;margin-top:-2em;}#navigation ul{list-style:none;margin:0;}
|
||||
#navigation li{float:left;margin-left:1.5em;}#navigation li:first-child{margin-left:0;}
|
||||
#content{padding:50px 0;min-height:200px;background:#FFF;}
|
||||
#footer{border-top:solid 1px #CCC;height:100px;}
|
||||
ul.row{list-style:none;}
|
||||
figure.thumbnail{margin:0;}
|
||||
.thumbnail img{margin-top:5px;}
|
||||
form .divider{display:block;margin:2em 0;text-align:center;position:relative;}form .divider::before{content:"";position:absolute;left:0;top:50%;width:100%;border-top:solid 1px #CCC;}
|
||||
form .divider em{background:#FFF;padding:0 1em;position:relative;}
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 578 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 548 B |
|
|
@ -0,0 +1,136 @@
|
|||
// Target: ../css/core.css
|
||||
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #EEE;
|
||||
}
|
||||
|
||||
#notes {
|
||||
position: fixed;
|
||||
bottom: 1em;
|
||||
right: 1em;
|
||||
max-width: 300px;
|
||||
padding: 1em;
|
||||
background: rgba(255,255,255,0.75);
|
||||
color: #333;
|
||||
border: solid 1px #999;
|
||||
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
#header {
|
||||
background: #EEE;
|
||||
border-bottom: solid 1px #CCC;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
background: -webkit-linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
font-size: 2em;
|
||||
line-height: 2em;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 220px;
|
||||
height: 100px;
|
||||
background: rgba(0,0,0,0.05);
|
||||
text-indent: -999em;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border-right: solid 1px rgba(255,255,255,0.75);
|
||||
box-shadow: inset 2px 2px 5px rgba(0,0,0,0.125);
|
||||
|
||||
&::after {
|
||||
content: "CSOL";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
margin-top: -1em;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
color: rgba(0,0,0,0.25);
|
||||
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#navigation {
|
||||
float: right;
|
||||
line-height: 2em;
|
||||
margin-top: -2em;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
float: left;
|
||||
margin-left: 1.5em;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 50px 0;
|
||||
min-height: 200px;
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#footer {
|
||||
border-top: solid 1px #CCC;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
ul.row {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
figure.thumbnail {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.thumbnail img {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
form .divider {
|
||||
display: block;
|
||||
margin: 2em 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
border-top: solid 1px #CCC;
|
||||
}
|
||||
|
||||
em {
|
||||
background: #FFF;
|
||||
padding: 0 1em;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
Загрузка…
Ссылка в новой задаче