Make html/css scalable

This commit is contained in:
Hylke Bons 2011-06-19 00:02:01 +01:00
parent 4574ae6056
commit 98166487ec
2 changed files with 11 additions and 15 deletions

View file

@ -8,7 +8,7 @@
<b><!-- $event-user-name --></b><br/> <b><!-- $event-user-name --></b><br/>
<small><!-- $event-time --></small> <small><!-- $event-time --></small>
</div> </div>
<div class='event-time' style='background-color: <!-- $event-folder-color -->'><!-- $event-folder --></div> <div class='event-time' style='background-color: <!-- $event-folder-color -->'><!-- $event-folder --></div>
</div> </div>
<!-- $event-entry-content --> <!-- $event-entry-content -->
<div style='clear: both'></div> <div style='clear: both'></div>

View file

@ -9,8 +9,7 @@
font-size: <!-- $body-font-size -->; font-size: <!-- $body-font-size -->;
font-family: <!-- $body-font-family -->; font-family: <!-- $body-font-family -->;
margin: 0; margin: 0;
padding: 0; padding: 18px;
margin-top: 20px;
-webkit-user-select: none; -webkit-user-select: none;
} }
@ -26,13 +25,12 @@
.day-entry-header { .day-entry-header {
font-size: <!-- $day-entry-header-font-size -->; font-size: <!-- $day-entry-header-font-size -->;
color: #444; color: #444;
margin-bottom: 9px; padding: 18px;
margin-left: 30px; padding-top: 9px;
} margin-left: auto;
margin-right: auto;
.day-entry-content {
padding: 9px;
} }
a { a {
color: <!-- $a-color -->; color: <!-- $a-color -->;
@ -44,6 +42,7 @@
} }
.event-time { .event-time {
margin: 15px;
opacity: 0.8; opacity: 0.8;
font-size: 80%; font-size: 80%;
color: #fff; color: #fff;
@ -55,10 +54,7 @@
.event-entry-content { .event-entry-content {
display: block; display: block;
width: 440px;
background-color: #f0f0f0; background-color: #f0f0f0;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px; margin-bottom: 12px;
padding: 0px; padding: 0px;
padding-bottom: 6px; padding-bottom: 6px;
@ -66,6 +62,7 @@
} }
.wrapper { .wrapper {
margin: 15px;
float: left; float: left;
} }
@ -126,9 +123,8 @@
.event-info { .event-info {
float: left; float: left;
padding: 15px; margin-bottom: 8px;
margin-bottom: 6px; width: 100%;
width: 410px;
background-color: #fff; background-color: #fff;
border-bottom: 1px #ccc solid; border-bottom: 1px #ccc solid;
} }