settings
https://gyazo.com/efa1856f1098b74d17cc13c6cf2b23f0
https://gyazo.com/f5aad8e143b8d197c25d5e884bb315a2
小杉丸ゴシック
code:-.css
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru');
html, body, #editor, .grid li {
font-family: helvetica, arial, "Kosugi Maru", sans-serif ;
}
増井俊之.icon 丸くて可愛いから
トップをでっかく
code:style.css
.left-box span {
font-size: 1.4rem;
padding: 0 0;
color: #0F3059;
white-space: pre-line;
}
.quick-launch {
margin-bottom: 24px;
}
.quick-launch .flex-box {
display: block;
}
@media screen and (max-width: 600px) {
.left-box span {
font-size: 2rem;
padding: 2rem 0;
}
}
トップ
code:style.css
.project-home .title {
text-align: left;
}
.project-home span.title:first-of-type:after {
content: "Masui Lab";
display: block;
text-align: left;
font-size: 34px;
font-weight: 700;
}
a.btn.project-home {
padding: 0 0;
margin-top: 20px;
}
内容
code:style.css
.page-list.clearfix::before {
content: "増井俊之研究会では、情報視覚化、 情報検索、 例示/予測インタフェース、 テキスト入力システム、\A 実世界指向プログラミング、 実世界GUI など、ユーザインタフェースに関連する各種研究を行っています。";
text-align: right;
color: #ffff00;
font-size: 15px;
white-space: pre-line;
display: block;
padding: 80px 20px;
margin-bottom: 20px;
background-color: #0F3059;
font-weight: 500;
background-image: url('https://i.gyazo.com/012bccf599dfc5b86acf509ed9d24d66.png');
}
@media screen and (max-width: 600px) {
.page-list.clearfix::before {
font-size: 13px;
padding: 60px 12px;
background-size: cover;
}
}
#ffff00は増井イエローなのでこの色にしている
#0F3059だと少し暗い
リストのサイズバーを消す
code:style.css
.quick-launch .right-box {
display: none;
}
トップページのリストをおっきく
code:style.css
.page-list .grid li {
height: 180px;
}
色
code:style.css
body {
background-color: #E7E6E4;
/* background-image: URL('https://gyazo.com/7f144c1ba615522ef074b17fa1aa6a54.jpg'); */ /* 背景画像 */
}
.grid li.page-list-item a {
background-color: #E7E6E4;
color: #555;
border: 3px solid #0F3059;
box-shadow: none;
}
li.page-list-item.grid-style-item.pin > a {
background-color: #F2E8D2;
border: 3px solid #F4B625;
}
li.page-list-item.grid-style-item.pin > a > .content >.header > .title {
font-weight: 600;
}
.grid li.page-list-item a .header {
border-top: none;
}
.navbar-default {
background-color: #E7E6E4;
}
.grid li.page-list-item a .title {
color: #0F3059;
}
.grid li.page-list-item a .pin {
background: none;
}
.grid li.page-list-item a .content {
width: initial;
}
.new-button{
background-color: #ffffff00;
}
code:style.css
/* はりつくメニューバー */
/* @media screen and (min-height: 600px) and (min-width: 768px) { */
@media screen {
/*body:not(.presentation) { padding-top: 90px; padding-right: 0 !important }*/
/*body:not(.presentation) .page-menu { position: fixed; top: 90px }*/
.navbar {
max-width: 1186px;
margin: auto;
border-bottom: 1px solid rgba(15,48,89,0.5);
}
.dropdown.open .dropdown-menu {
position: absolute; left: auto; top: auto;
max-height: calc(100vh - 100px); overflow-y: auto }
.dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }
.page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 }
}
code:style.css
/* Scrapboxアイコンをバーガーアイコンに置き換え */
.navbar-brand img, .navbar-brand span { display: none !important }
.navbar-brand::before {
content: '\f0c9'; font-family: FontAwesome; font-size: 28px; color: #729AC9; }