Difference between revisions of "Template:FancySection"

From RPC Library
Jump to navigation Jump to search
Line 1: Line 1:
<div id="fancysection" style="font-size:{{{fontsize|14px}}};padding:0;width:{{{width|180px}}};display:inline-block;border:1px solid {{{bordercolor|#000}}}">
+
<div id="fancysection" style="font-size:{{{fontsize|14px}}};padding:0;width:{{{width|180px}}};display:inline-block;border:1px solid {{{bordercolor|#000}}};box-shadow:0 1px 6px {{{shadowcolor|#ccc}}};margin:0;-web-kit-tap-highlight-color: #000;position:relative;text-decoration:none;">
 
<div style="display:none">
 
<div style="display:none">
 
__NOEDITSECTION__
 
__NOEDITSECTION__
 
={{{sectiontitle|Section Title}}}=
 
={{{sectiontitle|Section Title}}}=
 
</div>
 
</div>
<div id="fancysectionheader" style="display:block;margin:0;padding:5px;font-size:110%;background-color:{{{titlebackground|#000}}};color:{{{titlecolor|#fff}}}">{{{sectiontitle|Section Title}}}</div>
+
<div id="fancysectionheader" style="display:block;margin:0;padding:5px;font-size:110%;background-color:{{{titlebackground|#000}}};color:{{{titlecolor|#fff}}};box-shadow:0 1px 3px -3px rgba(0,0,0.15);">{{{sectiontitle|Section Title}}}</div>
 
<div id="fancysectioncontent" style="display:block;padding:5px;font-size:100%;">{{{sectioncontent|content}}}</div>
 
<div id="fancysectioncontent" style="display:block;padding:5px;font-size:100%;">{{{sectioncontent|content}}}</div>
 
</div>
 
</div>
 +
<div id="fancysection" style="font-size:{{{fontsize|14px}}};padding:0;width:{{{width|180px}}};display:inline-block;border:1px solid {{{bordercolor|#000}}};box-shadow:0 1px 6px {{{shadowcolor|#ccc}}};margin:0;-web-kit-tap-highlight-color: #000;position:relative;text-decoration:none;border-radius:{{{bordercorner|0px}}};">
 +
<div id="fancysectionheader2" style="display:block;margin:0;font-size:110%;padding:5px;text-shadow:1px 1px 1px rgba(0,0,0.5);background: {{{titlebgcolor|#000}}};background: -moz-linear-gradient(top, {{{titlebgcolor|#000}}} 0%, {{{titlebgcolorhighlight|titlebgcolor|#333}}} 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{{{titlebgcolor|#000}}}), color-stop(100%,{{{titlebgcolorhighlight|titlebgcolor|#333}}}));background: -webkit-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|titlebgcolor|#333}}} 100%);background: -o-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|titlebgcolor|#333}}} 100%);background: -ms-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|titlebgcolor|#333}}} 100%);background: linear-gradient(to bottom, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|titlebgcolor|#333}}} 100%);border-color: #0487BD;    border-style: solid;border-width: 0 0 1px 0;box-sizing:content-box;color:#fff;text-shadow:1px 1px 1px #000;">{{{sectiontitle|Section Title}}}</div>
 +
<div id="fancysectioncontent2" style="display:block;padding:5px;font-size:100%;">{{{sectioncontent|content}}}</div>
 +
</div>
 +
<noinclude>
 +
 +
= Documentation =
 +
<nowiki>{{</nowiki>FancySection
 +
|width = 250px
 +
|fontsize = 14px
 +
|bordercolor = #000
 +
|bordercorner = 0px ''Border radius''
 +
|shadowcolor = #ccc
 +
|titlecolor = #fff;
 +
|titlebgcolor = #000;
 +
|titlebgcolorhighlight = #000;
 +
|sectiontitle = Section Title
 +
|sectioncontent = Content information goes here.
 +
<nowiki>}}</nowiki>
 +
</noinclude>

Revision as of 09:15, 12 October 2015

Section Title

Section Title
content
Section Title
content


Documentation

{{FancySection
|width = 250px
|fontsize = 14px
|bordercolor = #000
|bordercorner = 0px Border radius
|shadowcolor = #ccc
|titlecolor = #fff;
|titlebgcolor = #000;
|titlebgcolorhighlight = #000; 
|sectiontitle = Section Title
|sectioncontent = Content information goes here. 
}}