🔧 remove announcement border space on small device

lxgw

style.cfg

@@ -21,7 +21,7 @@
 # General Information about this style
 name = mdp
 copyright = © mdp material style by BobMaster, 2022
-style_version = 1.0.0
+style_version = 1.0.2
 phpbb_version = 3.3.7
 
 # Defining a different template bitfield

template/overall_header.html

@@ -48,9 +48,6 @@
 	})(document);
 </script>
 <!-- ENDIF -->
-<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
-<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
-<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
 
 <!-- MDUI CSS -->
 <link
@@ -60,6 +57,11 @@
   crossorigin="anonymous"
 />
 
+<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
+<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
+<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
+
+
 <!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
 	<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
 <!-- ENDIF -->

template/viewtopic_body.html

@@ -336,7 +336,7 @@
 			</p>
 			<!-- ENDIF -->
 
-			<div class="content mdui-typo">{postrow.MESSAGE}</div>
+			<article class="content mdui-typo">{postrow.MESSAGE}</article>
 
 			<!-- EVENT viewtopic_body_postrow_content_after -->
 

theme/colours.css

@@ -50,12 +50,12 @@ a:hover { color: #D31141; }
 
 /* Post body links */
 .postlink {
-	border-bottom-color: #368AD2;
+	/* border-bottom-color: #368AD2; */
 	color: #368AD2;
 }
 
 .postlink:visited {
-	border-bottom-color: #5D8FBD;
+	/* border-bottom-color: #5D8FBD; */
 	color: #5D8FBD;
 }
 

theme/css/mdui-custom.css

@@ -20,8 +20,7 @@ font-family: 'ZCOOL KuaiLe', cursive;
     margin: 10px 0;
     padding: 15px 15px 15px 35px;
     border: 1px solid #eac946;
-    background: #fff4b9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAAHpk4xqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRF6slG/9gA/9kG/9kJ/9oP/9sS/9wX/94k/94l/94q/98r/98s/+6O/+6P/+6Q/++U/++V/++Y//Ov//Ow//W7//W8//XA//jU//nW//nX//nY//nb//rc//3z//30//74//75//76///8///9////6hgjbAAAANFJREFUKM+lUIsOgjAMpGOgvMEXzhc4+v/faGkHGSqJiU3G7XrlelkQcCGC+wAAdyCHADaZcOAiRI0982fm5oJZhRpHB0ABKwBlO2qTgVfMKpoaQsforukUMzvRaYWp0RaPX1wW9bFgydRAJs3E6J4jVsIKt11Yv2DGZRGW0W2LaJ3LgZOpaV96eZQr2/3QsFK/SUluuu6cJ++SkjDyVsqXUsvNKGKwqScZmdda0HhSL604Frx7UiGt602w9GPU3NrtGepleFUN8sfQhH++xmq9AFOvGu1uyrj9AAAAAElFTkSuQmCC) -1px -1px no-repeat;
+    background: #fff4b9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAAHpk4xqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRF6slG/9gA/9kG/9kJ/9oP/9sS/9wX/94k/94l/94q/98r/98s/+6O/+6P/+6Q/++U/++V/++Y//Ov//Ow//W7//W8//XA//jU//nW//nX//nY//nb//rc//3z//30//74//75//76///8///9////6hgjbAAAANFJREFUKM+lUIsOgjAMpGOgvMEXzhc4+v/faGkHGSqJiU3G7XrlelkQcCGC+wAAdyCHADaZcOAiRI0982fm5oJZhRpHB0ABKwBlO2qTgVfMKpoaQsforukUMzvRaYWp0RaPX1wW9bFgydRAJs3E6J4jVsIKt11Yv2DGZRGW0W2LaJ3LgZOpaV96eZQr2/3QsFK/SUluuu6cJ++SkjDyVsqXUsvNKGKwqScZmdda0HhSL604Frx7UiGt602w9GPU3NrtGepleFUN8sfQhH++xmq9AFOvGu1uyrj9AAAAAElFTkSuQmCC) -1px -1px no-repeat;    color: #ad9948
-    color: #ad9948
 }
 
 .sc_error {
@@ -108,7 +107,7 @@ font-family: 'ZCOOL KuaiLe', cursive;
     -moz-box-shadow:0 2px 10px 1px rgba(0,0,0,.2);
     -webkit-box-shadow:0 2px 10px 1px rgba(0,0,0,.2);
     text-shadow:0 1px 0 #f6ef97;
-    position:relative;
+    position:unset;
     top:0;
     left:0;
     z-index:2;
@@ -120,35 +119,10 @@ font-family: 'ZCOOL KuaiLe', cursive;
 .ipage p {
 position:relative;
 line-height:2.2rem!important;
-text-indent:2em;
+font-family:"LXGW WenKai";
-font-family:'Architects Daughter',cursive!important;
 font-size:1.45rem!important
 }
-.ipage::before {
-content:" ";
-display:inline-block;
-position:absolute;
-top:0;
-bottom:0;
-right:52px;
-z-index:4;
-width:4px;
-height:100%;
-border-left:1px solid #fca1a1
-}
 
-.ipage:after {
-content:" ";
-display:inline-block;
-position:absolute;
-top:0;
-bottom:0;
-left:52px;
-z-index:3;
-width:4px;
-height:100%;
-border-left:4px double #fca1a1
-}
 .ipage p {
 padding:0 2em;
 color:#333!important
@@ -171,8 +145,15 @@ padding:0 .9em
 }
 }
 
+@media (max-width: 600px) {
+div #phpbb_announcement {
+        border-radius: 0px;
+}
+}
+
 p.time {
     margin-bottom: 0;
+    font-family: Verdana, Helvetica, Arial, sans-serif;
 }
 
 div.time-container {
@@ -298,6 +279,25 @@ div#abbc3_buttons {
     vertical-align: unset;
 }
 
+dl.bg-y-15-percent {
+    background-position-y: 15%;
+}
+
+.postbody h3 {
+    float: unset;
+}
+
+article.mdui-typo  a {
+    overflow: unset;
+    vertical-align: unset;
+}
+
+@media (max-width: 900px) {
+    dl.row-item {
+        background-position-y: 15%;
+    }
+}
+
 @media (max-width: 600px) {
     div.index-left > div.forabg-index-left  {
         border-top-left-radius: 0;
@@ -352,3 +352,67 @@ div#abbc3_buttons {
     }    
 }
 
+@media (max-width: 700px) {
+.wrap {
+        padding: 0px;
+}
+}
+
+.image-gallery {
+  /* Mobile first */
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.image-gallery .column {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.image-item img {
+  width: 100%;
+  border-radius: 5px;
+  height: 100%;
+  object-fit: cover;
+}
+
+@media only screen and (min-width: 768px) {
+  .image-gallery {
+    flex-direction: row;
+  }
+}
+
+/* overlay styles */
+
+.image-item {
+  position: relative;
+  cursor: pointer;
+}
+
+.overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgba(57, 57, 57, 0.502);
+  top: 0;
+  left: 0;
+  transform: scale(0);
+  transition: all 0.2s 0.1s ease-in-out;
+  color: #fff;
+  /* center overlay content */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* hover */
+.image-item:hover .overlay {
+  transform: scale(1);
+}
+
+/* mdui-typo */
+.mdui-typo code, .mdui-typo kbd, .mdui-typo pre, .mdui-typo pre tt, .mdui-typo samp {
+        font-family: 'LXGW WenKai Screen',Consolas,Courier,'Courier New',monospace;
+}