-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
cnyet
committed
Oct 24, 2019
1 parent
986f8fc
commit 34eca2f
Showing
15 changed files
with
174 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| html, body{ | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| .section-container { | ||
| width: auto; | ||
| margin-right: auto; | ||
| margin-left: auto; | ||
| padding-left: 0; | ||
| padding-right: 0; | ||
| } | ||
| .section-container:after { | ||
| content: ''; | ||
| display: table; | ||
| clear: both; | ||
| } | ||
| .section-heading-wrapper { | ||
| text-align: inherit; | ||
| width: 100%; | ||
| margin-left: 0; | ||
| margin-right: 3%; | ||
| margin-bottom: 6px; | ||
| } | ||
| .section-heading { | ||
| padding-top: 12px; | ||
| padding-bottom: 12px; | ||
| position: relative; | ||
| } | ||
| .section-heading:before { | ||
| content: ""; | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 24px; | ||
| height: 7px; | ||
| } | ||
| .strip--special-features:before { | ||
| background-color: #432957; | ||
| } | ||
| .text-uppercase { | ||
| padding: 20px; | ||
| font-family: "Source Sans Pro",sans-serif; | ||
| font-weight: 700; | ||
| text-transform: uppercase; | ||
| } | ||
| .node .field-name-body .horoblock a { | ||
| color: #333; | ||
| text-decoration: none; | ||
| } | ||
| .node .field-name-body .horoblock ul { | ||
| margin: 0; | ||
| } | ||
| .node .field-name-body .horoblock ul li { | ||
| list-style-type: none; | ||
| margin-left: 0; | ||
| font-size: initial; | ||
| padding-bottom: 10px; | ||
| } | ||
| .node .field-name-body .horoblock a { | ||
| color: #333; | ||
| text-decoration: none; | ||
| } | ||
| .star-list{ | ||
| list-style: none; | ||
| overflow: auto; | ||
| margin: 0; | ||
| padding: 0 20px; | ||
| } | ||
| .star-list__items{ | ||
| float: left; | ||
| margin: 10px; | ||
| } | ||
| .star-list__img { | ||
| background: #f6f6f6; | ||
| } | ||
| .star-list__title { | ||
| font-size: 15px; | ||
| color: #333; | ||
| line-height: 19px; | ||
| display: block; | ||
| margin: 15px 0 5px; | ||
| } | ||
| .star-list__month { | ||
| font-size: 12px; | ||
| color: #333; | ||
| line-height: 16px; | ||
| display: block; | ||
| } | ||
| .sanspro-reg { | ||
| font-family: "Source Sans Pro",sans-serif; | ||
| font-weight: 400; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,70 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
|
|
||
| <head> | ||
| <title>星座SVG</title> | ||
| <link rel="stylesheet" type="text/css" href="starSign.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="section-container"> | ||
| <div class="grid-col-full"> | ||
| <h3 class="text-uppercase">star sign</h3> | ||
| </div> | ||
| <div class="grid-col-full"> | ||
| <ul class="star-list"> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Aries.svg" alt="Aries"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Aries</h4><span class="star-list__month sanspro-reg text-center">Mar 21 - Apr 19</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Taurus.svg" alt="Taurus"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Taurus</h4><span class="star-list__month sanspro-reg text-center">Apr 20 - May 20</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Gemini.svg" alt="Gemini"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Gemini</h4><span class="star-list__month sanspro-reg text-center">May 21 - Jun 20</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Cancer.svg" alt="Cancer"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Cancer</h4><span class="star-list__month sanspro-reg text-center">Jun 21 - Jul 22</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Leo.svg" alt="Leo"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Leo</h4><span class="star-list__month sanspro-reg text-center">Jul 23 - Aug 22</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Virgo.svg" alt="Virgo"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Virgo</h4><span class="star-list__month sanspro-reg text-center">Aug 23 - Sep 22</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Libra.svg" alt="Libra"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Libra</h4><span class="star-list__month sanspro-reg text-center">Sep 23 - Oct 22</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Scorpio.svg" alt="Scorpio"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Scorpio</h4><span class="star-list__month sanspro-reg text-center">Oct 23 - Nov 21</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Sagittarius.svg" alt="Sagittarius"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Sagittarius</h4><span class="star-list__month sanspro-reg text-center">Nov 22 - Dec 21</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Capricorn.svg" alt="Capricorn"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Capricorn</h4><span class="star-list__month sanspro-reg text-center">Dec 22 - Jan 19</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Aquarius.svg" alt="Aquarius"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Aquarius</h4><span class="star-list__month sanspro-reg text-center">Jan 20 - Feb 18</span> | ||
| </li> | ||
| <li class="col-grid-4 mtop-m-20 mtop-t-20 mtop-d-20 star-list__items"> | ||
| <div class="star-list__img"><img style="width:160px; height:215px;" src="../../images/Pisces.svg" alt="Pisces"></div> | ||
| <h4 class="star-list__title sanspro-semib text-center">Pisces</h4><span class="star-list__month sanspro-reg text-center">Feb 19 - Mar 20</span> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <script type="text/javascript" src="starSign.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
Empty file.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.