2. satır: |
2. satır: |
| display:flex; | | display:flex; |
| justify-content:center; | | justify-content:center; |
| + | } |
| + | |
| + | @media only screen and (max-width: 600px) { |
| + | .section-wrapper { |
| + | flex-direction:column; |
| + | } |
| + | } |
| + | |
| + | @media only screen and (max-width: 600px) { |
| + | .section-wrapper .monthly .monthly-inner .floatright{ |
| + | float:none; |
| + | margin:0; |
| + | } |
| } | | } |
| | | |
7. satır: |
20. satır: |
| width:100% !important; | | width:100% !important; |
| height:100%; | | height:100%; |
| + | } |
| + | |
| + | .line{ |
| + | width: 1px; |
| + | background: rgba(0,0,0,0.22); |
| + | margin:10px; |
| } | | } |
| | | |
| .section-wrapper h3{ | | .section-wrapper h3{ |
− | margin: 0px 10px 10px 0; | + | margin-bottom: 10px; |
| padding:10px; | | padding:10px; |
| + | text-shadow: 1px 1px 4px black; |
| + | } |
| + | |
| + | .section-wrapper h3 span a{ |
| + | color:white; |
| } | | } |
| | | |
17. satır: |
41. satır: |
| width:150px; | | width:150px; |
| | | |
| + | } |
| + | .section-wrapper .daily-elem, .section-wrapper .monthly{ |
| + | flex:1; |
| + | margin:10px; |
| + | padding:10px; |
| + | } |
| + | |
| + | .section-wrapper .monthly h3 { |
| + | background: rgba(137, 179, 80, 0.86); |
| + | color: white; |
| + | border: 1px solid rgb(137, 179, 80); |
| + | } |
| + | |
| + | .section-wrapper .daily-elem h3 { |
| + | background:rgba(245, 152, 33, 0.75); |
| + | color: white; |
| + | border: 1px solid rgb(245, 152, 33); |
| } | | } |
| | | |
− | .daly-pic-inner > img{ | + | .section-wrapper .monthly .monthly-inner .floatright img { |
− | height:100%; | + | min-height: 150px; |
| } | | } |
| | | |
− | .section-wrapper .daily-elem, .section-wrapper .daily-pic{
| + | pre{ |
− | flex:1;
| + | display: none; |
| } | | } |