Commit 5755f640 authored by ludi's avatar ludi

foundry styles

parent 75f13e3e
This diff is collapsed.
This diff is collapsed.
*{
box-sizing: border-box;
}
@font-face {
font-family: Alfphabet-IV;
src: url("../fonts/Alfphabet-IV.otf");
}
@font-face {
font-family: OSP-DIN;
src: url("../fonts/OSP-DIN.otf");
}
/*------------------- Playground --------------------*/
.foundry-playground {
background-color: pink;
}
.font-line{
}
.font-line {
height: 1em;
font-size : 5em;
padding-left: 0.2em;
padding-right: 0.2em;
margin-top: 0.2em;
margin-bottom: 0.2em;
}
.editable p{
width: 100%;
height : auto;
background: transparent;
border: 0;
padding: 0;
text-overflow: '';
}
.editable input {
width: 100%;
height : auto;
background: transparent;
border: 0;
padding: 0;
text-overflow: '';
font-size: 45pt;
color: #000;
}
/*.font-line:hover{
border:1px dotted #9C37FF;
}*/
/*------------------- div—infos --------------------*/
.font-name, .download, .contribute {
font-size: 12pt;
float: left;
}
.contribute {
padding-left: 12pt;
padding-right: 12pt;
}
.download {
background-color:#9900FF;
font-color: white;
}
/*------------------- font style --------------------*/
.Bagnard{
font-family : 'Bagnard';
float: left;
}
.Belgika{
font-family : 'belgika-16';
float: left;
}
.Hershey{
font-family : 'herscheyfutura';
float: left;
}
.OSP-DIN{
font-family : 'OSP-DIN';
float: left;
}
.Alfphabet-IV {
font-family : 'Alfphabet-IV';
float: left;
}
/*------------------- div—contribute --------------------*/
.foundry-contribute {
margin-top:24px;
font-family:'Bagnard';
font-size:18px;
line-height:24px;
background-color:#7fffd4;
padding:24px;
}
.foundry-contribute span{
font-family:'belgika-16';
}
......@@ -857,6 +857,9 @@ div#info-page{
}
}
// foundry page -------------------------------------------------
// pre-spaced text (code) -------------------------------------
pre, code {
......
......@@ -4,21 +4,35 @@
<div class="foundry-playground">
<div class="font-line">
<span class="font-name">Bagnard</span>
<span class="contribute"><a href="http://osp.kitchen/foundry/">contribute</a></span>
<span class="download"><a href="http://osp.kitchen/foundry/">download</a></span>
<p class="editable">
<input class="Bagnard" type="text" value="Bagnard"/> </input>
</p>
</div>
<div class="font-line">
<div class="Bagnard" contenteditable="true"> Bagnard </div>
<div class="download">download</div>
<div class="contribute">contribute</div>
</div>
<div class="font-line">
<div class="Belgika" contenteditable="true"> Belgika </div>
<div class="download">download</div>
<div class="contribute">contribute</div>
</div>
<div class="font-line">
<div class="Hershey" contenteditable="true">Hello Hershey</div>
<div class="download">download</div>
<div class="contribute">contribute</div>
</div>
<span class="font-name">Belgika</span>
<span class="contribute"><a href="http://osp.kitchen/foundry/">contribute</a></span>
<span class="download"><a href="http://osp.kitchen/foundry/">download</a></span>
<p class="editable">
<input class="Belgika" type="text" value="Belgika"/> </input>
</p>
</div>
<div class="font-line">
<span class="font-name">Hershey</span>
<span class="contribute"><a href="http://osp.kitchen/foundry/">contribute</a></span>
<span class="download"><a href="http://osp.kitchen/foundry/">download</a></span>
<p class="editable">
<input class="Hershey" type="text" value="Hershey"/> </input>
</p>
</div>
</div>
<div class="foundry-contribute">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment