Skip to content

Instantly share code, notes, and snippets.

@azu
Created November 25, 2009 12:48
Show Gist options
  • Save azu/242683 to your computer and use it in GitHub Desktop.
Save azu/242683 to your computer and use it in GitHub Desktop.
/* Twitter */
@-moz-document domain("twitter.com") {
/* 吹き出し */
.content-bubble-arrow {
display:none;
}
/* ヘッダー */
.top-navigation:hover { height : auto !important; overflow : visible !important; }
.top-navigation{ position : absolute !important; left : 0px !important; top : 1px !important; overflow : hidden !important; z-index : 3 !important; font-size : 16px !important; line-height : 22px !important; padding: 0 !important; height: 0px !important; width: 100%; color: #000000 !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAWCAYAAAAILVbQAAAAXklEQVQYlW3IKxbAIBADwNz/nLgWWFj+FanPQ4wZrPNR4ZpzH6p7jrWpMOaiQp+LCm1MKngfVPDWqVC9UaF4o4JVp4KVSoVshQopGxViNirElKnwxkR1z+eNVAghUP1stKYxS+ctiwAAAABJRU5ErkJggg==") !important; border-bottom: 2px solid #999 !important ;-moz-opacity:0.5; }
#profile:hover > #navigation{
display:block!important;
}
#logo{
display:none;
}
#container{
margin-top:0!important;
}
/* 広告 */
#side_ad_base{
display:none;
}
#side .promotion{
display:none;
}
/* スペース確保 文字数カウント*/
h1{
display:none!important;
}
.bar h3 {
display:none!important;
}
#chars_left_notice {
font-size:11pt !important;
}
.bar span {
right:20px!important;
top:22px!important;
}
/* 投稿ボタン */
.status-btn{
display:none;
}
#currently {
width:500px!important;
}
#content div.section{
padding :5px !important;
}
#currently {
min-height:10px!important;
}
/* 発言のスペース拡張
ol.statuses span.status-body {
width:450px!important;
}*/
/* ハッシュタグ */
#trends{
display:none;
}
ol.statuses li {
padding: 0!important;
}
}
@-moz-document url-prefix(https://twitter.com/?sidebar), url-prefix(http://twitter.com/?sidebar) {
/* reset */
*{
margin:0 !important;
padding:0 !important;
font-size:12px !important;
line-height:1.5;
}
.entry-content{
font-size:13px !important;
}
/* signin */
#signin_menu {
display: inline-block !important;
position: relative !important;
width: 100% !important; }
#header2 h1,
#header2 a,
#header2 img { display: none !important; }
/* container */
body {
margin-bottom: 2.5em !important;
background: #fff !important; }
#currently,
#header,
#content,
.wrapper,
.bar,
.info,
.columns,
#container,
#container ol,
#container ol li .status-body,
.columns,
#footer { width: 100% !important; }
#currently { display: none; }
#text,
.info #status,
#pagination {
width: 99% !important;
height: 3em !important; }
.status-body { min-height: 1em !important; }
#container ol li { border-bottom: 1px solid #ddd !important; }
#container ol li:first-child { border-top: 1px solid #ddd !important; }
/* images */
#content img { display: none !important; }
#content img#profile-image { display: inline !important; }
#content li span.status-body>a:first-child,
#content li span strong { margin-left: 1.6em !important; }
/* thumbnail hover enlarge */
#content li .thumb.vcard.author,
#content li .thumb.vcard.author img {
position: absolute;
display: block !important;
width: 1.4em !important;
height: 1.4em !important; }
#content li .thumb.vcard.author {
top: 1px;
left: 1px;
background: #fff; }
#content li .thumb.vcard.author:hover,
#content li .thumb.vcard.author:hover img {
width: 48px !important;
height: 48px !important; }
#content li .thumb.vcard.author:hover {
z-index: 100;
-moz-box-shadow: 0 0 5px #000; }
#content li .thumb.vcard.author.thumb-inline,
#content li .thumb.vcard.author.thumb-inline img,
#content li .thumb.vcard.author.thumb-inline:hover,
#content li .thumb.vcard.author.thumb-inline:hover img {
display: inline-block !important;
width: 1.6em !important;
height: 1.6em !important; }
/* rt icon */
#content li .big-retweet-icon {
margin-left: 1.6em !important;
margin-right: 0 !important; }
#content li .big-retweet-icon+strong { margin-left: 0 !important; }
/* background icon */
.xref.rss,
.save-search-link,
.delete-search-link {
padding-left: 18px !important;
background-position: 0px 0px !important; }
/* entry */
#content span.lock-icon,
#content a.screen-name { margin-right: .5em !important; }
/* header */
#header {
text-align: center;
background: #fff;
z-index: 100;
display: block;
position: fixed;
top: 0;
opacity: 0;
height: 5px;
overflow: hidden; }
#signin_menu+#header,
#header:hover {
height: auto !important;
opacity: 1;
-moz-box-shadow: 0 1px 2px #888; }
#header a { text-shadow: -1px -1px 1px #fff; }
#header a:hover {
background: rgba(255,255,255,.9);
-moz-box-shadow: 1px 1px 2px #fff; }
/* sidebar */
#side_base {
position: fixed;
top: 0;
left: 0;
width: 10px !important;
height: 100%;
-moz-border-radius: 0 !important;
overflow: hidden !important;
opacity: 0;
border-style: none !important; }
#side_base:hover,
#side_base:hover #side {
width: 170px !important;
opacity: .925;
-moz-box-shadow: -1px 0 2px #888; }
#side_base * { font-size: 11px !important; }
#sidebar-search .submit { padding: 0.4em 0.9em; }
ul.sidebar-menu li.loading a { background-position: 155px .2em !important; }
#sidebar_search .submit {
padding: 0 .9em !important;
background-position: -.3em -.6em !important; }
/* sidebar top */
div.user_icon>a.url>span+span { margin-top: 1em !important; }
/* sidebar thumbnail */
#following_list span,
#following_list a,
#following_list img {
width: 24px !important;
height: 24px !important;
margin: 0px !important;
padding: 0px !important; }
#following_list span img:hover {
position: absolute;
-moz-box-shadow: 0 0 10px #000; }
#side,
#side_base,
#side *,
#side_base * { line-height: 1.25; }
/* footer */
#footer {
text-align: center;
background: #fff;
z-index: 100;
display: block;
position: fixed;
bottom: 0;
opacity: 0;
height: 5px;
-moz-border-radius-bottomleft: 0 !important;
-moz-border-radius-bottomright: 0 !important; }
#footer li {
display: block;
float: left;
margin: 0 2px !important; }
#footer:hover {
background: #000;
height: auto !important;
opacity: 1;
-moz-box-shadow: 0 -1px 2px #888; }
/* dm */
.common-form { margin-top: 1em !important; }
#dm_tabs>li>a>span { padding: 2em !important; }
/* .actions */
.actions {
position: absolute;
top: 1em;
left: .8em; }
.actions a.fav-action,
.actions span.reply {
position: absolute;
display: block;
float: left;
opacity: .7;
-moz-border-radius: 10px; }
.actions a.fav-action { top: -1.3em; }
.actions a.fav { opacity: 1; }
.actions span.reply { }
.actions a.fav-action:hover,
.actions span.reply:hover {
background: #ff3;
opacity: 1;
-moz-box-shadow: 0 0 10px #cc6; }
/* ad */
.promotion {
padding: .25em !important;
margin: .75em .5em !important; }
.promotion,
.promotion * { line-height: 1.1 !important; }
/* mention */
li>span>span>a.username[href$="/yourname"] { text-shadow: 0 0 1px #fff , 0 0 10px #f00 !important; }
/* banner */
#introduce_retweet_banner {
margin-right: 4px !important;
overflow: hidden !important; }
#introduce_retweet_banner * {
float: left !important;
display: block !important; }
/* better with pbtweet */
div.conv_chain span.entry-baloon,
div.conv_chain span.entry-baloon>span {
width: 100% !important;
max-width: 100% !important; }
.pb-extra { margin-top: -1em !important; }
.entry-baloon { display: inline !important; }
.entry-baloon * { line-height: 1.25 !important; }
.conv_chain {
position: relative;
margin: 0 !important; }
.conv_chain .actions {
position: absolute !important;
top: 1.5em !important;
left: .8em;
opacity: .5; }
.conv_chain .actions:hover { opacity: 1; }
a.pb-snip-url:hover { border: none !important; }
#content .hentry img.twitpic_thumb {
display: block !important;
display: inline !important;
left: auto !important;
position: absolute !important;
right: .5em !important;
opacity: .6; }
#content .hentry img.twitpic_thumb:hover { opacity: 1; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment