Skip to content

Instantly share code, notes, and snippets.

@cyio

cyio/twicli_elsewhither.css

Forked from tkawa/twicli_elsewhither.css
Last active January 18, 2016 11:07
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save cyio/9717dda7dd70ebb6b6e6 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save cyio/9717dda7dd70ebb6b6e6 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. cyio revised this gist Jan 18, 2016. 1 changed file with 2 additions and 9 deletions.
    11 changes: 2 additions & 9 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -429,13 +429,7 @@ textarea#pickup_regexp {
    content: '\f00d';
    font-size: 20px;
    }
    .fav:before {
    margin: 0 2px;
    font-family: 'FontAwesome';
    color: #66757f;
    content: '\f006';
    font-size: 20px;
    }

    .button:before {
    margin: 0 2px;
    font-family: 'FontAwesome';
    @@ -450,7 +444,6 @@ textarea#pickup_regexp {
    }
    .utils .button img,
    .close img,
    .popup small,
    .fav > img{
    .popup small{
    display: none;
    }
  2. cyio revised this gist Jan 18, 2016. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -158,8 +158,8 @@ li img,a img {
    /* TLのアイコン */
    .uicon {
    display: block;
    width: 48px;
    height: 48px;
    width: 48px!important;
    height: 48px!important;
    margin: 0 8px 5px 0;
    padding: 0 2px 2px 0;
    background-color: #cccccc;
  3. cyio revised this gist Jan 18, 2016. 1 changed file with 9 additions and 8 deletions.
    17 changes: 9 additions & 8 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -415,13 +415,6 @@ textarea#pickup_regexp {
    margin: 4px 4px 4px 10px;
    }

    .fav > img {
    width: 22px;
    height: 22px;
    margin-top: -5px;
    opacity: 0.5;
    }

    .thumbnail-image {
    max-width: none;
    }
    @@ -436,6 +429,13 @@ textarea#pickup_regexp {
    content: '\f00d';
    font-size: 20px;
    }
    .fav:before {
    margin: 0 2px;
    font-family: 'FontAwesome';
    color: #66757f;
    content: '\f006';
    font-size: 20px;
    }
    .button:before {
    margin: 0 2px;
    font-family: 'FontAwesome';
    @@ -450,6 +450,7 @@ textarea#pickup_regexp {
    }
    .utils .button img,
    .close img,
    .popup small {
    .popup small,
    .fav > img{
    display: none;
    }
  4. cyio revised this gist Jan 18, 2016. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -434,6 +434,7 @@ textarea#pickup_regexp {
    font-family: 'FontAwesome';
    color: #66757f;
    content: '\f00d';
    font-size: 20px;
    }
    .button:before {
    margin: 0 2px;
  5. cyio revised this gist Jan 18, 2016. 1 changed file with 3 additions and 6 deletions.
    9 changes: 3 additions & 6 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -394,11 +394,6 @@ textarea#pickup_regexp {
    height: 15em;
    }

    .utils .button img {
    width: 22px;
    height: 22px;
    }

    .prop, .utils .button {
    right: 0;
    }
    @@ -435,6 +430,9 @@ textarea#pickup_regexp {
    content: '\f112';
    }
    .close:before {
    margin: 0 2px;
    font-family: 'FontAwesome';
    color: #66757f;
    content: '\f00d';
    }
    .button:before {
    @@ -449,7 +447,6 @@ textarea#pickup_regexp {
    content: '\f0c9';
    color: #66757f;
    }

    .utils .button img,
    .close img,
    .popup small {
  6. cyio revised this gist Jan 18, 2016. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -451,6 +451,7 @@ textarea#pickup_regexp {
    }

    .utils .button img,
    .close img,
    .popup small {
    display: none;
    }
  7. cyio revised this gist Jan 18, 2016. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -434,6 +434,9 @@ textarea#pickup_regexp {
    .reply:before {
    content: '\f112';
    }
    .close:before {
    content: '\f00d';
    }
    .button:before {
    margin: 0 2px;
    font-family: 'FontAwesome';
  8. cyio revised this gist Jan 18, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -448,6 +448,6 @@ textarea#pickup_regexp {
    }

    .utils .button img,
    .utils .reply img {
    .popup small {
    display: none;
    }
  9. cyio revised this gist Jan 18, 2016. 1 changed file with 5 additions and 0 deletions.
    5 changes: 5 additions & 0 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -445,4 +445,9 @@ textarea#pickup_regexp {
    font-family: 'FontAwesome';
    content: '\f0c9';
    color: #66757f;
    }

    .utils .button img,
    .utils .reply img {
    display: none;
    }
  10. cyio revised this gist Jan 18, 2016. 1 changed file with 18 additions and 1 deletion.
    19 changes: 18 additions & 1 deletion twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -5,6 +5,7 @@
    twicli用CSS Elsewhither(http://else.jimdo.com/others/storage/)をベースに、
    Old Twitterになんとなく似せる感じ
    */
    @import url('//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css');

    * {
    margin: 0;
    @@ -428,4 +429,20 @@ textarea#pickup_regexp {

    .thumbnail-image {
    max-width: none;
    }
    }

    .reply:before {
    content: '\f112';
    }
    .button:before {
    margin: 0 2px;
    font-family: 'FontAwesome';
    font-size: 1.2rem;
    color: #66757f;
    }
    .popup:before, .upopup:before {
    margin: 0 2px;
    font-family: 'FontAwesome';
    content: '\f0c9';
    color: #66757f;
    }
  11. cyio revised this gist Jan 16, 2016. 1 changed file with 37 additions and 0 deletions.
    37 changes: 37 additions & 0 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -392,3 +392,40 @@ textarea#pickup_regexp {
    width: 100%;
    height: 15em;
    }

    .utils .button img {
    width: 22px;
    height: 22px;
    }

    .prop, .utils .button {
    right: 0;
    }

    .popup small {
    font-size: 20px;
    }

    .source {
    display: none;
    }

    .popup_menu a {
    height: 25px;
    line-height: 25px;
    }

    .quoted {
    margin: 4px 4px 4px 10px;
    }

    .fav > img {
    width: 22px;
    height: 22px;
    margin-top: -5px;
    opacity: 0.5;
    }

    .thumbnail-image {
    max-width: none;
    }
  12. @tkawa tkawa revised this gist Jan 22, 2011. 1 changed file with 39 additions and 0 deletions.
    39 changes: 39 additions & 0 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -148,6 +148,12 @@ li img,a img {
    margin-left: 56px;
    }

    /* アイコンがないときに左を詰める。けどあんまりきれいじゃない
    #tw2c .fromme > .fav + .status {
    margin-left: 2px;
    }
    */

    /* TLのアイコン */
    .uicon {
    display: block;
    @@ -313,6 +319,11 @@ a:hover, .status a.link:hover {
    /* 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;
    @@ -346,6 +357,34 @@ a:hover, .status a.link:hover {
    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"],
  13. @tkawa tkawa revised this gist Jan 15, 2011. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -75,6 +75,7 @@ li img,a img {
    #fst {
    padding: 1px;
    font-size: 100%;
    font-family: sans-serif;
    letter-spacing: 1px;
    }

  14. @tkawa tkawa revised this gist Jan 14, 2011. 1 changed file with 6 additions and 2 deletions.
    8 changes: 6 additions & 2 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,10 @@
    @charset "utf-8";

    /* ----- twicli.css ----- */
    /*
    twicli用CSS Elsewhither(http://else.jimdo.com/others/storage/)をベースに、
    Old Twitterになんとなく似せる感じ
    */

    * {
    margin: 0;
    @@ -70,7 +74,7 @@ li img,a img {

    #fst {
    padding: 1px;
    /* font-size: 10px; */
    font-size: 100%;
    letter-spacing: 1px;
    }

    @@ -252,7 +256,7 @@ a:hover, .status a.link:hover {
    .rtuicon {
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    margin: 0 2px;
    vertical-align: bottom;
    }

  15. @tkawa tkawa revised this gist Jan 13, 2011. 1 changed file with 9 additions and 3 deletions.
    12 changes: 9 additions & 3 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -199,6 +199,10 @@ a, .status a.link {
    font-size: 100%;
    }

    .status a.link {
    word-wrap: break-word;
    }

    /* オンマウス */
    a:hover, .status a.link:hover {
    background: none;
    @@ -337,8 +341,10 @@ a:hover, .status a.link:hover {
    height: 48px;
    }

    /* ユーザスタイルシートtextareaを大きくする */
    textarea[name="user_style"] {
    /* 設定テキストエリアを大きくする */
    textarea[name="user_style"],
    textarea[name="list"],
    textarea#pickup_regexp {
    width: 100%;
    height: 300px;
    height: 15em;
    }
  16. @tkawa tkawa revised this gist Jan 13, 2011. 1 changed file with 46 additions and 15 deletions.
    61 changes: 46 additions & 15 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    * {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    /* line-height: 1.5; */
    /* IE独自拡張 */
    zoom: 1;
    }
    @@ -52,21 +52,25 @@ li img,a img {
    /* フォント設定 */
    *, #menu a, #tw, #tw2 {
    color: #000000;
    font-size: 10px;
    /* font-size: 10px; */
    font-weight: normal;
    font-style: normal;
    font-family: Verdana, sans-serif;
    /* font-family: Verdana, sans-serif; */
    }

    .tw {
    font-size: 14px;
    }

    /* 上部投稿欄 */
    #control {
    border-bottom: 1px solid #638E94;
    background-color: #8CCBCE;
    background-color: #C0DEED;
    }

    #fst {
    padding: 1px;
    font-size: 10px;
    /* font-size: 10px; */
    letter-spacing: 1px;
    }

    @@ -87,8 +91,8 @@ li img,a img {

    #counter {
    background-color: #666666;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    /* font-size: 10px; */
    /* font-family: Verdana, sans-serif; */
    font-style: normal;
    font-weight: bold;
    }
    @@ -129,12 +133,16 @@ li img,a img {
    /* ステータスブロック */
    .tw-parent > div > div {
    clear: both;
    padding: 0.5em 0 0.5em 5px;
    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;
    }

    /* TLのアイコン */
    .uicon {
    display: block;
    @@ -143,17 +151,24 @@ li img,a img {
    margin: 0 8px 5px 0;
    padding: 0 2px 2px 0;
    background-color: #cccccc;
    position: absolute;
    float: none;
    }

    /* スクリーンネーム */
    .uid {
    color: #528E08;
    color: #2276BB;
    font-weight: bold;
    }

    /* ユーザ名 */
    .uname {
    color: #638E94;
    color: #999;
    font-size: 80%;
    }

    .uname:before {
    content: " ";
    }

    /* 鍵アイコン */
    @@ -177,10 +192,11 @@ li img,a img {
    }

    /* ステータス領域内のリンク */
    a, .status a.link, .prop a {
    a, .status a.link {
    border: none;
    background: none;
    color: #528E08;
    color: #2276BB;
    font-size: 100%;
    }

    /* オンマウス */
    @@ -192,13 +208,17 @@ a:hover, .status a.link:hover {
    /* 投稿時刻、via等 */
    .utils {
    display: block;
    margin: 0.5em 0;
    margin-bottom: 0.5em;
    }

    .prop {
    clear: both;
    }

    .prop * {
    color: #999999;
    }

    .prop,
    .utils .button {
    position: relative;
    @@ -219,6 +239,11 @@ a:hover, .status a.link:hover {
    color: #638E94;
    }

    /* リツイート */
    .rtinfo {
    font-size: 80%;
    }

    /* リツイートした人のアイコン */
    .rtuicon {
    width: 12px;
    @@ -303,11 +328,17 @@ a:hover, .status a.link:hover {
    #user_info td {
    padding-right: 5px;
    vertical-align: top;
    font-size: 10px;
    /* font-size: 10px; */
    }

    /* プロフィールのアイコン */
    .uicon2 {
    width: 48px;
    height: 48px;
    }
    }

    /* ユーザスタイルシートtextareaを大きくする */
    textarea[name="user_style"] {
    width: 100%;
    height: 300px;
    }
  17. @tkawa tkawa revised this gist Jan 13, 2011. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -132,7 +132,7 @@ li img,a img {
    padding: 0.5em 0 0.5em 5px;
    border-bottom: 1px solid #8CCBCE;
    /* 発言の背景画像のURL指定 */
    background: transparent url(../img/bg_tw.png) repeat-x left top;
    /* background: transparent url(../img/bg_tw.png) repeat-x left top; */
    }

    /* TLのアイコン */
    @@ -276,7 +276,7 @@ a:hover, .status a.link:hover {
    padding: 0 0 0.5em 7px;
    border: 1px solid #666666;
    /* 発言の背景画像のURL指定 */
    background: #ffffff url(../img/bg_tw.png) repeat-x left top;
    /* background: #ffffff url(../img/bg_tw.png) repeat-x left top; */
    }

    /* DM */
  18. @tkawa tkawa created this gist Jan 13, 2011.
    313 changes: 313 additions & 0 deletions twicli_elsewhither.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,313 @@
    @charset "utf-8";

    /* ----- twicli.css ----- */

    * {
    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;
    }

    /* 上部投稿欄 */
    #control {
    border-bottom: 1px solid #638E94;
    background-color: #8CCBCE;
    }

    #fst {
    padding: 1px;
    font-size: 10px;
    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.5em 5px;
    border-bottom: 1px solid #8CCBCE;
    /* 発言の背景画像のURL指定 */
    background: transparent url(../img/bg_tw.png) repeat-x left top;
    }

    /* TLのアイコン */
    .uicon {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 8px 5px 0;
    padding: 0 2px 2px 0;
    background-color: #cccccc;
    }

    /* スクリーンネーム */
    .uid {
    color: #528E08;
    font-weight: bold;
    }

    /* ユーザ名 */
    .uname {
    color: #638E94;
    }

    /* 鍵アイコン */
    .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, .prop a {
    border: none;
    background: none;
    color: #528E08;
    }

    /* オンマウス */
    a:hover, .status a.link:hover {
    background: none;
    text-decoration: underline;
    }

    /* 投稿時刻、via等 */
    .utils {
    display: block;
    margin: 0.5em 0;
    }

    .prop {
    clear: both;
    }

    .prop,
    .utils .button {
    position: relative;
    right: -10px;
    }

    /* 元の画像を非表示に */
    .utils .button img{
    opacity: 50;
    position: relative;
    top: -3px;
    width: 12px;
    height: 12px;
    }

    /* スラッシュ */
    .separator {
    color: #638E94;
    }

    /* リツイートした人のアイコン */
    .rtuicon {
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    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;
    }

    /* 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;
    }