Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html {
- font-size: 62.5%;
- }
- Veldana
- body {
- color: black;
- font-family: NotoSansJP;
- font-size: 1.5rem;
- letter-spacing: 0.2rem;
- }
- img {
- max-width: 100%;
- position: relative;
- vertical-align: bottom;
- }
- a {
- color: #000;
- text-decoration: underline;
- }
- ul {
- list-style: none;
- }
- .wrapper, .footer-box {
- width: 950px;
- max-width: 950px;
- margin: 0 auto;
- padding-top: 2rem;
- }
- .align-center {
- text-align: center;
- }
- .color-black {
- color: #333333;
- }
- .italic {
- font-style: italic;
- }
- .main-text {
- font-size: 1.2em;
- }
- .main-text15 {
- font-size: 1.4em;
- }
- .main-text17 {
- font-size: 1.7em;
- }
- .margin-t_10 {
- margin-top: 10px;
- }
- .margin-t_5 {
- margin-top: 5px;
- }
- .margin-t_30 {
- margin-top: 30px;
- }
- .margin-t_60 {
- margin-top: 60px;
- }
- .margin-b_40 {
- margin-bottom: 40px;
- }
- .d-block {
- display: block;
- }
- .margin-center {
- margin: 0 auto;
- }
- /*トップページ*/
- .back {
- background-image: url(https://surf-dream.neocities.org/mateial/wp_beach4.jpg);
- background-repeat: repeat-x;
- background-position: bottom;
- background-color: #97C4EB;
- padding: 20px 0 130px 0;
- }
- footer {
- background-color: #f6f6f3;
- padding: 20px 0;
- }
- .footer-box {
- text-align: center;
- }
- .logo {
- width: 35%;
- margin: 0 auto;
- }
- .marquee {
- margin: 1rem auto 0 auto;
- width: 40%;
- }
- .nav-container {
- margin: 3rem;
- }
- .nav {
- display: flex;
- justify-content: center;
- gap: 6rem;
- }
- .main-container {
- display: flex;
- }
- .left-container {
- width: calc(100% / 3);
- margin-top: 20px;
- text-align: right;
- }
- .right-container {
- width: calc(100% / 3);
- margin-top: 20px;
- }
- .left-h2, .right-h2 {
- position: relative;
- color: #E02B20;
- font-style: italic;
- }
- .left-h2.before:before {
- content: url(https://surf-dream.neocities.org/mateial/creamsoda.gif);
- position: absolute;
- top: -134%;
- left: 124px;
- transform: scale(0.7);
- display: inline-block;
- }
- .right-h2.before:after {
- content: url(https://surf-dream.neocities.org/mateial/012.gif);
- position: absolute;
- top: -80%;
- left: 67px;
- display: inline-block;
- }
- .center-container {
- width: 500px;
- text-align: center;
- margin: 0 50px;
- }
- .center-img {
- border: double 4px;
- }
- .center-text {
- font-size: .8em;
- color: #515151;
- margin-top: 5px;
- text-align: center;
- }
- .center-banner {
- margin-top: 50px;
- }
- .update-box {
- width: 200px;
- font-size: 13px;
- border: solid 1px;
- height: 210px;
- overflow-y: scroll;
- padding-bottom: 15px;
- padding-left: 5px;
- display: inline-block;
- }
- .update-new:after {
- content: url(https://surf-dream.neocities.org/mateial/red2.gif);
- }
- .update-2002:before {
- content: url(https://surf-dream.neocities.org/mateial/red2.gif);
- }
- .web-clap {
- display: inline-block;
- padding: 5px 5px;
- border: solid 1px;
- border-radius: 5px;
- background-color: #e2e2e2;
- }
- /*about・link共通*/
- .about-logo {
- width: 30%;
- }
- .return-top {
- display: block;
- width: 6%;
- margin: 10px auto 0 auto;
- }
- .boat {
- width: 13%;
- margin-top: 10px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement