You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

765 lines
8.8 KiB

html,
body {
/*font-family: 'Open Sans', serif;*/
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
background: #F9F9F9;
}
footer {
background-color: #2a2e2f !important;
padding: 2rem 1.5rem 3rem !important;
}
.footer a {
color: white;
}
.footer h2 {
margin-bottom: 10px;
}
.footer p,
strong {
color: lemonchiffon;
}
.navbar {
background-color: #2a2e2f;
}
.navbar.has-shadow {
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.navbar-burger,
.navbar-item {
color: white;
}
a.navbar-burger:hover {
background-color: #fafafa;
color: #3273dc;
}
.navbar-menu.is-active .navbar-item,
.navbar-menu.is-active .navbar-link {
color: #4a4a4a;
}
.navbar-menu.is-active .navbar-dropdown .navbar-item {
color: #fafafa;
}
.navbar-menu.is-active .navbar-dropdown .navbar-item:hover,
.navbar-menu.is-active .navbar-item:hover,
.navbar-menu.is-active .navbar-link:hover {
color: #3273dc;
}
.topNav {
border-top: 5px solid #3498DB;
}
.topNav .container {
border-bottom: 1px solid #E6EAEE;
}
.container .columns {
margin: 2rem 0;
}
aside.menu {
padding-top: 3rem;
}
aside.menu .menu-list {
line-height: 1.5;
}
aside.menu .menu-label {
padding-left: 10px;
font-weight: 700;
}
.button.is-primary.is-alt {
background: #00c6ff;
background: -webkit-linear-gradient(to bottom, #0072ff, #00c6ff);
background: linear-gradient(to bottom, #0072ff, #00c6ff);
font-weight: 700;
font-size: 14px;
height: 3rem;
line-height: 2.8;
}
.media-left img {
border-radius: 50%;
}
.media-content p {
font-size: 14px;
line-height: 2.3;
font-weight: 700;
color: #8F99A3;
}
article.post {
margin: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #E6EAEE;
}
article.post:last-child {
padding-bottom: 0;
border-bottom: none;
}
.menu-list li {
padding: 5px;
}
.tag:not(body).is-grey {
background-color: #eee;
color: #666;
}
.button-margin {
width: 5cm; /* Set a width for alignment */
margin-bottom: 15px;
}
p {
font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
.tabs-details {
margin-right: 1px;
}
.project-image {
background-image: url('/static/assets/images/cat.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.is-shady {
animation: flyintoright .4s backwards;
background: #fff;
box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
border-radius: 4px;
/*display: inline-block;*/
/*margin: 10px;*/
position: relative;
transition: all .2s ease-in-out;
}
.is-shady:hover {
box-shadow: 0 10px 16px rgba(0, 0, 0, .13), 0 6px 6px rgba(0, 0, 0, .19);
}
.menu-list a.active {
background-color: #3273dc;
color: #fff;
}
.select-height {
height: 100% !important;
max-height: 200px !important;
}
.pagination-link,
.pagination-next,
.pagination-previous {
background-color: white;
margin-top: 20px;
}
.card-header-title {
padding: 1.5rem;
}
.navbar-link::after {
border-color: white;
}
.navbar-link {
color: white;
}
.navbar-dropdown {
background-color: #2a2e2f;
border-top: 0;
}
.navbar-dropdown .navbar-item {
color: white;
}
.has-background-royalblue {
background-color:royalblue !important;
}
/* Padding Zero */
.p0 {
padding: 0!important
}
/* Padding Top */
.pt10 {
padding-top: 10px!important
}
.pt15 {
padding-top: 15px!important
}
.pt20 {
padding-top: 20px!important
}
.pt30 {
padding-top: 30px!important
}
.pt40 {
padding-top: 40px!important
}
.pt50 {
padding-top: 50px!important
}
.pt60 {
padding-top: 60px!important
}
.pt70 {
padding-top: 70px!important
}
.pt80 {
padding-top: 80px!important
}
.pt90 {
padding-top: 90px!important
}
.pt100 {
padding-top: 100px!important
}
.pt110 {
padding-top: 110px!important
}
.pt120 {
padding-top: 120px!important
}
.pt130 {
padding-top: 130px!important
}
.pt140 {
padding-top: 140px!important
}
/* Padding Bottom */
.pb0 {
padding-bottom: 0px!important
}
.pb10 {
padding-bottom: 10px!important
}
.pb15 {
padding-bottom: 15px!important
}
.pb20 {
padding-bottom: 20px!important
}
.pb30 {
padding-bottom: 30px!important
}
.pb40 {
padding-bottom: 40px!important
}
.pb50 {
padding-bottom: 50px!important
}
.pb60 {
padding-bottom: 60px!important
}
.pb70 {
padding-bottom: 70px!important
}
.pb80 {
padding-bottom: 80px!important
}
.pb90 {
padding-bottom: 90px!important
}
.pb100 {
padding-bottom: 100px!important
}
.pb110 {
padding-bottom: 110px!important
}
.pb120 {
padding-bottom: 120px!important
}
.pb130 {
padding-bottom: 130px!important
}
.pb140 {
padding-bottom: 140px!important
}
/* Padding Left */
.pl0 {
padding-left: 0px!important
}
.pl3 {
padding-left: 3px!important
}
.pl5 {
padding-left: 5px!important
}
.pl10 {
padding-left: 10px!important
}
.pl20 {
padding-left: 20px!important
}
.pl30 {
padding-left: 30px;
}
.pl40 {
padding-left: 40px;
}
.pl50 {
padding-left: 50px;
}
.pl60 {
padding-left: 60px;
}
.pl70 {
padding-left: 70px;
}
.pl80 {
padding-left: 80px;
}
.pl90 {
padding-left: 90px;
}
.pl100 {
padding-left: 100px;
}
.pl15r {
padding-left: 1.5rem !important;
}
/* Padding Right */
.pr0 {
padding-right: 0px!important
}
.pr5 {
padding-right: 5px!important
}
.pr10 {
padding-right: 10px!important
}
.pr20 {
padding-right: 20px!important
}
.pr30 {
padding-right: 30px!important
}
.pr40 {
padding-right: 40px;
}
.pr50 {
padding-right: 50px;
}
.pr60 {
padding-right: 60px;
}
.pr70 {
padding-right: 70px;
}
.pr80 {
padding-right: 80px;
}
.pr90 {
padding-right: 90px;
}
.pr100 {
padding-right: 100px;
}
.pr110 {
padding-right: 110px;
}
.pr120 {
padding-right: 120px;
}
@media (min-width:1200px) {
.pl-lg-50 {
padding-left: 50px;
}
.pl-lg-80 {
padding-left: 80px;
}
}
@media (min-width:992px) {
.pt-md-50 {
padding-top: 50px;
}
}
.pbrem075 {
padding-bottom: 0.75rem;
}
.tweaked-margin {
margin-left: -0.4rem !important;
margin-right: 0.3rem !important;
}
/* Margin Auto */
.mr-auto {
margin: auto;
float: none;
}
/* Margin Top */
.mt0 {
margin-top: 0!important
}
.mt5 {
margin-top: 5px!important
}
.mt10 {
margin-top: 10px!important
}
.mt20 {
margin-top: 20px!important
}
.mt30 {
margin-top: 30px!important
}
.mt40 {
margin-top: 40px!important
}
.mt50 {
margin-top: 50px!important
}
.mt60 {
margin-top: 60px!important
}
.mt70 {
margin-top: 70px!important
}
.mt80 {
margin-top: 80px!important
}
.mt90 {
margin-top: 90px!important
}
.mt100 {
margin-top: 100px!important
}
.mt110 {
margin-top: 110px!important
}
.mt120 {
margin-top: 120px!important
}
/* Margin Bottom */
.mb0 {
margin-bottom: 0!important
}
.mb5 {
margin-bottom: 5px!important
}
.mb10 {
margin-bottom: 10px!important
}
.mb15 {
margin-bottom: 15px!important
}
.mb20 {
margin-bottom: 20px!important
}
.mb30 {
margin-bottom: 30px!important
}
.mb40 {
margin-bottom: 40px!important
}
.mb50 {
margin-bottom: 50px
}
.mb60 {
margin-bottom: 60px
}
.mb70 {
margin-bottom: 70px
}
.mb80 {
margin-bottom: 80px
}
.mb90 {
margin-bottom: 90px
}
.mb100 {
margin-bottom: 100px
}
.mb110 {
margin-bottom: 110px
}
.mb120 {
margin-bottom: 120px
}
/* Margin Left */
.ml0 {
margin-left: 0!important;
}
.ml15 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml20 {
margin-left: 20px;
}
.ml30 {
margin-left: 30px;
}
.ml40 {
margin-left: 40px;
}
.ml50 {
margin-left: 50px;
}
.ml60 {
margin-left: 60px;
}
.ml70 {
margin-left: 70px;
}
.ml80 {
margin-left: 80px;
}
.ml90 {
margin-left: 90px;
}
.ml100 {
margin-left: 100px;
}
.ml110 {
margin-left: 110px;
}
/* Margin Right */
.mr0 {
margin-right: 0!important
}
.mr5 {
margin-right: 5px!important
}
.mr10 {
margin-right: 10px!important
}
.mr20 {
margin-right: 20px!important
}
.mr30 {
margin-right: 30px!important
}
.mr40 {
margin-right: 40px!important
}
.mr50 {
margin-right: 50px!important
}
.mr60 {
margin-right: 60px!important
}
.mr70 {
margin-right: 70px!important
}
.mr80 {
margin-right: 80px!important
}
.mr90 {
margin-right: 90px!important
}
.mr100 {
margin-right: 100px;
}
.mr110 {
margin-right: 110px;
}
.dataset-item__main {
display: inline-block;
-webkit-box-flex: 2;
-ms-flex: 2 2 66%;
flex: 2 2 66%;
overflow: hidden;
margin: 0 8px 0 8px;
}
.dataset-item__main-title {
font-size: 16px;
font-weight: 500;
line-height: 22px;
}
.dataset-item__main-subtitle {
color: rgba(0,0,0,.55);
font-size: 12px;
font-weight: 400;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dataset-item__main-info {
color: rgba(0,0,0,.4);
font-size: 12px;
font-weight: 400;
line-height: 22px;
}
.is-vertical {
vertical-align:middle !important;
}
.project-thumbnail {
border-radius: 4px;
}
.thumbnail-wrapper {
width:66px;
height:66px;
display:inline-block;
}
[v-cloak] { display: none; }