Videos
(Created page with " <style> .mwWidgetCardContainer { max-width: 100%; background: #E2F5FA; display: flex; justify-content: space-between; align-items: center; padding: 10px; box-sizing: border-box; } @media (max-width: 600px) { .mwWidgetCardContainer > span { font-size: 18px; } .mwWidgetContinueWatching svg { width: 40px;...")
Tag: 2017 source edit
 
No edit summary
Tag: 2017 source edit
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
    <style>
<style>
         .mwWidgetCardContainer {
         .mwWidgetCardContainer {
             max-width: 100%;
             max-width: 100%;
Line 9: Line 8:
             padding: 10px;
             padding: 10px;
             box-sizing: border-box;
             box-sizing: border-box;
            margin-top: 40px;
         }
         }


Line 19: Line 19:
                 width: 40px;
                 width: 40px;
                 height: 18px;
                 height: 18px;
            }
.mwWidgetContinueWatching {
                padding-right: 1px !important;
                text-decoration: none;
               
            }
.heading-widget {
                padding-left: 1px !important;
             }
             }
         }
         }
.mwWidgetContinueWatching {
    padding-right: 4em;
    text-decoration: none;
}
.heading-widget {
                padding-left: 4em;
                font-size: 25px;
            }
.mwWidgetContinueWatching svg {
    transition: transform 0.3s ease;
}
.mwWidgetContinueWatching:hover svg {
    transform: translateX(5px);
}
     </style>
     </style>
     <div class="mwWidgetCardContainer">
     <div class="mwWidgetCardContainer">
         <span style="color: black; font-size: 25px; font-family: Inter, sans-serif; font-weight: 700; word-wrap: break-word;">{{title|MDRIVEN DESIGNER OVERVIEW}}</span>
         <span class="heading-widget" style="color: black; font-weight: 700; word-wrap: break-word; "><!--{$heading|default:'Default Heading'}--></span>
         <a href="{{link|#}}" class="mwWidgetContinueWatching" style="color: #0060A8; font-size: 25px; font-family: Inter, sans-serif; font-weight: 700; word-wrap: break-word; display: flex; align-items: center;">
         <a href="<!--{$link|default:'#'}-->" class="mwWidgetContinueWatching" style="color: #0060A8; font-size: 25px; font-weight: 700; word-wrap: break-word; display: flex; align-items: center;">
             Continue watching
             Continue watching
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 24" fill="none" style="width: 55px; height: 24px;">
             <span style="margin-left: 10px;">
                <path d="M54.0607 13.0607C54.6465 12.4749 54.6465 11.5251 54.0607 10.9393L44.5147 1.3934C43.9289 0.807611 42.9792 0.807611 42.3934 1.3934C41.8076 1.97919 41.8076 2.92893 42.3934 3.51472L50.8787 12L42.3934 20.4853C41.8076 21.0711 41.8076 22.0208 42.3934 22.6066C42.9792 23.1924 43.9289 23.1924 44.5147 22.6066L54.0607 13.0607ZM0 13.5L53 13.5L53 10.5L0 10.5L0 13.5Z" fill="#0060A8"/>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 24" fill="none" style="width: 55px; height: 24px;">
             </svg>
                    <path d="M54.0607 13.0607C54.6465 12.4749 54.6465 11.5251 54.0607 10.9393L44.5147 1.3934C43.9289 0.807611 42.9792 0.807611 42.3934 1.3934C41.8076 1.97919 41.8076 2.92893 42.3934 3.51472L50.8787 12L42.3934 20.4853C41.8076 21.0711 41.8076 22.0208 42.3934 22.6066C42.9792 23.1924 43.9289 23.1924 44.5147 22.6066L54.0607 13.0607ZM0 13.5L53 13.5L53 10.5L0 10.5L0 13.5Z" fill="#0060A8"/>
                </svg>
             </span>
         </a>
         </a>
     </div>
     </div>

Latest revision as of 21:21, 20 January 2024

   <style>
       .mwWidgetCardContainer {
           max-width: 100%;
           background: #E2F5FA;
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 10px;
           box-sizing: border-box;
           margin-top: 40px;
       }

@media (max-width: 600px) {

           .mwWidgetCardContainer > span {
               font-size: 18px;
           }

.mwWidgetContinueWatching svg {

               width: 40px;
               height: 18px;
           }

.mwWidgetContinueWatching {

               padding-right: 1px !important;
               text-decoration: none;
               
           }

.heading-widget {

               padding-left: 1px !important;
           }
       }

.mwWidgetContinueWatching {

   padding-right: 4em;
   text-decoration: none;

}

.heading-widget {

               padding-left: 4em;
               font-size: 25px;
           }

.mwWidgetContinueWatching svg {

   transition: transform 0.3s ease;

}

.mwWidgetContinueWatching:hover svg {

   transform: translateX(5px);

}

   </style>
       
       <a href="" class="mwWidgetContinueWatching" style="color: #0060A8; font-size: 25px; font-weight: 700; word-wrap: break-word; display: flex; align-items: center;">
           Continue watching
           
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 24" fill="none" style="width: 55px; height: 24px;">
                   <path d="M54.0607 13.0607C54.6465 12.4749 54.6465 11.5251 54.0607 10.9393L44.5147 1.3934C43.9289 0.807611 42.9792 0.807611 42.3934 1.3934C41.8076 1.97919 41.8076 2.92893 42.3934 3.51472L50.8787 12L42.3934 20.4853C41.8076 21.0711 41.8076 22.0208 42.3934 22.6066C42.9792 23.1924 43.9289 23.1924 44.5147 22.6066L54.0607 13.0607ZM0 13.5L53 13.5L53 10.5L0 10.5L0 13.5Z" fill="#0060A8"/>
               </svg>
           
       </a>
This page was edited more than 8 months ago on 01/20/2024. What links here