Make html/css scalable
This commit is contained in:
parent
4574ae6056
commit
98166487ec
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue