View source for User:Samuel.Burke/sandbox

__NOTOC__
<div class="mainpage_row">
	<div class="mainpage_box">
		<h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|30px|middle|link=]]</span><span> Welcome to the GCcollab Wiki!</span></h2>
		<div>
The GCcollab Wiki is a public wiki hosted by the Government of Canada to facilitate collaboration and knowledge sharing.
		</div>
 <div class="searchBar">Search for one of the <u>[[Special:AllPages|5,115 pages]]</u> in <u>[[Special:Categories|246 categories]]</u></div>
	</div>

<div class="mainpage_box">
		<h2>Featured Communities</h2>
		<div class="items">
<br>
{| style="text-align: center;"
|-  
| class="res-img" style="padding: 0px 10px" | [[File:FYN Logo.png|100px|link=https://wiki.gccollab.ca/FYN_Virtual_Learning_Series]]
| class="res-img" style="padding: 0px 10px" | [[File:Profile-FLEXGC.jpg|100px|link=https://gccollab.ca/groups/profile/1605187/enflexgcfrflexgc]]
| class="res-img" style="padding: 0px 10px" | [[File:CFA leaf.PNG|100px|link=https://wiki.gccollab.ca/Canada%27s_Free_Agents]]
|-
| style="padding: 0px 10px" | [[FYN_Virtual_Learning_Series|Federal Youth Network]]
| style="padding: 0px 10px" | [https://gccollab.ca/groups/profile/1605187/enflexgcfrflexgc FlexGC]
| style="padding: 0px 10px" | [[Canada%27s_Free_Agents|Canada's Free Agents]]
|}
Want to feature your wiki page or project? Send an image and brief description of your project to our [mailto:gctools-outils@tbs-sct.gc.ca inbox]!
<div class="btn">Email us</div>
		</div>
	</div>
</div>

<div id="misc-news" class="mainpage_row">
	<div class="mainpage_box">
		<h2>About the platform</h2>
		<div class="items">
<br>
{|style="text-align: center;"
|-  
| class="res-img" style="padding: 0px 10px" | [[File:Question mark icon.png|100px|link=https://wiki.gccollab.ca/wiki:About]]
| class="res-img" style="padding: 0px 10px" | [[File:Plus icon.png|100px|link=https://wiki.gccollab.ca/GCwiki:Cheatsheet_-_Aide-M%C3%A9moire#Wiki_Cheat_Sheet_.7C_Aide-m.C3.A9moire_Wiki]]
| class="res-img" style="padding: 0px 10px" | [[File:Chat icon.png|100px|link=https://support.gccollab.ca/en/support/home]]
|-
| style="padding: 0px 10px" | [[wiki:About|About the platform]]
| style="padding: 0px 10px" | [[GCwiki:Cheatsheet_-_Aide-M%C3%A9moire#Wiki_Cheat_Sheet_.7C_Aide-m.C3.A9moire_Wiki|Create a new page]]
| style="padding: 0px 10px" | [https://support.gccollab.ca/en/support/home Contact the Help Desk]
|}

		</div>
	</div>

	<div class="mainpage_box">
{{Special:IframePage/YouTube|path=B-WWpgvRSmE}}
	</div>
</div>


{{#css:

  .res-img img{
       max-width:100%;
       height:auto;
  }

  .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: 0px solid #CCC;
	padding: 10px 10px 10px 10px;
}

.mainpage_box h2 {
     color: rgb(109,82,139);
     font-family: 'Rubik', sans-serif;
     font-size: 22px;
  }

body {
     font-family: 'Nunito Sans', sans-serif;
}

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

.searchBar a {
        color: rgb(255,255,255);
}

}}