r
/
api.emotionhero.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

style change

This commit is contained in:
Ruben 2016-09-20 12:00:40 +01:00
parent 50384266c9
commit 1fc9a92355
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
www/faces3.php
View File

@ -44,6 +44,7 @@ EOSNIPPET;
<title>Emotion Hero</title> <title>Emotion Hero</title>
</head> </head>
<style type="text/css"> <style type="text/css">
html{ html{
height:100%; height:100%;
overflow:hidden; overflow:hidden;
@ -54,6 +55,7 @@ body{
font-weight:bold; font-weight:bold;
font-size:1vw; font-size:1vw;
margin:0.5em; margin:0.5em;
font-family: sans-serif;
} }
body.presentation{ body.presentation{
background:black; background:black;
@ -61,11 +63,14 @@ body.presentation{
h3{ h3{
margin:0.5%; margin:0.5%;
text-align:center; text-align:center;
/*! background: white; */
/*! color: black; */
} }
h3 span{ h3 span{
background:black; background:none;
color:white; color:white;
padding:0.2%; padding:0.2%;
/*! border-bottom: solid 0.2em white; */
} }
.block{ .block{
@ -84,7 +89,7 @@ h3 span{
margin-left:0.14%; margin-left:0.14%;
float:left; float:left;
font-size:80%; font-size:80%;
padding-top:2.5% padding-top:2.5%;
} }
.mouth .block { .mouth .block {
width:14%; width:14%;
@ -95,14 +100,14 @@ h3 span{
/*.emotitle span:before{content:"‹";} /*.emotitle span:before{content:"‹";}
.emotitle span:after{content:"›";}*/ .emotitle span:after{content:"›";}*/
.emotitle{font-style:italic;} .emotitle{/*! font-style:italic; *//*! display: none; */}
.emotitle:before{content:"«";} .emotitle:before{/*! content:"«"; */}
.emotitle:after{content:"»";} .emotitle:after{content:"»";}
img{ img{
width:100%; width:100%;
filter:saturate(0%); /*! filter:saturate(0%); */
mix-blend-mode: multiply; /*! mix-blend-mode: multiply; */
/*mix-blend-mode: exclusion;*/ /*mix-blend-mode: exclusion;*/
} }
@ -137,7 +142,8 @@ img{
.emo{ .emo{
text-align:center; text-align:center;
float:left; float:left;
background:#fff; background:black;
color: white;
} }
.brows{ .brows{
width:40%; width:40%;
@ -265,6 +271,7 @@ ul{
.presentation .currentHit p { .presentation .currentHit p {
border-bottom: solid 0.1em white; border-bottom: solid 0.1em white;
} }
</style> </style>
<body <?php if(isSet($_GET['presentation'])){echo "class='presentation'";}?>> <body <?php if(isSet($_GET['presentation'])){echo "class='presentation'";}?>>
<?php <?php