Skip to content

o.kimura / novel-noveler.com

Go to a project
Commit 78821b79 by o.kimura
Options

下線など調整

parent fe43daec
Inline Side-by-side
Showing with 27 additions and 14 deletions
css/main.css
......@@ -224,7 +224,7 @@ novel-item {
color: #555
}
.novel-item .title a:visited {
color: #aaa
color: #555
}
.novel-item .banner:before {
content: "";
......@@ -299,6 +299,7 @@ novel-item {
.novel-item .novel-contents .novel-right-contents {
text-align: left;
padding: 20px 45px 10px 45px;
margin-bottom: 0.35em;
border-bottom: 1px solid #dddddd;
}
.novel-item .novel-contents .novel-right-contents .edit-bookmark {
......@@ -475,18 +476,18 @@ novel-item {
/*menu*/
.profile-menu-unit ul li span {
.menu-unit ul li span {
color: #999999;
}
.profile-menu-unit ul li span.count {
.menu-unit ul li span.count {
color: black;
}
.profile-menu-unit ul.profile li {
.menu-unit ul.profile li {
display: flex;
align-items: center;
padding: 10px 8px 0;
}
.profile-menu-unit ul.menu-item a {
.menu-unit ul.menu-item a {
text-decoration-color: #cccccc;
text-decoration-style: solid;
display: flex;
......@@ -520,10 +521,20 @@ novel-item {
margin: -5em 0 1em 0;
padding: 0px;
}
.flex-menu {
.flex-menu,
.flex-menu .ui-btn {
display: inline;
}
#main-container {
margin-top: 50px;
}
.menu-unit ul.menu-item a {
display: inline;
}
.menu-unit ul.menu-item a {
padding: 0;
}
.left-inside {
border-bottom: none;
}
}
html/index.html
......@@ -13,13 +13,13 @@
<script src="../js/main.js"></script>
</head>
<body class="ui-mobile-viewport ui-overlay-d" id="ui-page-top">
<body class="ui-mobile-viewport ui-overlay-d">
<div class="logo">青空文庫の本棚</div>
<div class="container-fluid">
<div class="row">
<div class="left-menu col-lg-2 col-md-3 col-sm-4">
<div class="left-inside">
<div class="profile-menu-unit">
<div class="menu-unit">
<ul class="menu-item">
<li class="flex-menu"><a href="#" class="js-click-trackable-later" data-click-category="mypage-profile-column-simple" data-click-action="click-followings" data-click-label=""><span class="ui-btn ui-btn-icon-right ui-icon-carat-r">マイページ</span></a></li>
<li class="flex-menu"><a href="#" class="js-click-trackable-later" data-click-category="mypage-profile-column-simple" data-click-action="click-followings" data-click-label=""><span class="ui-btn ui-btn-icon-right ui-icon-carat-r">ブックマーク</span></a></li>
......@@ -111,12 +111,12 @@
<div class="novel-right-contents">
<div class="title-box">
<h1 class="title">
<a href="https://ja.wikipedia.org/wiki/%E7%BE%85%E7%94%9F%E9%96%80_(%E5%B0%8F%E8%AA%AC)">羅生門</a></h1>
<a href="https://ja.wikipedia.org/wiki/%E6%B3%89%E9%8F%A1%E8%8A%B1">神楽坂七不思議</a></h1>
</div>
<ul class="data">
<li class="author">
作者：
<a href="https://ja.wikipedia.org/wiki/%E8%8A%A5%E5%B7%9D%E9%BE%8D%E4%B9%8B%E4%BB%8B" class="user ui-profile-popup">芥川龍之介</a>
<a href="https://ja.wikipedia.org/wiki/%E6%B3%89%E9%8F%A1%E8%8A%B1" class="user ui-profile-popup">泉鏡花</a>
</li>
</ul>
<ul class="tags">
......@@ -124,7 +124,7 @@
<a href="https://ja.wikipedia.org/wiki/%E7%B4%94%E6%96%87%E5%AD%A6">純文学</a>
</li>
</ul>
<p class="novel-caption">東大在学中に同人雑誌「新思潮」に発表した「鼻」を漱石が激賞し、文壇で活躍するようになる。王朝もの、近世初期のキリシタン文学、江戸時代の人物・事件、明治の文明開化期など、さまざまな時代の歴史的文献に題材をとり、スタイルや文体を使い分けたたくさんの短編小説を書いた。体力の衰えと「ぼんやりした不安」から自殺。その死は大正時代文学の終焉と重なっている。<a href="">⇨本文へ</a>
<p class="novel-caption">尾崎紅葉のもとで小説修業をし、『夜行巡査』『外科室』の２作が評価を得て、本格的な作家生活に入った。幽玄華麗な独特の文体と巧緻を尽くした作風は、川端康成、石川淳、三島由紀夫らに影響を与えた。<a href="">⇨本文へ</a>
</p>
</div>
</div>
......@@ -136,12 +136,12 @@
<div class="novel-right-contents">
<div class="title-box">
<h1 class="title">
<a href="https://ja.wikipedia.org/wiki/%E7%BE%85%E7%94%9F%E9%96%80_(%E5%B0%8F%E8%AA%AC)">羅生門</a></h1>
<a href="https://ja.wikipedia.org/wiki/%E9%81%A0%E9%87%8E%E7%89%A9%E8%AA%9E">遠野物語</a></h1>
</div>
<ul class="data">
<li class="author">
作者：
<a href="https://ja.wikipedia.org/wiki/%E8%8A%A5%E5%B7%9D%E9%BE%8D%E4%B9%8B%E4%BB%8B" class="user ui-profile-popup">芥川龍之介</a>
<a href="https://ja.wikipedia.org/wiki/%E6%9F%B3%E7%94%B0%E5%9C%8B%E7%94%B7" class="user ui-profile-popup">柳田國男</a>
</li>
</ul>
<ul class="tags">
......@@ -149,7 +149,9 @@
<a href="https://ja.wikipedia.org/wiki/%E7%B4%94%E6%96%87%E5%AD%A6">純文学</a>
</li>
</ul>
<p class="novel-caption">東大在学中に同人雑誌「新思潮」に発表した「鼻」を漱石が激賞し、文壇で活躍するようになる。王朝もの、近世初期のキリシタン文学、江戸時代の人物・事件、明治の文明開化期など、さまざまな時代の歴史的文献に題材をとり、スタイルや文体を使い分けたたくさんの短編小説を書いた。体力の衰えと「ぼんやりした不安」から自殺。その死は大正時代文学の終焉と重なっている。<a href="">⇨本文へ</a>
<p class="novel-caption">柳田 國男（やなぎた くにお、1875年（明治8年）7月31日 - 1962年（昭和37年）8月8日）は、日本の民俗学者・官僚。明治憲法下で農務官僚、貴族院書記官長、終戦後から廃止になるまで最後の枢密顧問官などを務めた。
<br> 「日本人とは何か」その答えを求め、日本列島各地や当時の日本領の外地を調査旅行し、初期は山の生活に着目し、『遠野物語』で「願わくは之を語りて平地人を戦慄せしめよ」と述べた。日本民俗学の開拓者で、多数の著作は今日まで重版され続けている。
<a href="">⇨本文へ</a>
</p>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment