<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Labs@doya.in &#187; CSS</title>
	<atom:link href="http://doya.in/labs/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://doya.in/labs</link>
	<description>未踏志向でいこう！WEBアプリ開発やらサーバ構築やら思ったことやらのメモ:: @　浜松</description>
	<lastBuildDate>Tue, 16 Mar 2010 14:18:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>虹色文字(レインボーカラー)</title>
		<link>http://doya.in/labs/20080901/color/</link>
		<comments>http://doya.in/labs/20080901/color/#comments</comments>
		<pubDate>Sun, 31 Aug 2008 15:18:54 +0000</pubDate>
		<dc:creator>doya</dc:creator>
				<category><![CDATA[日記]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://doya.in/?p=38</guid>
		<description><![CDATA[れいんぼーからーですよ
カラーコードはこんなかんじ。
&#60;span style=’color: #ff1493;’&#62;れ&#60;/span&#62;
&#60;span style=’color: #ff357b;’&#62;い&#60;/span&#62;
&#60;span style=’color: #ff5562;’&#62;ん&#60;/span&#62;
&#60;span style=’color: #ff764a;’&#62;ぼ&#60;/span&#62;
&#60;span style=’color: #ff9631;’&#62;ー&#60;/span&#62;
&#60;span style=’color: #ffb719;’&#62;か&#60;/span&#62;
&#60;span style=’color: #ffd700;’&#62;ら&#60;/span&#62;
&#60;span style=’color: #d9c12d;’&#62;ー&#60;/span&#62;
&#60;span style=’color: #b3ab5a;’&#62;で&#60;/span&#62;
&#60;span style=’color: #8d9587;’&#62;す&#60;/span&#62;
&#60;span style=’color: #677fb4;’&#62;よ&#60;/span&#62;


	関連記事(こちらもどうぞ)
	
	&#160;-&#8195;vimperatorの色設定（CSS指定）


]]></description>
			<content:encoded><![CDATA[<p><strong><span style="color: #ff1493;">れ</span><span style="color: #ff357b;">い</span><span style="color: #ff5562;">ん</span><span style="color: #ff764a;">ぼ</span><span style="color: #ff9631;">ー</span><span style="color: #ffb719;">か</span><span style="color: #ffd700;">ら</span><span style="color: #d9c12d;">ー</span><span style="color: #b3ab5a;">で</span><span style="color: #8d9587;">す</span><span style="color: #677fb4;">よ</span></strong><br />
カラーコードはこんなかんじ。</p>
<pre>&lt;span style=’color: #ff1493;’&gt;れ&lt;/span&gt;
&lt;span style=’color: #ff357b;’&gt;い&lt;/span&gt;
&lt;span style=’color: #ff5562;’&gt;ん&lt;/span&gt;
&lt;span style=’color: #ff764a;’&gt;ぼ&lt;/span&gt;
&lt;span style=’color: #ff9631;’&gt;ー&lt;/span&gt;
&lt;span style=’color: #ffb719;’&gt;か&lt;/span&gt;
&lt;span style=’color: #ffd700;’&gt;ら&lt;/span&gt;
&lt;span style=’color: #d9c12d;’&gt;ー&lt;/span&gt;
&lt;span style=’color: #b3ab5a;’&gt;で&lt;/span&gt;
&lt;span style=’color: #8d9587;’&gt;す&lt;/span&gt;
&lt;span style=’color: #677fb4;’&gt;よ&lt;/span&gt;
</pre>

	<h3 class="st-related-posts">関連記事(こちらもどうぞ)</h3>
	<ul class="st-related-posts">
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/20080625/vimperator-color/" title="vimperatorの色設定（CSS指定） (2008.06.25)">vimperatorの色設定（CSS指定）</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://doya.in/labs/20080901/color/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>vimperatorの色設定（CSS指定）</title>
		<link>http://doya.in/labs/20080625/vimperator-color/</link>
		<comments>http://doya.in/labs/20080625/vimperator-color/#comments</comments>
		<pubDate>Wed, 25 Jun 2008 13:25:53 +0000</pubDate>
		<dc:creator>doya</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[vimperator]]></category>

		<guid isPermaLink="false">http://doya.in/?p=21</guid>
		<description><![CDATA[vimperatorネタです。vimperatorってなによ？というお話は、先日書いた vimperatorが素敵！ &#8211; Firefox Add-on にて・・・・。
で、その中で、vimperatorのCSS設定方法で、commandlieの色が変わらん！と嘆いていた。
そしたら、”通りすがり”さんがアドバイスしてくれたので、そのCSS設定メモ。
※ vimperator1.2preでの色設定です！
結論からいうと・・・下のように見事に色変更できた！
デフォルトの色

↓
CSS適用後の色

vimperator CSS設定
CSSの設定を貼り付けておきます。CSSは、profiles配下のuserChrome.cssにて指定します。
H:\mydata\FireFox\Profiles\chrome\userChrome.css
/* bufferwindow style */
#liberator-container{
    color: blue !important; // 指定しないとbufferwindowでcolorが利かない
}
#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow {
    color: blue !important;
    background-color: #eee !important;
}

/* commandline style */
#liberator-commandline{
    /*font-family:"Luxi Mono", monospace !important; // &#60;-- フォントを指定するなら  */
    background-color: #222 !important;
 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>vimperator</strong>ネタです。<strong>vimperator</strong>ってなによ？というお話は、先日書いた <a href="http://doya.in/20080622/vimperator-firefox/">vimperatorが素敵！ &#8211; Firefox Add-on</a> にて・・・・。</p>
<p>で、その中で、<strong>vimperator</strong>のCSS設定方法で、commandlieの色が変わらん！と嘆いていた。<br />
そしたら、”<a href="http://doya.in/20080622/vimperator-firefox/#comment12">通りすがり</a>”さんがアドバイスしてくれたので、そのCSS設定メモ。<br />
<span class="notice">※</span> vimperator1.2preでの色設定です！</p>
<p>結論からいうと・・・下のように見事に色変更できた！</p>
<p><strong>デフォルトの色</strong></p>
<p><img class="alignnone size-full wp-image-22" title="vimperator-color-normal" src="http://doya.in/labs/wp-content/uploads/2008/06/vimperator-color-normal.jpg" alt="vimperator-color-normal" /></p>
<p>↓</p>
<p><strong>CSS適用後の色</strong></p>
<p><img class="alignnone size-full wp-image-23" title="vimperator-color-doya" src="http://doya.in/labs/wp-content/uploads/2008/06/vimperator-color-doya.jpg" alt="vimperator-color-doya" /></p>
<h3>vimperator CSS設定</h3>
<p>CSSの設定を貼り付けておきます。CSSは、profiles配下の<strong>userChrome.css</strong>にて指定します。<br />
H:\mydata\FireFox\Profiles\chrome\<strong>userChrome.css</strong></p>
<pre>/* bufferwindow style */
#liberator-container{
    color: blue !important; // 指定しないとbufferwindowでcolorが利かない
}
#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow {
    color: blue !important;
    background-color: #eee !important;
}

/* commandline style */
#liberator-commandline{
    /*font-family:"Luxi Mono", monospace !important; // &lt;-- フォントを指定するなら  */
    background-color: #222 !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 10pt !important;
}

/* statusline style */
#liberator-statusline {
    /*font-family:"Luxi Mono", monospace !important; // &lt;-- フォントを指定するなら  */
    font-weight: normal !important;
    font-size: 10pt !important;
    padding:3px 0 !important;
}

/* normal page statusline */
.hl-StatusLine {
     background-color: #000 !important;
     color: #B0FF00 !important;
}

/* secure(ssl) page statusline */
.hl-StatusLineSecure {
     background-color: #B0FF00 !important; /* light green */
     color: black !important;
}</pre>
<p><span class="notice">※</span> #liberator-statuslineのfont-sizeを16px以上にする場合は、注意が必要のようです。<br />
詳しくは→→<a href="http://doya.in/20080622/vimperator-firefox/#comment12">&#8220;通りすがり&#8221;さんのコメント</a></p>
<h3>[参考]ついでに・・・vimperator.cssを覗いてみる</h3>
<p>そう、そもそもvimperator.jarの中身。vimperator.cssを覗いてみればよかったじゃないの。<br />
ということで、そのデフォルトCSSも貼り付けておきます。これでIDとClassがわかりますね。</p>
<pre style="height: 300px;">/***** BEGIN LICENSE BLOCK ***** {{{
Version: MPL 1.1/GPL 2.0/LGPL 2.1

The contents of this file are subject to the Mozilla Public License Version
1.1 (the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at

http://www.mozilla.org/MPL/

Software distributed under the License is distributed on an "AS IS" basis,
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
for the specific language governing rights and limitations under the
License.

(c) 2006-2008: Martin Stubenschrott &lt;stubenschrott@gmx.net&gt;

Alternatively, the contents of this file may be used under the terms of
either the GNU General Public License Version 2 or later (the "GPL"), or
the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
in which case the provisions of the GPL or the LGPL are applicable instead
of those above. If you wish to allow use of your version of this file only
under the terms of either the GPL or the LGPL, and not to allow others to
use your version of this file under the terms of the MPL, indicate your
decision by deleting the provisions above and replace them with the notice
and other provisions required by the GPL or the LGPL. If you do not delete
the provisions above, a recipient may use your version of this file under
the terms of any one of the MPL, the GPL or the LGPL.
}}} ***** END LICENSE BLOCK *****/

#liberator-container  {
    font-family: monospace;
}

#liberator-bufferwindow, #liberator-completion, #liberator-previewwindow {
    -moz-user-focus: ignore;
    overflow: -moz-scrollbars-none !important; /* does not seem to work fully */
    border-width: 0px !important;
    -moz-appearance: none !important; /* prevent an ugly 3D border */
}

/* the selected item in listboxes is hardly readable without this */
#liberator-completion    &gt; listitem[selected="true"] &gt; listcell,
#liberator-bufferwindow  &gt; listitem[selected="true"] &gt; listcell,
#liberator-previewwindow &gt; listitem[selected="true"] &gt; listcell {
   background-color: Highlight !important;
   color: HighlightText !important;
}

/* fixes the min-height: 22px from firefox */
#status-bar, statusbarpanel {
    -moz-appearance: none !important;
	min-height: 18px !important;
    border: none !important;
    font-weight: bold;
    font-family: monospace;
}
#liberator-statusline {
    font-family: monospace;
    margin: 0px;
}
#liberator-statusline &gt; label {
    padding: 0px 0px 0px 8px;
}
#liberator-statusline &gt; label:first-child {
    padding: 0px;
}
#liberator-statusline-field-url {
    background-color: inherit;
    color: inherit;
}

/* no longer at the window's bottom right corner */
.statusbar-resizerpanel {
    display: none;
}
#statusbar-display, #statusbar-progresspanel {
    display: none;
}

#liberator-commandline {
    padding: 1px;
    /*
    background-color: white;
    color: black;
    */
}
#liberator-commandline-prompt, #liberator-commandline-command {
    background-color: inherit;
    color: inherit;
}

#liberator-visualbell {
    border: none;
    background-color: black;
}

#sidebar {
    max-width: 90% !important;
    min-width: 10% !important;
}

/* highlight groups */

.hl-Normal {
    background-color: white;
    color: black;
}
.hl-ErrorMsg {
    background-color: red;
    color: white;
    font-weight: bold;
}
.hl-ModeMsg {
    background-color: white;
    color: black;
}
.hl-MoreMsg {
    background-color: white;
    color: green;
}
.hl-Question {
    background-color: white;
    color: green;
}
.hl-Title {
    background-color: white;
    color: magenta;
    font-weight: bold;
}
.hl-Warning {
    background-color: white;
    color: red;
}
.hl-StatusLine {
    background: none !important;
    background-color: black !important;
    color: white !important;
}
.hl-StatusLineSecure {
    background: none !important;
    background-color: #B0FF00 !important; /* light green */
    color: black !important;
}
.hl-StatusLineBroken {
    background: none !important;
    background-color: #FF6060 !important; /* light red */
    color: black !important;
}
.hl-URL {
    background-color: white;
    color: green;
    text-decoration: none;
}
/* NOTE: .aClass:hover not supported in quirks mode: http://developer.mozilla.org/en/docs/Mozilla_Quirks_Mode_Behavior */
a.hl-URL:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* MOW */

#liberator-multiline-output {
    overflow: hidden;
    background-color: white;
    color: black;
}

#liberator-multiline-output-content {
    white-space: pre; /* -moz-pre-wrap FIXME: Should lines wrap like Vim? */
    font-family: -moz-fixed;
    margin: 0px;
}

#liberator-multiline-output-content * {
    font: inherit;
}

#liberator-multiline-output-content table {
    white-space: inherit;
    border-spacing: 0px;
}

#liberator-multiline-output-content td,
#liberator-multiline-output-content th {
    padding: 0px 2px;
}

/* vim: set fdm=marker sw=4 ts=4 et: */</pre>
<p><br style="clear:both" /></p>
<h3>その他・・・</h3>
<p>vimperator0.6系？は下記でもいけるのかもしれない</p>
<ul>
<li><a href="http://vimperator.cutup.org/index.php?title=Configuration#Change_statusbar_colors">Configuration &#8211; Vimperator</a></li>
<li><a href="http://adenine.ddo.jp/blog/2008/01/vimperator.html">vimperatorって文字小さい・・・。 (翻弄されつづけるblog)</a></li>
<li><a href="http://d.hatena.ne.jp/bigchu/20080520/1211280922">Vimperatorで丸裸だぜFirefoxちゃん！そして俺色に染めてやる!! &#8211; 酒は血液、呑んだら献血</a></li>
</ul>
<h3>まとめ</h3>
<p>特にまとめることはなし。次回こそ、&#8221;plugin導入&#8221;と&#8221;使い方&#8221;の記事を書くつもり。</p>

	<h3 class="st-related-posts">関連記事(こちらもどうぞ)</h3>
	<ul class="st-related-posts">
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/wiki/vimperator/" title="vimperator設定 (2008.06.25)">vimperator設定</a></li>
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/20080622/vimperator-firefox/" title="vimperatorが素敵！  &#8211; Firefox Add-on - (2008.06.22)">vimperatorが素敵！  &#8211; Firefox Add-on -</a></li>
	<li>&nbsp;-&emsp;<a href="http://doya.in/labs/20080901/color/" title="虹色文字(レインボーカラー) (2008.09.01)">虹色文字(レインボーカラー)</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://doya.in/labs/20080625/vimperator-color/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
FeedLogger:Error /var/www/html/doya.in/labs/wp-content/plugins/feedlogger/dataが書き込み可能ではありません<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->