/*
public_html/temprate/template.php 内で利用するcssのデフォルト
public_html/templrate/user.css を後から読み込んで上書きされる
*/
/* 記事の幅を規定するclass
内で動的に生成される
.o7wid_post_box{}
.o7wid_post_body{}
*/
/* 記事の見た目を規定するclass */
/*記事ボックス*/
.o7apr_post_box{
margin:10px;
border:1px solid gray;
background-color:white;
}
/*記事ヘッダー*/
.o7apr_post_header{
/*flex container指定*/
display:flex;
justify-content: space-between;
/* */
margin:10px 15px;
}
/*記事本文*/
.o7apr_post_body{
font-size:14px;
line-height:120%;
}
/*記事続き*/
.o7apr_post_more{
font-size:14px;
line-height:120%;
}
/*記事フッター*/
.o7apr_post_footer{
/*flex container指定*/
display:flex;
justify-content: flex-end;
/* */
margin:10px 15px;
}
/*タイトル文字*/
.o7apr_post_title{
font-size:14px;
font-weight:bold;
cursor:default;
}
/*作成日文字*/
.o7apr_post_datetime{
font-size:12px;
}
/*作者文字*/
.o7apr_post_auhtor{
font-size:12px;
}
/*カテゴリー文字*/
.o7apr_post_category{
font-size:12px;
}
/*タグ文字*/
.o7apr_post_tag{
font-size:12px;
}
/*続きを読む*/
.o7apr_post_continue{
color:blue;
cursor:pointer;
}
.o7apr_post_continue:hover{
}
/*記事リストの続きを読み込む*/
.o7apr_index_next{
padding:5px;
background-color:#eeeeee;
color:black;
text-align:center;
border-radius:5px;
}
.o7apr_index_next:hover{
background-color:#adadad;
}
/* サムネイル用 */
.o7apr_thumbnail_box{
position:relative;
width:180px;
height:220px;
}
.o7apr_thumbnail_image_frame{
position:absolute;
top:25px;
left:15px;
width:150px;
height:150px;
}
/* img */
.o7apr_thumbnail_image{
border-radius:5px;
width:150px;
height:150px;
object-fit: cover;
}
.o7apr_thumbnail_title{
position:absolute;
top:185px;
left:15px;
width:150px;
height:30px;
overflow:hidden;
font-size:13px;
text-align:center;
line-height:102%;
}
/* カテゴリ一覧用 */
.o7apr_categorylist_button{
font-size:16px;
text-align:center;
margin:5px;
background-color:#dddddd;
width:200px;
border-radius:5px;
cursor:pointer;
}
.o7apr_categorylist_button:hover{
text-decoration:underline;
background-color:#cccccc;
}
/* タグ一覧用 */
.o7apr_tag_selector{
display:flex;
flex-direction: row;
justify-content: center;
/* justify-content: space-evenly; */
flex-wrap:wrap;
background-color:#dddddd;
border-radius:5px;
padding:5px 0px;
}
.o7apr_tag_selector_button{
cursor:pointer;
white-space: nowrap;
font-weight:bold;
color:royalblue;
}