ブログカードにCSSを反映させるJS

目的

muragonのカスタマイズ。
ブログカードは、以下でCSS定義しても反映されない。
この為、ブログカードにCSSを反映させる。

[ダッシュボード]  >  [デザイン変更]  > [CSSカスタマイズ]

Javascript

$(function() {
$(window).on("load", function() {
$(".card-wrapper").contents().find('head').append('<link rel="stylesheet" href="ブログカードCSSのURL" type="text/css">');
});
});
ブログカードは自URLとなる。
http:/ユーザID.muragon.com/card/viewCardInfo?description=og:description&title=og:title&&url=url&target=_blank/_self

CSS

タイトルを1行、説明文を1行とし、ブログカードの高さを固定とする。

<iframe>は、heightが付加される。
ブログカードの幅(500px)を変更し高さが変化する場合、ブログカード下に余分な余白がでる。
.card-wrapper {
display : block;
max-width : 100%;
max-height : 93px;
}

.card {
max-width : 100%;
border-radius : 0;
border : 1px solid #ccc;
}

/* タイトル */
/* 説明文 */
.card-contents-title,
.card-contents-description {
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
}

/* nice */
.card-contents-data {
display : none;
}