CSS　Revoltify 2　カスタマイズ記録メモ

3/24/2017

メイン文字カラー#2A2A2A
HOWTOカスタマイズ両方padding:0にすることで携帯がフル表示される余白０

/* CSS Outer Wrapper */
#outer-wrapper {background:#fff;max-width:1100px;margin:0 auto;padding:0px;overflow:hidden;border-right:1px solid #d9dce1;border-left:1px solid #d9dce1;}

/* CSS Content Wrapper */
#content-wrapper {background-color:#fff;margin:10px auto;padding:0 0px;
word-wrap:break-word;}

/* CSS Header Wrapper */
#header-wrapper {margin:20px;overflow:hidden;padding:0;}
#header {float:left;width:100%;max-width:700px;color:#8c949d;margin:0;}
mainタイトル＋その下文章範囲

/* CSS Framework */

link … 未訪問のリンク

visited … 訪問済みのリンク

hover … ポイント時のリンク

active … 選択中のリンク

a:link{color:#0099cc;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#f56c7e;text-decoration:none;}
a:link:hover{color:#0099cc;text-decoration:none;}
a:visited:hover{color:#f56c7e;text-decoration:none;}

/* CSS Post Wrapper*/

「1022」

TOP記事タイトルフォント

h2.post-title, h1.post-title {font-family:'Open Sans',sans-serif;font-size:30px;font-weight:700;padding:15px 0;text-transform:none;padding

/* CSS Post Wrapper */

1024　h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#0080ff;z-index:0;}
1025　h2.post-title a:hover, h1.post-title a:hover {color:#efa666!important;}

1024TOPの記事タイトル色＋1025カーソル合わせた時の色？

/* CSS Post Wrapper */

「334」 記事タイトル（ページを開いた後）のフォント

修正して26　もとは20？

h3.post-title, h2.post-title, h1.post-title {font-family:'Open Sans',sans-serif;font-size:26px;font-weight:700;text

/* CSS Post Wrapper */

記事を開いた後の記事タイトル色

[319]

#post-wrapper {background:transparent;color:#ff0000;float:left;width:70%;margin:0 0 10px;}

.post-inner {padding:15px 15px 0 0;}

「332」記事文章フォント＋色　16ｐｘに変更

.post-body {line-height:1.6em;color:#4b5f65;margin-top:15px;margin-right:0;font-size:14px;}

#4d4d4d

331
記事内スペース15を30に

.post {background:#fff;margin:0 0 15px;padding:30px;box-shadow:0 0 0 1px #d9dce1;}

/* CSS Sidebar Wrapper */
593
サイドバータイトルフォント＋色

.sidebar h2, .sidebar2 h2, .tably h2 {font-family:'Open Sans';font-size:15px;font-weight:700;color:#8c949d;padding:10px 0;text

padding:10px はスペース

165+-

doubleで二重線grooveくぼみ線

/* CSS Post Table表{border:solidで一本線 */

.post-body table th, .post-body table td, .post-body table caption{border:solid;padding:10px 12px;text-align:left;vertical-align:top;}

.post-body th:nth-child(1){background:#f5f7fa;color:#39484d;}

.post-body th:nth-child(2),.post-body th:nth-child(3),.post-body th:nth-child(4),

.post-body th:nth-child(5){background:#f5f7fa;}

/* CSS Post Table表808080が表の色 */

.post-body table td {background:#808080;color:#fff;}ｆｆｆが枠線文字色

.post-body table.tr-caption-container {border:none;}

.post-body th{font-weight:700;}

fffを黒くして　Backgroundを白くすればおｋ

あと右メニューを上にいれて　文字でっかくして

英語を日本語に書き直し

CSS？とか記号だらけで頭が痛いよー

記事タイトル、本文に使われる色　検索で他の色に差し替え

4ｄ4ｄ4ｄ

背景を追加

/* CSS Post Layout */

body {background:#eef0f4 none repeat scroll top left;margin:0 0 0 0;margin:0 0 0 0;padding:0 0 0 0;color:#4b5f65;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:left;}

を変更して背景かえる↓

背景変更　192+-　

/* CSS Post Layout背景 */

body {background:url(http://背景URL.png)fixed 50% 50% no-repeat;

padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);

$(body.background.override)none repeat scroll top left;margin:0 0 0 0;margin:0 0 0 0;padding:0 0 0 0;color:#4b5f65;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:left;}

↑fontをいじったら右メニューの文字がなぜかでかくなった

CSS fontの変更

* {

????font-family: 'meiryo', 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'ＭＳＰゴシック', sans-serif !important;

}

email 記事下のよくわからないメール2377-2381削除

<p>Sign up here with your email</p>

</div>

中が消えただけでした。

「記事下の囲い」

subscribe-formを消す　　　951-968　

　/* CSS Related Posts and Email Subscribe */全部

[幅]

274前後

/* CSS Outer Wrapper */
1100を1200に

#outer-wrapper {background:#fff;max-width:1100px;margin:0 auto;padding:20px;overflow:hidden;border-right:1px solid #d9dce1;border-left:1px solid #d9dce1;}

#0099cc 青緑　上のアイコンカラー#30abd5　こっちかも！/* CSS Main Menu */

#f56c7e　ピンク

#4b5f65黒っぽい緑

記事下のTwitterとか消した2342～？ <ul> <li><a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>
<li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>
<li><a class='gplus' expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>
<li><a class='linkedin' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>
<li><a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:post.thumbnailUrl + "&amp;description= + data:post.title"' target='_blank'><i class='fa fa-pinterest'/>Share</a></li>
</ul>

/* CSS Tabs */
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {padding:0 0;margin:0;margin-bottom:0;}
.tabs-menu li {margin-bottom:0;margin-top:0;font-size:14px;font-family:'Open Sans';font-weight:700;text-transform:uppercase;height:37px;line-height:37px;width:33.3%;list-style:none;text-align:center;display:inline-block;padding:3px 0;background:#f78297;color:#fff;cursor:pointer;position:relative;
transition:all 0.1s linear;}
.tabs-menu li:hover {opacity:0.9;background:#f78297;color:#fff;}
.tabs-menu .active-tab {background:#f5f7fa;color:#8c949d;}
右の３つのタブ？ピンクとグレーの色指定

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if>

<b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if>

<b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if>

<b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if>

<b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>

</b:includable>