Template:Wn/bn/Xambox/শৈলী.css

/* Explicit article message box template styles */
table.xambox {
  width: 80%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 1px solid #a2a9b1;
  border-left: 10px solid #36c;  /* Default "notice" blue */
  background-color: #fbfbfb;
  box-sizing: border-box;
}

.xambox + link + .xambox,
.xambox + link + style + .xambox,
.xambox + link + link + .xambox,
/* TODO: raise these as "is this really that necessary???". the change was Dec 2021 */
.xambox + .mw-empty-elt + link + .xambox,
.xambox + .mw-empty-elt + link + style + .xambox,
.xambox + .mw-empty-elt + link + link + .xambox {
	margin-top: -1px;
}

table.xambox th, table.xambox td { /* The message body cell(s) */
  padding: 0.25em 0.5em; /* 0.5em left/right */
}

table.xambox td.xambox-image { /* The left image cell */
    width: 52px;
    border: none;
	padding: 2px 0 2px 0.5em;
	text-align: center;
}

table.xambox td.xambox-imageright { /* The right image cell */
  width: 52px;
  padding: 2px 0.5em 2px 0px; /* 0px left, 0.5em right */
  text-align: center;
}

table.xambox-mobile {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 1px solid #a2a9b1;
  border-left: 10px solid #36c; 
  background-color: #fbfbfb;
  box-sizing: border-box;
}

table.xambox-mobile th, table.xambox-mobile td { /* message body cell(s) */
  padding: 0.25em 0.5em; /* 0.5em left/right */
}

table.xambox-mobile td.xambox-image { /* left image cell */
  width: 52px;
   border: none;
	padding: 2px 0 2px 0.5em;
	text-align: center;
}

table.xambox-mobile td.xambox-imageright { /* right image cell */
  width: 52px;
  padding: 2px 0px; /* 0px left/right */
  text-align: center;
}

table.xambox-type-notice {
  border-left: 10px solid #39f; /* Blue */
}

table.xambox-type-serious {
  border-left: 10px solid #b32424;    /* Red */
	background-color: #fee7e6;          /* Pink */
}

table.xambox-type-content {
  border-left: 10px solid #f63; /* Orange */
}

table.xambox-type-style {
  border-left: 10px solid #fc3; /* Yellow */
}

table.xambox-type-merge {
  border-left: 10px solid #95b; /* Purple */
}

html.client-js body.skin-minerva .xambox-text-span {
	margin-left: 23px !important;
}

@media (min-width: 720px) {
	.xambox {
		margin: 0 10%;          
	}
}

@media only screen and (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .mobile-only {
    display: none !important;
  }
}