Samburkeottawa

Joined 14 May 2020
451 bytes removed ,  09:39, 30 July 2020
m
no edit summary
Line 1: Line 1:  
__NOTOC__
 
__NOTOC__
   −
        <div class="alert alert-simple alert-primary>
+
<div class="alert alert-info">
      <p> <span class="start-icon times" role="presentation" aria-hidden="true">[[File:Promotion.png|25px|middle|link=]]</span> Well done! You successfully read this important notice.</p>
+
  <p><span class="header_icon" role="presentation" aria-hidden="true">[[File:Info.png|25px|middle|link=]]</span> Welcome to the GCwiki's new main page. We hope the content on this page is helpful to you. Let us know what you think or how we can improve this page by adding your comments to the [https://wiki.gccollab.ca/index.php?title=Talk:Main_Page&action=edit discussion section].</p>
 
</div>
 
</div>
 +
    
<br><br>
 
<br><br>
Line 10: Line 11:  
{{#css:
 
{{#css:
   −
.alert:before {
+
.alert {
    content: '';
+
padding: 10px;
    position: absolute;
+
margin-bottom: 23px;
    width: 0;
+
border: 1px solid transparent;
    transform: translate(0,-50%);
+
            }
    border-left: 1px solid;
  −
    border-right: 2px solid;
  −
    border-bottom-right-radius: 3px;
  −
    border-top-right-radius: 3px;
  −
    left: 0;
  −
    top: 40%;
  −
    height: 20px;
  −
}
  −
 
  −
.start-icon {
  −
    margin: 0px 5px 0px 15px;
  −
}
  −
 
  −
.alert-simple.alert-primary{
  −
    border: 1px solid rgba(38, 154, 188, 0.81);
  −
    background-color: rgba(1, 204, 220, 0.16);
  −
    box-shadow: 0px 0px 2px #03fff5;
  −
    color: rgb(17, 69, 85);
  −
}
  −
 
  −
.alert-primary:hover{
  −
  background-color: rgba(1, 204, 220, 0.4);
  −
  transition:0.5s;
  −
}
  −
 
     −
.times
+
.alert, .label {
{
+
border-radius: 0;
-webkit-animation: blink 2s 1 both;
+
border-style: solid;
        animation: blink 2s 1 both;
+
border-width: 0 0 0 4px;
}
+
            }
      −
@-webkit-keyframes blink {
+
.alert-info {
  0%,
+
background: #d7faff;
  50%,
+
border-color: #269abc;
  100% {
+
            }
    opacity: 1;
  −
  }
  −
  25%,
  −
  75% {
  −
    opacity: 0;
  −
  }
  −
}
  −
@keyframes blink {
  −
  0%,
  −
  50%,
  −
  100% {
  −
    opacity: 1;
  −
  }
  −
  25%,
  −
  75% {
  −
    opacity: 0;
  −
  }
  −
}
         
}}
 
}}