Make html/css scalable
This commit is contained in:
parent
1ed6b0e651
commit
961db1ca45
|
@ -8,7 +8,7 @@
|
|||
<b><!-- $event-user-name --></b><br/>
|
||||
<small><!-- $event-time --></small>
|
||||
</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>
|
||||
<!-- $event-entry-content -->
|
||||
<div style='clear: both'></div>
|
||||
|
|
|
@ -9,8 +9,7 @@
|
|||
font-size: <!-- $body-font-size -->;
|
||||
font-family: <!-- $body-font-family -->;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-top: 20px;
|
||||
padding: 18px;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
|
@ -26,13 +25,12 @@
|
|||
.day-entry-header {
|
||||
font-size: <!-- $day-entry-header-font-size -->;
|
||||
color: #444;
|
||||
margin-bottom: 9px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.day-entry-content {
|
||||
padding: 9px;
|
||||
padding: 18px;
|
||||
padding-top: 9px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
color: <!-- $a-color -->;
|
||||
|
@ -44,6 +42,7 @@
|
|||
}
|
||||
|
||||
.event-time {
|
||||
margin: 15px;
|
||||
opacity: 0.8;
|
||||
font-size: 80%;
|
||||
color: #fff;
|
||||
|
@ -55,10 +54,7 @@
|
|||
|
||||
.event-entry-content {
|
||||
display: block;
|
||||
width: 440px;
|
||||
background-color: #f0f0f0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 12px;
|
||||
padding: 0px;
|
||||
padding-bottom: 6px;
|
||||
|
@ -66,6 +62,7 @@
|
|||
}
|
||||
|
||||
.wrapper {
|
||||
margin: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
@ -126,9 +123,8 @@
|
|||
|
||||
.event-info {
|
||||
float: left;
|
||||
padding: 15px;
|
||||
margin-bottom: 6px;
|
||||
width: 410px;
|
||||
margin-bottom: 8px;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px #ccc solid;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue