Difference between revisions of "Template:Suggested diving area style"

Revision as of 09:57, 3 March 2015 (view source) Sail-la-vie (Talk | contribs) ← Older edit		Revision as of 10:00, 3 March 2015 (view source) Sail-la-vie (Talk | contribs) Newer edit →
Line 1:		Line 1:
−	{{#css:Theone.css}}	+	{{#css:
		+	.mc-table {
		+	table-layout:auto;
		+	word-break:normal;
		+	font-size:15px;
		+	margin-bottom:30px;
		+	width:100%
		+	}
		+
		+	@media only screen and (max-width:64em) {
		+	.mc-table {
		+	overflow-x:auto;
		+	overflow-y:hidden;
		+	display:block
		+	}
		+	}
		+
		+	.mc-table th,.mc-table td {
		+	padding:6px 15px;
		+	vertical-align:top
		+	}
		+
		+	.mc-table th {
		+	word-break:normal;
		+	background-color:#ccebf3;
		+	border-bottom:1px solid #d0d0d0;
		+	font-weight:500
		+	}
		+
		+	.dijitTabContainer .mc-table th {
		+	padding-left:30px
		+	}
		+
		+	.mc-table td {
		+	border-bottom:1px dotted #d0d0d0
		+	}
		+
		+	.mc-table .button-small,.mc-table .button {
		+	margin:0 0 0 15px
		+	}
		+
		+	.mc-table .button-small:first-child,.mc-table .button:first-child {
		+	margin-left:0
		+	}
		+
		+	.mc-table .button-small.float-right:last-child,.mc-table .button.float-right:last-child {
		+	margin-left:0
		+	}
		+
		+	.mc-table .button-small.float-right:first-child,.mc-table .button.float-right:first-child {
		+	margin-left:15px
		+	}
		+
		+	.mc-table .badge {
		+	margin:0
		+	}
		+
		+	.mc-table strike {
		+	opacity:.7;
		+	font-weight:400;
		+	margin-right:6px
		+	}
		+
		+	@media only screen and (max-width:64em) {
		+	.queue-table .mc-table {
		+	display:table;
		+	white-space:nowrap
		+	}
		+	}
		+
		+	@media only screen and (max-width:31.25em) {
		+	.queue-table .mc-table {
		+	display:block
		+	}
		+	}
		+	.mc-table {
		+	table-layout:auto;
		+	word-break:normal;
		+	font-size:15px;
		+	margin-bottom:30px;
		+	width:100%
		+	}
		+
		+	@media only screen and (max-width:64em) {
		+	.mc-table {
		+	overflow-x:auto;
		+	overflow-y:hidden;
		+	display:block
		+	}
		+	}
		+
		+	.mc-table th,.mc-table td {
		+	padding:6px 15px;
		+	vertical-align:top
		+	}
		+
		+	.mc-table th {
		+	word-break:normal;
		+	background-color:#ccebf3;
		+	border-bottom:1px solid #d0d0d0;
		+	font-weight:500
		+	}
		+	.mc-table td {
		+	border-bottom:1px dotted #d0d0d0
		+	}
		+
		+	.mc-table .button-small,.mc-table .button {
		+	margin:0 0 0 15px
		+	}
		+
		+	.mc-table .button-small:first-child,.mc-table .button:first-child {
		+	margin-left:0
		+	}
		+
		+	.mc-table .button-small.float-right:last-child,.mc-table .button.float-right:last-child {
		+	margin-left:0
		+	}
		+
		+	.mc-table .button-small.float-right:first-child,.mc-table .button.float-right:first-child {
		+	margin-left:15px
		+	}
		+
		+	.mc-table .badge {
		+	margin:0
		+	}
		+
		+	.mc-table strike {
		+	opacity:.7;
		+	font-weight:400;
		+	margin-right:6px
		+	}
		+
		+	@media only screen and (max-width:64em) {
		+	.queue-table .mc-table {
		+	display:table;
		+	white-space:nowrap
		+	}
		+	}
		+
		+	@media only screen and (max-width:31.25em) {
		+	.queue-table .mc-table {
		+	display:block
		+	}
		+	}
		+	.mc-table {
		+	table-layout:auto;
		+	word-break:normal;
		+	font-size:15px;
		+	margin-bottom:30px;
		+	width:100%
		+	}
		+
		+	@media only screen and (max-width:64em) {
		+	.mc-table {
		+	overflow-x:auto;
		+	overflow-y:hidden;
		+	display:block
		+	}
		+	}
		+
		+	.mc-table th,.mc-table td {
		+	padding:6px 15px;
		+	vertical-align:top
		+	}
		+
		+	.mc-table th {
		+	word-break:normal;
		+	background-color:#ccebf3;
		+	border-bottom:1px solid #d0d0d0;
		+	font-weight:500
		+	}
		+
		+	.dijitTabContainer .mc-table th {
		+	padding-left:30px
		+	}
		+
		+	.mc-table td {
		+	border-bottom:1px dotted #d0d0d0
		+	}
		+
		+	.mc-table .button-small,.mc-table .button {
		+	margin:0 0 0 15px
		+	}
		+
		+	.mc-table .button-small:first-child,.mc-table .button:first-child {
		+	margin-left:0
		+	}
		+
		+	.mc-table .button-small.float-right:last-child,.mc-table .button.float-right:last-child {
		+	margin-left:0
		+	}
		+
		+	.mc-table .button-small.float-right:first-child,.mc-table .button.float-right:first-child {
		+	margin-left:15px
		+	}
		+
		+	.mc-table .badge {
		+	margin:0
		+	}
		+
		+	.mc-table strike {
		+	opacity:.7;
		+	font-weight:400;
		+	margin-right:6px
		+	}
		+
		+	@media only screen and (max-width:64em) {
		+	.queue-table .mc-table {
		+	display:table;
		+	white-space:nowrap
		+	}
		+	}
		+
		+	@media only screen and (max-width:31.25em) {
		+	.queue-table .mc-table {
		+	display:block
		+	}
		+	}
		+
		+	}}
	<table class="mc-table">		<table class="mc-table">
	<thead>		<thead>

---

Revision as of 10:00, 3 March 2015

{{#css: .mc-table {

   table-layout:auto;
   word-break:normal;
   font-size:15px;
   margin-bottom:30px;
   width:100%

}

@media only screen and (max-width:64em) { .mc-table {

   overflow-x:auto;
   overflow-y:hidden;
   display:block

} }

.mc-table th,.mc-table td {

   padding:6px 15px;
   vertical-align:top

}

.mc-table th {

   word-break:normal;
   background-color:#ccebf3;
   border-bottom:1px solid #d0d0d0;
   font-weight:500

}

.dijitTabContainer .mc-table th {

   padding-left:30px

}

.mc-table td {

   border-bottom:1px dotted #d0d0d0

}

.mc-table .button-small,.mc-table .button {

   margin:0 0 0 15px

}

.mc-table .button-small:first-child,.mc-table .button:first-child {

   margin-left:0

}

.mc-table .button-small.float-right:last-child,.mc-table .button.float-right:last-child {

   margin-left:0

}

.mc-table .button-small.float-right:first-child,.mc-table .button.float-right:first-child {

   margin-left:15px

}

.mc-table .badge {

   margin:0

}

.mc-table strike {

   opacity:.7;
   font-weight:400;
   margin-right:6px

}

@media only screen and (max-width:64em) { .queue-table .mc-table {

   display:table;
   white-space:nowrap

} }

@media only screen and (max-width:31.25em) { .queue-table .mc-table {

   display:block

} } .mc-table {

   table-layout:auto;
   word-break:normal;
   font-size:15px;
   margin-bottom:30px;
   width:100%

}

@media only screen and (max-width:64em) { .mc-table {

   overflow-x:auto;
   overflow-y:hidden;
   display:block

} }

.mc-table th,.mc-table td {

   padding:6px 15px;
   vertical-align:top

}

.mc-table th {

   word-break:normal;
   background-color:#ccebf3;
   border-bottom:1px solid #d0d0d0;
   font-weight:500

} .mc-table td {

   border-bottom:1px dotted #d0d0d0

}

.mc-table .button-small,.mc-table .button {

   margin:0 0 0 15px

}

.mc-table .button-small:first-child,.mc-table .button:first-child {

   margin-left:0

}

.mc-table .button-small.float-right:last-child,.mc-table .button.float-right:last-child {

   margin-left:0

}

.mc-table .button-small.float-right:first-child,.mc-table .button.float-right:first-child {

   margin-left:15px

}

.mc-table .badge {

   margin:0

}

.mc-table strike {

   opacity:.7;
   font-weight:400;
   margin-right:6px

}

@media only screen and (max-width:64em) { .queue-table .mc-table {

   display:table;
   white-space:nowrap

} }

@media only screen and (max-width:31.25em) { .queue-table .mc-table {

   display:block

} } .mc-table {

   table-layout:auto;
   word-break:normal;
   font-size:15px;
   margin-bottom:30px;
   width:100%

}

@media only screen and (max-width:64em) { .mc-table {

   overflow-x:auto;
   overflow-y:hidden;
   display:block

} }

.mc-table th,.mc-table td {

   padding:6px 15px;
   vertical-align:top

}

.mc-table th {

   word-break:normal;
   background-color:#ccebf3;
   border-bottom:1px solid #d0d0d0;
   font-weight:500

}

.dijitTabContainer .mc-table th {

   padding-left:30px

}

.mc-table td {

   border-bottom:1px dotted #d0d0d0

}

.mc-table .button-small,.mc-table .button {

   margin:0 0 0 15px

}

.mc-table .button-small:first-child,.mc-table .button:first-child {

   margin-left:0

}

.mc-table .button-small.float-right:last-child,.mc-table .button.float-right:last-child {

   margin-left:0

}

.mc-table .button-small.float-right:first-child,.mc-table .button.float-right:first-child {

   margin-left:15px

}

.mc-table .badge {

   margin:0

}

.mc-table strike {

   opacity:.7;
   font-weight:400;
   margin-right:6px

}

@media only screen and (max-width:64em) { .queue-table .mc-table {

   display:table;
   white-space:nowrap

} }

@media only screen and (max-width:31.25em) { .queue-table .mc-table {

   display:block

} }

}}

<thead> </thead> <tbody> </tbody>

Table header	Table header
{{{1}}}	{{{2}}}