|
|
| (328 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| − | <div style="float:left; width:30%; padding:5px;">
| + | No content :) |
| − | hi 1
| |
| − | </div>
| |
| − | <div class="btn" style="float:left; width:30%; padding:5px;">
| |
| − | Test 2
| |
| − | </div>
| |
| − | <div style="float:right; width:30%; padding:5px;">
| |
| − | Test 3
| |
| − | </div>
| |
| − | <div style="float:left; width:30%; padding:5px;">
| |
| − | Test 4
| |
| − | </div>
| |
| − | <div style="float:left; width:30%; padding:5px;">
| |
| − | Test 5
| |
| − | </div>
| |
| − | <div style="float:left; width:30%; padding:5px;">
| |
| − | Test 6
| |
| − | </div>
| |
| − | | |
| − | <div class="mainpage_row">
| |
| − | <div class="mainpage_box">
| |
| − | <h3><span>Hello, World</span></h3>
| |
| − | <div>
| |
| − | * Hi
| |
| − | * Hi
| |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | <br>
| |
| − | | |
| − | | |
| − | {{#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);
| |
| − | }
| |
| − | | |
| − | | |
| − | .mainpage_box h3 .header_icon {
| |
| − | float: left;
| |
| − | margin-right: 5px;
| |
| − | }
| |
| − | | |
| − | }}
| |
