namespace/article.cssコミュ

  • 1
  • 0pt
掲示板へ

元記事
ニコニコ大百科:HTML各要素のデフォルトCSS

この記事を利用する際はヘッダーの追従を固定にして下さい。
元の項に戻るには←を選択して下さい。

@charset "utf-8";

.a-title-box {
width: 740px;
padding: 0px 10px;
line-height: 1.35;
font-size: 0.9em;
background-color: #fff;
}

.a-title {
background-color: #fff;
border-radius: 8px 8px 0 0;
padding: 20px 16px 2px 16px;
line-height: 1.35;
font-size: 0.9em;
box-sizing: border-box;
margin: 0 auto;
width: 740px;
margin-top: 5px;
}
.a-title-inner {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
flex-flow: row nowrap;
}
.article-title-text {
flex: 1 1 auto;
}
div.article .article-title-counter {
flex: 0 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
flex-flow: row nowrap;
align-items: center;
padding-left: 16px;
list-style: none;
}
.article-title-counter-homeru {
width: 40px;
text-align: center;
font-size: 10px;
color: #999;
}
.article-title-counter-homeru:before {
content: '';
display: block;
background: url(/img/icon_hometa_ranking.png) no-repeat;
background-size: contain;
width: 22px;
height: 22px;
margin: 0 auto 2px;
opacity: 0.5;
}
.article-title-counter-nicoad {
width: 45px;
text-align: center;
font-size: 10px;
color: #999;
}
.article-title-counter-nicoad:before {
content: '';
display: block;
background: url(/img/icon_nicoad-gray.png) no-repeat;
background-size: contain;
width: 22px;
height: 22px;
margin: 0 auto 2px;
}

.a-title h1 {
font-size: 1.6em;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
word-wrap: break-word;
display: block;
}

.a-title h1 span {
margin-left: 4px;
}

.a-title-yomi {
font-size: 0.8em;
margin: 0px;
}

.a-area_buttons {
padding: 8px 16px;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: space-between;
}

.a-area_buttons-left {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
}

.a-box_contents {
padding: 16px;
}

.a-contents {
font-size: 0.9em;←
background-color: #fff;←
line-height: 1.35;←
padding-bottom: 24px;
border-radius: 0 0 8px 8px;
box-sizing: border-box;
margin: 0 auto 8px;
width: 740px;←
}

a.a-button_edit {
width: 100px;
letter-spacing: 0.01em;
height: 32px;
background-color: #eaeaea;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
color: #4c4c4c;
cursor: pointer;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
}

.a-button_edit::before {
content: '';
width: 24px;
height: 24px;
background: url(/img/icon_edit-pen.png) no-repeat;
margin-right: 2px;
}

a.a-button_edit:hover
,a.a-button_referHistory:hover {
color: #4c4c4c;
text-decoration: none;
}

a.a-button_referHistory {
width: 140px;
letter-spacing: 0.01em;
height: 32px;
background-color: #eaeaea;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
color: #4c4c4c;
cursor: pointer;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
}

.a-area_sns {
display: inline-block;
height: 32px;
}

.a-infoArea_buttons {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 8px;
}

.a-bottomMenu .a-infoArea_buttons {
flex: 1 1 auto;
}

.a-infoArea_caution {
margin-top: 16px;
font-size: 14px;
font-weight: 400;
padding-left: 8px;
color: #ee4949;
}

a.a-button_move-article {
height: 30px;
background-color: #fff;
border: 1px solid #999;
border-radius: 3px;
color: #999;
font-size: 12px;
font-weight: bold;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
padding-right: 12px;
}

a.a-button_move-article::before {
content: '';
background-image: url(/img/icon_arrow-down.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
margin: 0 2px 0 4px;
}

a.a-button_move-article:hover {
color: #999;
text-decoration: none;
}

.a-button_watchlist {
width: 172px;
height: 32px;
background-color: #fff;
border: 1px solid #fdae32;
border-radius: 3px;
color: #fdae32;
font-size: 12px;
font-weight: bold;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.a-list_articleInfo {
font-size: 12px;
margin: 16px 0 16px 8px;
}

div.a-list_articleInfo ul {
padding: 0;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
margin-bottom: 6px;
}

.a-list_articleInfo ul li{
list-style: none;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
width: 270px;
}

.a-list_articleInfo ul li a {
margin-left: 4px;
}

.a-list_articleInfo ul li:first-child {
margin-right: 24px;
}

.a-list_articleInfo ul li::before {
content: '';
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #ffaf19;
display: inline-block;
margin-right: 10px;
}

.a-list_articleInfo-comment {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
flex-direction: column;
}

.a-list_articleInfo-commentDetail {
padding-left: 14px;
word-wrap: break-word;
}

.a-list_relationSearch {
margin: 16px 0 0 8px;
padding-bottom: 16px;
font-size: 14px;
font-weight: 600;
}

.a-list_relationSearch span {
margin-left: 4px;
}

.a-graph {
padding: 16px 4px;
}

/*----- オススメ記事 -----*/
.a-recommend_article {
margin: 5px 0;
border-radius: 8px;
background-color: #fff
}

/*----- この記事の掲示板に最近描かれたお絵カキコ -----*/
.a-oekaki_list {
table-layout: fixed;
}

.a-oekaki_list tr {
display: table;
}

.a-oekaki_list td {
width: 140px;
overflow: hidden;
padding: 3px;
box-sizing: border-box;
display: table-cell;
vertical-align: top;
}

.a-oekaki_list-thumb {
width: 134px;
height: 134px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}

.a-oekaki_list-thumb a {
display: block;
height: 100%;
width: 100%;
position: relative;
}

.a-oekaki_list-thumb a img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

.a-oekaki_contents > .a-contents_readmore {
padding-right: 16px;
}

.a-oekaki_list-inner {
height: 32px;
margin: 8px 0 4px;
font-size: 14px;
word-break: break-all;
}

.a-oekaki_list-title {
font-size: 14px;
font-weight: 600;
width: 120px;
line-height: 16px;
}

/*----- この記事の掲示板に最近投稿されたピコカキコ -----*/
.a-piko_list {
}

.a-piko_list a:hover ,
.a-piko_list:hover {
color: #ffaf19;
}

.a-piko_list tr {
display: table;
}

.a-piko_list td {
width: 140px;
overflow: hidden;
padding: 6px;
box-sizing: border-box;
display: table-cell;
vertical-align: top;
}

.a-piko_list-thumb {
margin-bottom: 8px;
}

.a-piko_list-inner {
height: 32px;
margin: 8px 0 4px;
}

.a-piko_list-title {
font-size: 14px;
font-weight: 600;
width: 120px;
line-height: 16px;
}

.a-piko_contents > .a-contents_readmore {
padding-right: 16px;
}

/*----- もっと見る -----*/
.a-space_readmore {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: flex-end;
}


.a-contents_readmore {
border: none;
color: #1e7dc0;
font-weight: bold;
font-size: 12px;
padding: 0;
margin-left: 2px;
cursor: pointer;
vertical-align: middle;
}

.a-contents_readmore:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #1e7dc0;
padding-right: 4px;
margin-bottom: 4px;
}

/*----- おすすめ動画 -----*/
.a-recommend_video-contenrs tbody {
width: 100%;
}

.a-recommend_video-contenrs tbody tr {
width: 160px;
margin-left: 8px;
display: inline-block;
vertical-align: top;
}

.a-recommend_video-contenrs tbody tr:first-child {
margin: 0;
}

.a-recommend_video-contenrs tbody tr td {
padding: 0;
border-style: none;
display: inline-block;
}

.a-recommend_video-thumbInner {
width: 160px;
height: 100px;
background-color: #000;
display: block;
}

.a-recommend_video-thumbInner img {
width: 130px;
height: 100px;
display: block;
margin: 0 auto;
}

.a-recommend_video-info {
width: 160px;
}

.a-recommend_video-title {
font-size: 14px;
font-weight: 600;
display: block;
line-height: 16px;
margin: 8px 0 6px;
}

.a-recommend_video-postTime {
color: #999;
font-size: 10px;
}

/*----- おすすめ静画 -----*/
.a-recommend_seiga-contenrs tbody {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
width: 100%;
}

.a-recommend_seiga-contenrs tbody tr {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
flex-direction: column;
width: 152px;
margin-left: 8px;
}

.a-recommend_seiga-contenrs tbody tr:first-child {
margin: 0;
}

.a-recommend_seiga-contenrs tbody tr td {
padding: 0;
border-style: none;
}

.a-recommend_seiga-thumbnail {
width: 152px;
height: 152px;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}

.a-recommend_seiga-thumbnail img {
max-width: 152px;
max-height: 152px;
}

.a-recommend_seiga-title {
font-size: 14px;
font-weight: 600;
display: block;
line-height: 16px;
margin: 8px 0 6px;
}

.a-recommend_seiga-postTime {
color: #999;
font-size: 10px;
}

/*----- おすすめニュース -----*/
.a-recommend_news-table {
margin-bottom: 16px;
}

.a-recommend_news-list {
margin-top: 8px;
}

.a-recommend_news-list:first-child {
margin-top: 0;
}

.a-recommend_news-thumbnail {
width: 56px;
margin-right: 8px;
display: inline-block;
float: left;
}

.a-recommend_news-info {
display: inline-block;
width: 640px;
float: right;
}

.a-recommend_news-list::after{
content: "";
display: block;
clear: both;
}

.a-recommend_news-title {
font-size: 14px;
font-weight: 600;
line-height: 16px;
}

.a-recommend_news-postTime {
color: #999;
font-size: 10px;
margin-top: 4px;
display: block;
}

/*----- 掲示板0件 -----*/
.a-bbs_contents-empty {
background-color: #fff;
font-size: 12px;
padding: 24px 16px 16px;
border-radius: 8px 8px 0 0;
box-sizing: border-box;
margin: 0 auto;
width: 740px;
}

/*----- バナー -----*/
div.a-banner_middle {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: center;
margin-bottom: 5px;
}

.a-banner_space-bottom {
padding-bottom: 32px;
}

.a-banner_align-center {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: center;
margin-bottom: 16px;
}

/*----- 記事編集 -----*/
.a-edit {
background-color: #d8d8d8;
width: 740px;
height: 32px;
border-radius: 8px 8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 8px 0 16px;
box-sizing: border-box;
margin:8px auto 0;
}

.a-edit h1 {
font-size: 16px;
font-weight: 500;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
}

.a-link_tab-wiki {
cursor: pointer;
}

.a-link_tab-wiki a::before {
display: inline-block;
content: '';
background: url(/img/icon_open_window.png);
background-size: contain;
width: 20px;
height: 16px;
padding-right: 4px;
background-repeat: no-repeat;
}

.a-link_tab-wiki a {
font-size: 12px;
font-weight: 600;
color: #1e7dc0;
text-decoration: none;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
}

.a-edit_contents-header {
background-color: #fff;
margin: 0 auto;
width: 740px;;
padding: 24px 16px 16px;
line-height: 1.35;
font-size: 0.9em;
box-sizing: border-box;
}

.a-edit_title h1 {
font-size: 1.6em;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
}

.a-edit_title span {
margin-left: 4px;
}

.a-edit_title-yomi {
font-size: 0.8em;
margin: 0px;
}

/*----- 記事の編集注意事項 -----*/
.a-editAttention_contents ul {
margin-bottom: 8px;
}

.a-editAttention_contents ul li {
margin-bottom: 8px;
font-size: 14px;
line-height: 18px;
padding-left: 16px;
text-indent: -16px;
}

.a-editAttention_contents ul li::before {
content: '';
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #ffaf19;
display: inline-block;
margin-right: 10px;
text-indent: 0;
}

.a-editAttention_readMore {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
justify-content: flex-end;
font-size: 12px;
font-weight: 600;
}

.a-editAttention_readMore span {
color: #1e7dc0;
cursor: pointer;
}

.a-editAttention_readMore span::before {
content: '';
width: 0;
height: 0;
display: inline-block;
border-style: solid;
border-width: 9px 6px 0 6px;
border-color: #1e7dc0 transparent transparent transparent;
margin-right: 4px;
}
.a-editAttention_readMore > .active::before {
border-width: 0 6px 9px 6px;
border-color: transparent transparent #1e7dc0 transparent;
}

/*----- 記事の編集フォーム -----*/
.a-editForm {
height: 32px;
padding: 6px 16px 2px;
background-color: #fff;
border-radius: 8px 8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
box-sizing: border-box;
margin: 8px auto 0;
width: 740px;
}

.a-editForm h1 {
font-size: 16px;
font-weight: 500;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
}

.a-editForm h1:before {
display: inline-block;
content: '';
background: url(/img/icon_edit-pen.png);
background-size: contain;
width: 24px;
height: 24px;
margin-right: 4px;
}

.a-editForm_contents {
border-top: 3px solid #ffaf19;
background-color: #fff;
padding: 0 16px 7px;
box-sizing: border-box;
margin: 0 auto;
width: 740px;
font-size: 14px;
line-height: 18px;
}

.a-editForm_content-inner {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 16px;
}

.a-editForm_buttonArea-switchEditor {
margin: 17px 0;
}

.a-editForm_content-item {
margin: 16px 0 4px;
}

.a-editForm_attention {
margin-top: 8px;
}

.a-editForm_content-item label
,.a-editForm_contents-bottom label {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}

.a-editForm_contents-bottom {
background-color: #fff;
padding: 8px 16px 24px;
box-sizing: border-box;
margin: 0 auto 8px;
width: 740px;
font-size: 14px;
line-height: 18px;
border-radius: 0 0 8px 8px;
}

.a-editForm_editComment {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
}

.a-editForm_editComment span {
margin-left: 4px;
}

.a-editForm_buttonArea {
margin: 24px 0 12px;
}

.a-editForm_spaceBottom .st-box_contents {
padding-bottom: 32px;
}

/*----- 記事名変更 -----*/
.a-editTitle {
height: 32px;
padding: 6px 16px 2px;
background-color: #fff;
border-radius: 8px 8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
box-sizing: border-box;
margin: 8px auto 0;
width: 740px;
}

.a-editTitle_contents {
border-top: 3px solid #ffaf19;
background-color: #fff;
padding: 16px 16px 0;
box-sizing: border-box;
margin: 0 auto 40px;
width: 740px;
font-size: 14px;
line-height: 18px;
border-radius: 0 0 8px 8px;
}


.a-editTitle h1 {
font-size: 16px;
font-weight: 500;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
}

.a-editTitle h1:before {
display: inline-block;
content: '';
background: url(/img/icon_edit-pen.png);
background-size: contain;
width: 24px;
height: 24px;
margin-right: 4px;
}


/*----- 関連記事検索・各サービスリンク(独立) -----*/
.a-relationSearch {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
flex-direction: column;
font-size: 14px;
font-weight: 600;
}

/*----- 投稿受付了 -----*/
.a-edit_complete {
height: 32px;
padding: 6px 16px 2px;
background-color: #fff;
border-radius: 8px 8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
box-sizing: border-box;
margin: 8px auto 0;
width: 740px;
}

.a-edit_complete h1 {
font-size: 16px;
font-weight: 500;
display:-webkit-box;
display:-ms-flexbox;
display: flex;
align-items: center;
}

.a-edit_complete h1:before {
display: inline-block;
content: '';
background: url(/img/icon_edit-pen.png);
background-size: contain;
width: 24px;
height: 24px;
margin-right: 4px;
}

.a-edit_complete-contents {
border-top: 3px solid #ffaf19;
background-color: #fff;
padding: 16px;
box-sizing: border-box;
margin: 0 auto;
width: 740px;
border-radius: 0 0 8px 8px;
font-size: 12px;
}

.a-edit_complete-thanks {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}

/*----- インフォメーションメッセージ -----*/
.a-edit_info {
background-color: #fff;
margin: 0 auto;
width: 740px;
padding: 24px 16px 16px;
line-height: 1.35;
font-size: 0.9em;
box-sizing: border-box;
border-radius: 8px;
}

.a-edit_link {
font-size: 13px;
font-weight: 600;
display: block;
}

/*----- ニコニ広告 -----*/
#nicoad_article_pc {
border-radius: 8px;
margin-bottom: 5px;
}

#nicoad_users_article_pc p {
margin: 0;
}
.a-nicoad_supporter {
padding: 0 8px;
margin-bottom: 24px;
}
.a-nicoad_supporter_inner {
border: 1px solid #eee;
border-radius: 4px;
}
#nicoad_users_article_pc .a-nicoad_supporter_title {
background-color: #eaeaea;
border-bottom: 1px solid #eee;
border-radius: 4px 4px 0px 0px;
padding: 8px 4px 6px;
text-align: center;
font-size: 12px;
line-height: 1;
margin-bottom: 8px;
}
#nicoad_users_article_pc .a-nicoad_supporter_title:before {
content: '';
display: inline-block;
background: url(/img/icon_nicoad-gray.png) no-repeat;
background-size: contain;
width: 18px;
height: 18px;
margin-right: 4px;
vertical-align: middle;
}
.a-nicoad_supporter_top {
font-weight: bold;
text-align: center;
font-size: 14px;
}
.a-nicoad_supporter_others {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#nicoad_users_article_pc .a-nicoad_supporter-othersName {
flex: 1 1 0;
color: #999;
font-size: 12px;
}
#nicoad_users_article_pc .a-nicoad_supporter-othersLink {
flex: 0 0 auto;
padding-left: 8px;
}
#nicoad_users_article_pc .a-nicoad_supporter-othersLink:hover {
cursor: pointer;
}
.a-nicoad_supporter-othersLink a {
color: #1e7dc0;
font-size: 10px;
}
.a-nicoad_supporter_others {
padding: 8px;
}
.a-bottomMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

【スポンサーリンク】

  • 1
  • 0pt
スマホ版URL:
https://dic.nicovideo.jp/t/c/co4450771

この記事の掲示板に最近描かれたお絵カキコ

お絵カキコがありません

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません
コミュニティ記事には、掲示板は存在しません。ニコニコミュニティ掲示板をご利用ください。