Changes

Created page with "__NOTOC__ <div class="mainpage_row"> <div class="mainpage_box"> <h2><span>GCTools Achievements 2020-2021</span></h2> <div> * Hello </div> </div> <div class="mainpage_..."
__NOTOC__
<div class="mainpage_row">
<div class="mainpage_box">
<h2><span>GCTools Achievements 2020-2021</span></h2>
<div>
* Hello
</div>
</div>

<div class="mainpage_box">
<h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Featured Communities</span></h2>
<div class="items">
* Hello
</div>
</div>
</div>

<div class="mainpage_box">
<div class="items">
<h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Heading</span></h2>
* Hello
</div>
</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);
}

.mainpage_box h2 {
color: rgb(109,82,139);
}

.searchBar {
background-color: rgb(0,0,128);
color: rgb(255,255,255);
}}