差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 最新リビジョン 両方とも次のリビジョン | ||
start [2020/01/02 22:20] admin |
start [2020/01/07 13:33] admin |
||
---|---|---|---|
行 1: | 行 1: | ||
+ | ~~Title: | ||
+ | {{htmlmetatags> | ||
+ | {{htmlmetatags> | ||
+ | |||
+ | |||
+ | < | ||
+ | < | ||
+ | @media (min-width: 1200px) { | ||
+ | #dw__navbar > .container { | ||
+ | width : 100%; | ||
+ | } | ||
+ | # | ||
+ | width : 100%; | ||
+ | } | ||
+ | # | ||
+ | width : 100%; | ||
+ | padding-left : 0px; | ||
+ | padding-right : 0px; | ||
+ | } | ||
+ | |||
+ | # | ||
+ | display : none; | ||
+ | } | ||
+ | |||
+ | </ | ||
+ | |||
+ | < | ||
+ | jQuery(function(){ | ||
+ | require([" | ||
+ | | ||
+ | }); | ||
+ | }); | ||
+ | </ | ||
+ | < | ||
+ | body { | ||
+ | padding-left : 0px; | ||
+ | padding-right: | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </ | ||
+ | |||
+ | < | ||
+ | .jumbotron.sitedesc { | ||
+ | background-image : linear-gradient(45deg, | ||
+ | border-radius : 0px; | ||
+ | margin-bottom : 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sitedesc .container { | ||
+ | max-width: 600px; | ||
+ | } | ||
+ | |||
+ | .sitedesc .desc-container { | ||
+ | padding: 0 10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container { | ||
+ | margin-top: 30px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | @media only screen and (min-width: 768px) { | ||
+ | .sitedesc .headline-container { | ||
+ | margin-top: 30px; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .headline-title { | ||
+ | display: block; | ||
+ | background-color: | ||
+ | padding-top: | ||
+ | font-size: 48px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .first .hexagon { | ||
+ | height: 86px; | ||
+ | width: 150px; | ||
+ | } | ||
+ | .sitedesc .headline-container .first .polygon { | ||
+ | background: #3BAFDA; | ||
+ | color: #fff; | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | text-decoration: | ||
+ | vertical-align: | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .first .polygon: | ||
+ | border-style: | ||
+ | content: ''; | ||
+ | height: 0; | ||
+ | position: absolute; | ||
+ | -webkit-transform: | ||
+ | width: 0; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .first .hexagon: | ||
+ | border-color: | ||
+ | border-color: | ||
+ | border-width: | ||
+ | left: 0; | ||
+ | top: -44px; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .first .hexagon: | ||
+ | border-color: | ||
+ | border-color: | ||
+ | border-width: | ||
+ | bottom: -44px; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .sitedesc .headline-container .second .polygon: | ||
+ | border-style: | ||
+ | content: ''; | ||
+ | height: 0; | ||
+ | position: absolute; | ||
+ | -webkit-transform: | ||
+ | width: 0; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .second .hexagon: | ||
+ | border-color: | ||
+ | border-color: | ||
+ | border-width: | ||
+ | left: 0; | ||
+ | top: -22px; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .second .polygon: | ||
+ | border-style: | ||
+ | content: ''; | ||
+ | height: 0; | ||
+ | position: absolute; | ||
+ | -webkit-transform: | ||
+ | width: 0; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .second .hexagon: | ||
+ | border-color: | ||
+ | border-color: | ||
+ | border-width: | ||
+ | bottom: -22px; | ||
+ | left: 0; | ||
+ | } | ||
+ | .sitedesc .headline-container .second { | ||
+ | position: relative; | ||
+ | top: -65px; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .first .hexagon { | ||
+ | height: 86px; | ||
+ | width: 150px; | ||
+ | } | ||
+ | .sitedesc .headline-container .first .polygon { | ||
+ | background: #3BAFDA; | ||
+ | color: #fff; | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | text-decoration: | ||
+ | vertical-align: | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .second .hexagon { | ||
+ | height: 43px; | ||
+ | width: 75px; | ||
+ | } | ||
+ | .sitedesc .headline-container .second .polygon { | ||
+ | background: #fff; | ||
+ | color: #2d2937; | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | text-decoration: | ||
+ | vertical-align: | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container img.logo { | ||
+ | position: relative; | ||
+ | -webkit-transform: | ||
+ | transform: rotate(0deg) scale(0.3); | ||
+ | margin-left: | ||
+ | margin-top: -120px; | ||
+ | z-index: 1000; | ||
+ | } | ||
+ | |||
+ | .sitedesc .headline-container .headline { | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | <div id=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <img src="/ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <span class=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | body {background:# | ||
+ | .area-padding {padding: | ||
+ | .divider {border:1px solid # | ||
+ | |||
+ | /* Feature-CSS */ | ||
+ | .topic-box {background:# | ||
+ | .topic-box: | ||
+ | |||
+ | .kdict-section .topic-img img{ | ||
+ | width : 228px; | ||
+ | height : 114px; | ||
+ | } | ||
+ | |||
+ | .forum-section .topic-img img{ | ||
+ | width : 360px; | ||
+ | height : 180px; | ||
+ | } | ||
+ | /* Button */ | ||
+ | .site-btn{padding: | ||
+ | .site-btn: | ||
+ | |||
+ | |||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <ul class=" | ||
+ | <li class=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div id=" | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <div id=" | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <div id=" | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | < | ||
+ | < | ||
+ | <div class=" | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <img class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | < | ||
+ | </ | ||
+ | <a href=" | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <img class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | < | ||
+ | </ | ||
+ | <a href=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <img class=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | < | ||
+ | </ | ||
+ | <a href=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ |