|
|
| (322 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| − | __NOTOC__
| + | No content :) |
| − | | |
| − | <div class="mainpage_row">
| |
| − | <div class="mainpage_box">
| |
| − | <h3><span>Hello, World</span></h3>
| |
| − | <div>
| |
| − | * Hi
| |
| − | * Hi
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | <div class="mainpage_box">
| |
| − | <h3><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Heading 3</span></h3>
| |
| − | <div class="items">
| |
| − | * Hi
| |
| − | * Hi
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | <div class="mainpage_box">
| |
| − | <h3><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Heading 3</span></h3>
| |
| − | <div class="items">
| |
| − | <htmL><iframe width="560" height="315" src="https://www.youtube.com/embed/B-WWpgvRSmE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | <div id="misc-news" class="mainpage_row">
| |
| − | <div class="mainpage_box">
| |
| − | <h3><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Hello</span></h3>
| |
| − | <div class="items">
| |
| − | * Hi
| |
| − | * Hi
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | | |
| − | {{#css:
| |
| − | | |
| − | .btn {
| |
| − | display: inline-block;
| |
| − | margin-bottom: 0;
| |
| − | font-weight: 400;
| |
| − | text-align: center;
| |
| − | white-space: nowrap;
| |
| − | vertical-align: middle;
| |
| − | -ms-touch-action: manipulation;
| |
| − | touch-action: manipulation;
| |
| − | cursor: pointer;
| |
| − | background-image: none;
| |
| − | border: 1px solid transparent;
| |
| − | padding: 6px 12px;
| |
| − | font-size: 14px;
| |
| − | line-height: 1.42857143;
| |
| − | border-radius: 4px;
| |
| − | width: 230px;
| |
| − | color: rgba(242, 109, 33, 1);
| |
| − | background-color: rgba(242, 109, 33, 0.1);
| |
| − | border-color: rgba(242, 109, 33, 1);
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | | |
| − | .btn:hover {
| |
| − | color: rgba(255, 255, 255, 1);
| |
| − | background-color: rgba(242, 109, 33, 1);
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | | |
| − | .mainpage_row {
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | flex-flow: row wrap;
| |
| − | justify-content: space-between;
| |
| − | padding: 0;
| |
| − | margin: 0 -5px 0 -5px;
| |
| − | }
| |
| − | | |
| − | .mainpage_box {
| |
| − | flex: 1;
| |
| − | margin: 5px;
| |
| − | min-width: 210px;
| |
| − | border: 1px solid #CCC;
| |
| − | padding: 0 10px 10px 10px;
| |
| − | box-shadow: 0 2px 2px rgba(0,0,0,0.1);
| |
| − | }
| |
| − | | |
| − | }}
| |
