レインドロップスは、Yahoo user interface grid というCSSフレームワークを使っています。このフレームワークでは、フォントサイズを%指定するのが基本になっていますが、使いなれたpxサイズのほうが楽な時もあります。
[php]
<p class="f16">フォントのfにピクセルサイズを続けたクラス名を使う事が出来ます
</p>
[/php]
行間50:
Raindrops theme contain color class
see below result and html codes
*class:f10
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f11
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f12
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f13
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f14
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f15
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f16
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f17
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f18
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f19
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f20
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f21
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f22
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f23
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f24
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f25
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.
*class:f26
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu colorugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui ocolorcoloricia deserunt mollit anim id est laborum.