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}}};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="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 style="display:none">
 
<div style="display:none">
={{{sectiontitle|Section Title}}}=
+
=={{{sectiontitle|Section Title}}}==
 
</div>
 
</div>
 
<div id="fancysectionheader2" style="display:block;margin:0;font-size:{{{titlesize|120%}}};padding:5px;text-shadow:1px 1px 1px rgba(0,0,0.5);background: {{{titlebgcolor|#000}}};background: -moz-linear-gradient(top, {{{titlebgcolor|#000}}} 0%, {{{titlebgcolorhighlight|#999}}} 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{{{titlebgcolor|#000}}}), color-stop(100%,{{{titlebgcolorhighlight|#999}}}));background: -webkit-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|#999}}} 100%);background: -o-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|#999}}} 100%);background: -ms-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|#999}}} 100%);background: linear-gradient(to bottom, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|#999}}} 100%);border-color: #0487BD;border-style: solid;border-width: 0 0 1px 0;box-sizing:content-box;color:{{{titlecolor|#fff}}};text-shadow:1px 1px 1px {{{titleshadow|#000}}};">{{FancyIcon-switch |icon={{{icon|default}}} |iconsize={{{iconsize|25px}}}}} {{{sectiontitle|Section Title}}}</div>
 
<div id="fancysectionheader2" style="display:block;margin:0;font-size:{{{titlesize|120%}}};padding:5px;text-shadow:1px 1px 1px rgba(0,0,0.5);background: {{{titlebgcolor|#000}}};background: -moz-linear-gradient(top, {{{titlebgcolor|#000}}} 0%, {{{titlebgcolorhighlight|#999}}} 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{{{titlebgcolor|#000}}}), color-stop(100%,{{{titlebgcolorhighlight|#999}}}));background: -webkit-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|#999}}} 100%);background: -o-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|#999}}} 100%);background: -ms-linear-gradient(top, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|#999}}} 100%);background: linear-gradient(to bottom, {{{titlebgcolor|#000}}} 0%,{{{titlebgcolorhighlight|#999}}} 100%);border-color: #0487BD;border-style: solid;border-width: 0 0 1px 0;box-sizing:content-box;color:{{{titlecolor|#fff}}};text-shadow:1px 1px 1px {{{titleshadow|#000}}};">{{FancyIcon-switch |icon={{{icon|default}}} |iconsize={{{iconsize|25px}}}}} {{{sectiontitle|Section Title}}}</div>

Revision as of 13:11, 12 October 2015

Section Title

Glass-circle.png Section Title
content


Documentation

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