Changes

no edit summary
Line 168: Line 168:  
             }
 
             }
   −
.alert {
+
.alert:before {
padding: 10px;
+
content: '';
margin-bottom: 23px;
+
position: absolute;
border: 1px solid transparent;
+
width: 0;
 +
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;
 
             }
 
             }
   −
.alert, .label {
+
.start-icon {
border-radius: 0;
+
margin: 0px 5px 0px 15px;
border-style: solid;
  −
border-width: 0 0 0 4px;
   
             }
 
             }
    +
.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
 +
{
 +
-webkit-animation: blink 2s 1 both;
 +
        animation: blink 2s 1 both;
 +
            }
   −
.alert-info {
+
@-webkit-keyframes blink {
background: #d7faff;
+
  0%,
border-color: #269abc;
+
  50%,
 +
  100% {
 +
    opacity: 1;
 +
  }
 +
  25%,
 +
  75% {
 +
    opacity: 0;
 +
  }
 +
            }
 +
@keyframes blink {
 +
  0%,
 +
  50%,
 +
  100% {
 +
    opacity: 1;
 +
  }
 +
  25%,
 +
  75% {
 +
    opacity: 0;
 +
  }
 
             }
 
             }
   Line 190: Line 231:  
<multilang>  
 
<multilang>  
 
@en|__NOTOC__
 
@en|__NOTOC__
<div class="alert alert-info">
+
 
  <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 class="alert alert-simple alert-primary>
 +
      <p> <span class="start-icon times" role="presentation" aria-hidden="true">[[File:Promotion.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>