Skip to content

Instantly share code, notes, and snippets.

@tkawa
Created January 13, 2011 10:51
Show Gist options
  • Save tkawa/777698 to your computer and use it in GitHub Desktop.
Save tkawa/777698 to your computer and use it in GitHub Desktop.
twicli用CSS Elsewhitherをベースに、Old Twitterになんとなく似せる感じ
@charset "utf-8";
/* ----- twicli.css ----- */
/*
twicli用CSS Elsewhither(http://else.jimdo.com/others/storage/)をベースに、
Old Twitterになんとなく似せる感じ
*/
* {
margin: 0;
padding: 0;
/* line-height: 1.5; */
/* IE独自拡張 */
zoom: 1;
}
body {
background: none;
}
img {
border-width: 0;
vertical-align: bottom;
}
a {
text-decoration: none;
}
input,textarea {
border: 1px solid #999999;
background-color: #ffffff;
color: #000000;
}
input[type="button"],
input[type="image"] {
margin: 1px 2px;
}
input[type="image"] {
position: relative;
bottom: -6px;
padding-top: 1px;
}
ul,li,dl,dt,dd {
list-style-type: none;
list-style-position: outside;
}
li img,a img {
display: inline;
}
/* フォント設定 */
*, #menu a, #tw, #tw2 {
color: #000000;
/* font-size: 10px; */
font-weight: normal;
font-style: normal;
/* font-family: Verdana, sans-serif; */
}
.tw {
font-size: 14px;
}
/* 上部投稿欄 */
#control {
border-bottom: 1px solid #638E94;
background-color: #C0DEED;
}
#fst {
padding: 1px;
font-size: 100%;
font-family: sans-serif;
letter-spacing: 1px;
}
/* ボタン類 */
#go, #rst {
border: 1px solid #ffffff;
/* 角丸 */
border-radius: 8px;
/* Firefox独自拡張 */
-moz-border-radius: 8px;
background-color: #ffffff;
}
/* 文字数カウンタ */
#counter-p1, #counter-p2 {
display: none;
}
#counter {
background-color: #666666;
/* font-size: 10px; */
/* font-family: Verdana, sans-serif; */
font-style: normal;
font-weight: bold;
}
/* タブ設定 */
#menu a {
margin: 0 1px 0 0;
padding: 0px 5px;
border-color: #638E94;
/* 角丸 */
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
background-color: #638E94;
color: #ffffff;
font-weight: bold;
}
/* 選択しているタブ */
#menu a.sel {
background-color: #94CB08;
color: #ffffff;
}
/* 更新されたタブ */
#menu a.new {
background-color: #ff6699;
font-weight: bold;
}
/* ブロック全体の背景 */
#tw, #tw2 {
background-color: #ffffff;
}
#tw > div {
border: none;
}
/* ステータスブロック */
.tw-parent > div > div {
clear: both;
padding: 0.5em 0 0 5px;
border-bottom: 1px solid #8CCBCE;
/* 発言の背景画像のURL指定 */
/* background: transparent url(../img/bg_tw.png) repeat-x left top; */
}
.uid, .status, .rtinfo, .utils {
margin-left: 56px;
}
/* アイコンがないときに左を詰める。けどあんまりきれいじゃない
#tw2c .fromme > .fav + .status {
margin-left: 2px;
}
*/
/* TLのアイコン */
.uicon {
display: block;
width: 48px;
height: 48px;
margin: 0 8px 5px 0;
padding: 0 2px 2px 0;
background-color: #cccccc;
position: absolute;
float: none;
}
/* スクリーンネーム */
.uid {
color: #2276BB;
font-weight: bold;
}
/* ユーザ名 */
.uname {
color: #999;
font-size: 80%;
}
.uname:before {
content: " ";
}
/* 鍵アイコン */
.lock {
position: relative;
top: -3px;
left: 3px;
}
/* ふぁぼ */
.fav {
position: relative;
right: 3px;
padding-left: 0.5em;
}
/* ツイート本文 */
.status {
display: block;
margin-right: 10px;
}
/* ステータス領域内のリンク */
a, .status a.link {
border: none;
background: none;
color: #2276BB;
font-size: 100%;
}
.status a.link {
word-wrap: break-word;
}
/* オンマウス */
a:hover, .status a.link:hover {
background: none;
text-decoration: underline;
}
/* 投稿時刻、via等 */
.utils {
display: block;
margin-bottom: 0.5em;
}
.prop {
clear: both;
}
.prop * {
color: #999999;
}
.prop,
.utils .button {
position: relative;
right: -10px;
}
/* 元の画像を非表示に */
.utils .button img{
opacity: 50;
position: relative;
top: -3px;
width: 12px;
height: 12px;
}
/* スラッシュ */
.separator {
color: #638E94;
}
/* リツイート */
.rtinfo {
font-size: 80%;
}
/* リツイートした人のアイコン */
.rtuicon {
width: 12px;
height: 12px;
margin: 0 2px;
vertical-align: bottom;
}
/* ポップアップ */
.popup {
margin-left: -7px;
margin-right: 15px;
padding: 0;
}
.popup small {
color: #638E94;
}
#popup {
border: 1px solid #666666;
background-color: #ffffff;
}
#popup a {
border-bottom: 1px dotted #999999;
}
#popup a#translate_status {
border: none;
}
#popup a:hover {
color: #ffffff;
background-color: #8CCBCE;
}
#popup hr {
display: none;
}
/* 自分の発言 */
.fromme {
background-color: #ffffff;
}
/* 自分宛のリプライ */
#tw > div > div.tome,
#re > div > div {
background-color: #cdffcc;
}
/* in_reply_to */
#rep {
padding: 0 0 0.5em 7px;
border: 1px solid #666666;
/* 発言の背景画像のURL指定 */
/* background: #ffffff url(../img/bg_tw.png) repeat-x left top; */
}
#reps > div {
border-bottom: 1px solid #8CCBCE;
padding-top: 4px;
}
/* DM */
#tw2c > div > div.tome {
background-color: #ffffb0;
}
/* 続きを読むリンク */
.get-next {
padding: 1px 0;
background-color: #8CCBCE;
color: #000000;
font-weight: bold;
}
/* プロフィール */
#user_info {
margin: 0;
padding: 5px;
border: none;
border-bottom: 1px solid #638E94;
}
#user_info td {
padding-right: 5px;
vertical-align: top;
/* font-size: 10px; */
}
/* プロフィールのアイコン */
.uicon2 {
width: 48px;
height: 48px;
}
/* embed_reply.js用設定 */
.emb {
padding-left: 60px !important;
background-color: #fafae2 !important;
font-size: 90%;
}
.emb img.uicon {
width: 20px;
height: 20px;
margin: 0 2px 0 0;
display: inline;
position: static;
vertical-align: middle;
}
.emb .uid {
margin-left: 2px;
}
.emb .status {
margin-left: 0;
}
#reps > div.self {
font-size: 14px;
}
/* 設定テキストエリアを大きくする */
textarea[name="user_style"],
textarea[name="list"],
textarea#pickup_regexp {
width: 100%;
height: 15em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment