Wapkiz এ Trickbd এর মতোন Forum সাইট বানানোর Orginal Css Theme [With Out WikiBN Credit] [Request Tune]

আসসালামু ওয়ালাইকুম। আশা করছি ভালো আসেন। কিছুদিন আগে ওয়াপকিজে আমারটিপ্সর মতোন ফোরাম সাইট বানানোর টিটোরিয়াল দিয়েছিলাম কিন্তু Main Css Theme Encode এ করা ছিল। আর এতে আমার সাইটের ক্রেডিট ছিল। অনেক দিন ধরে অনেকেই আমার কাছ রিকুয়েস্ট করেছেন Trickbd এর Main Css Theme টা শেয়ার দেওয়ার জন্য। আর, তাই আজকের এই টিউনে আমি আপনাদের নিকট Trickbd এর Main Css Theme কোডটি শেয়ার করব। কিন্তু যার Wapkiz এ Trickbd এর মতোন ফোরাম সাইট বানানোর টিউটোরিয়াল গুলোন দেখেননি তারা দেখে নিন –

[ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Proof Part}

[ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-1/Settings Change}

[
[ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-2/Meta Tag}

[ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-3/Header and Footer}

[ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-4/Page Design-1

★Main Part -1★ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-5/Page Design-2}

[ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-6/Login & Reg}

★Last Design★ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-7/Home page}

{Admin Discussion} Wapkiz এ বানান amartips এর মতোন ফোরাম সাইট [Last Part]

amartips Css theme for Wapkiz

<br /><br />
* {<br /><br />
margin: 0;<br /><br />
padding: 0<br /><br />
}</p><br />
<p>body {<br /><br />
width: 100%;<br /><br />
font-family: Verdana, Arial, sans-serif;<br /><br />
font-size: 14px;<br /><br />
background: #dcdee3<br /><br />
}</p><br />
<p>a {<br /><br />
text-decoration: none;<br /><br />
color: blue<br /><br />
}</p><br />
<p>a:visited {<br /><br />
text-decoration: none;<br /><br />
color: blue<br /><br />
}</p><br />
<p>a:hover {<br /><br />
text-decoration: underline;<br /><br />
color: blue<br /><br />
}</p><br />
<p>.pad4 {<br /><br />
padding: 4px<br /><br />
}</p><br />
<p>.block_header {<br /><br />
background: #f5f5f5<br /><br />
}</p><br />
<p>.header_logo {<br /><br />
background: #eee<br /><br />
}</p><br />
<p>.header_logo img {<br /><br />
max-width: 170px;<br /><br />
padding: 3px<br /><br />
}</p><br />
<p>.header_logo h1 {<br /><br />
color: #000;<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.header_logo a:hover {<br /><br />
color: #000;<br /><br />
text-decoration: none<br /><br />
}</p><br />
<p>.block_top_menu {<br /><br />
clear: both;<br /><br />
background: #23282d<br /><br />
}</p><br />
<p>.block_top_menu ul {<br /><br />
list-style: none;<br /><br />
background: #23282d<br /><br />
}</p><br />
<p>.block_top_menu ul li {<br /><br />
text-align: center;<br /><br />
width: 32%;<br /><br />
text-align: center;<br /><br />
background: #23282d;<br /><br />
display: inline-block<br /><br />
}</p><br />
<p>.block_top_menu ul li:hover {<br /><br />
background: #333<br /><br />
}</p><br />
<p>.block_top_menu ul li a {<br /><br />
padding: 5px 0;<br /><br />
color: #bdc1c9;<br /><br />
display: inline-block;<br /><br />
width: 100%;<br /><br />
font-family: verdana<br /><br />
}</p><br />
<p>.block_top_menu ul li a:hover {<br /><br />
text-decoration: none<br /><br />
}</p><br />
<p>.block_fotter {<br /><br />
padding: 5px;<br /><br />
border-top: 1px solid #ddd;<br /><br />
text-align: center;<br /><br />
padding-top: 8px<br /><br />
}</p><br />
<p>div.block_fotter,<br /><br />
div.footer_left,<br /><br />
div.footer_left {<br /><br />
background: #333<br /><br />
}</p><br />
<p>.block_fotter ul {<br /><br />
list-style: none;<br /><br />
text-align: left<br /><br />
}</p><br />
<p>.block_fotter ul li {<br /><br />
display: block;<br /><br />
color: #ddd<br /><br />
}</p><br />
<p>.block_fotter ul li a {<br /><br />
text-align: center;<br /><br />
font-size: small;<br /><br />
color: #bdc1c9;<br /><br />
padding: 2px;<br /><br />
display: inline-block<br /><br />
}</p><br />
<p>.switch_pc {<br /><br />
margin-top: 15px<br /><br />
}</p><br />
<p>.switch_pc a {<br /><br />
color: #ddd;<br /><br />
border: 1px solid #ddd;<br /><br />
padding: 2px 0;<br /><br />
display: block<br /><br />
}</p><br />
<p>.switch_pc a:hover {<br /><br />
text-decoration: none<br /><br />
}</p><br />
<p>.footer_left {<br /><br />
float: left;<br /><br />
width: 48%<br /><br />
}</p><br />
<p>.footer_right {<br /><br />
width: 100%<br /><br />
}</p><br />
<p>.login_box {<br /><br />
border: 1px solid #ddd;<br /><br />
padding: 2px;<br /><br />
font-size: 12px;<br /><br />
text-align: center;<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.say_hi {<br /><br />
font-size: 12px<br /><br />
}</p><br />
<p>.block_notice {<br /><br />
border: 1px solid #ddd<br /><br />
}</p><br />
<p>.block_general {<br /><br />
border: 1px solid #ddd<br /><br />
}</p><br />
<p>.block_general p {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.block_notice p {<br /><br />
padding: 5px;<br /><br />
font-family: trebuchet ms<br /><br />
}</p><br />
<p>.block_posts {<br /><br />
border: 1px solid #ddd<br /><br />
}</p><br />
<p>.block_single {<br /><br />
border: 1px solid #ddd;<br /><br />
overflow: hidden<br /><br />
}</p><br />
<p>.block_404 {<br /><br />
border: 1px solid #ddd;<br /><br />
overflow: hidden<br /><br />
}</p><br />
<p>.post_paragraph {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.post_paragraph li {}</p><br />
<p>div.post_paragraph {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>div.post_paragraph img {<br /><br />
margin: 2px 0<br /><br />
}</p><br />
<p>div.post_paragraph p {<br /><br />
padding: 5px 0<br /><br />
}</p><br />
<p>.author_single {<br /><br />
padding: 2px;<br /><br />
border-bottom: 1px solid #ddd<br /><br />
}</p><br />
<p>.author_single td {<br /><br />
vertical-align: top<br /><br />
}</p><br />
<p>.author_single .avatar {<br /><br />
padding: 2px;<br /><br />
border: 1px solid #ddd<br /><br />
}</p><br />
<p>td.avata_post {<br /><br />
width: 65px<br /><br />
}</p><br />
<p>td.author_name {<br /><br />
padding: 5px;<br /><br />
float: left<br /><br />
}</p><br />
<p>td.right_post_info {<br /><br />
float: right;<br /><br />
font-size: 13px<br /><br />
}</p><br />
<p>div.user_role {<br /><br />
font-size: 12px;<br /><br />
color: #333<br /><br />
}</p><br />
<p>div.user_role:first-letter {<br /><br />
text-transform: uppercase<br /><br />
}</p><br />
<p>.post_rate {<br /><br />
margin-top: 5px;<br /><br />
font-size: 13px<br /><br />
}</p><br />
<p>.post_rate a {<br /><br />
margin-top: 5px;<br /><br />
font-size: 13px;<br /><br />
color: #000<br /><br />
}</p><br />
<p>.post_rate a:hover {<br /><br />
text-decoration: none;<br /><br />
color: #444<br /><br />
}</p><br />
<p>.post_options {<br /><br />
padding: 5px;<br /><br />
font-size: 14px;<br /><br />
background: #f5f5f5;<br /><br />
border-top: 1px solid #eee<br /><br />
}</p><br />
<p>.rpul {}</p><br />
<p>ul.rpul li {<br /><br />
padding: 5px;<br /><br />
border-bottom: 1px solid #ddd;<br /><br />
display: block;<br /><br />
min-height: 65px<br /><br />
}</p><br />
<p>ul.rpul li:last-child {<br /><br />
padding: 5px;<br /><br />
border-bottom: 0<br /><br />
}</p><br />
<p>ul.rpul img {<br /><br />
float: left;<br /><br />
padding: 1px;<br /><br />
border: 1px solid #f4f4f4;<br /><br />
margin-right: 3px;<br /><br />
width: 60px;<br /><br />
height: 60px<br /><br />
}</p><br />
<p>ul.rpul p {<br /><br />
display: block;<br /><br />
font-size: 13px<br /><br />
}</p><br />
<p>ul.rpul p a {<br /><br />
display: inline-block;<br /><br />
font-size: 13px;<br /><br />
color: #000<br /><br />
}</p><br />
<p>ul.rpul a {<br /><br />
font-size: 15px<br /><br />
}</p><br />
<p>.spu {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.block_category {<br /><br />
border: 1px solid #ddd<br /><br />
}</p><br />
<p>.block_404 p {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.block_404 h1 {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.block_category ul li {<br /><br />
padding: 5px;<br /><br />
border-bottom: 1px solid #ddd<br /><br />
}</p><br />
<p>.block_category ul li:before {<br /><br />
content: ” › “<br /><br />
}</p><br />
<p>.block_category ul li:last-child {<br /><br />
padding: 5px;<br /><br />
border-bottom: 0<br /><br />
}</p><br />
<p>.block_notice,<br /><br />
.block_category,<br /><br />
.block_posts,<br /><br />
.block_404,<br /><br />
.block_general,<br /><br />
.block_single,<br /><br />
.author_block,<br /><br />
.block_comment,<br /><br />
.related_post {<br /><br />
margin: 4px;<br /><br />
background: #fff<br /><br />
}</p><br />
<p>.block_notice h2,<br /><br />
.block_posts h2,<br /><br />
.block_category h2,<br /><br />
.block_single&gt;h1,<br /><br />
.block_404 h2,<br /><br />
.block_general h2,<br /><br />
.related_post h3,<br /><br />
.author_block h2 {<br /><br />
font-size: 15px;<br /><br />
background: #f5f5f5;<br /><br />
padding: 5px;<br /><br />
border-bottom: 1px solid #ddd<br /><br />
}</p><br />
<p>.main_nav {<br /><br />
display: block;<br /><br />
overflow: hidden;<br /><br />
background: #333;<br /><br />
border-bottom: 2px solid #ff2f2f<br /><br />
}</p><br />
<p>.main_nav ul {<br /><br />
list-style: none;<br /><br />
margin: 0;<br /><br />
padding: 0<br /><br />
}</p><br />
<p>.main_nav ul li {<br /><br />
float: left;<br /><br />
padding: 5px;<br /><br />
border-right: 1px solid #222;<br /><br />
font-family: trebuchet ms;<br /><br />
transition: .3s<br /><br />
}</p><br />
<p>.main_nav ul li:hover {<br /><br />
background: #ff2f2f<br /><br />
}</p><br />
<p>.main_nav a {<br /><br />
color: #bdc1c9;<br /><br />
line-height: 16px;<br /><br />
transition: .3s<br /><br />
}</p><br />
<p>.main_nav ul li.trickbd_payment_icon {<br /><br />
border-right: 0!important;<br /><br />
float: right!important;<br /><br />
padding: 0;<br /><br />
margin-right: 4px;<br /><br />
padding-top: 2px;<br /><br />
padding-bottom: 1px<br /><br />
}</p><br />
<p>.main_nav ul li.trickbd_payment_icon a {<br /><br />
color: #000;<br /><br />
font-size: 15px;<br /><br />
border-radius: 50%;<br /><br />
background: #fff;<br /><br />
height: 22px;<br /><br />
width: 22px;<br /><br />
display: inline-flex;<br /><br />
text-align: center;<br /><br />
align-items: center;<br /><br />
justify-content: center<br /><br />
}</p><br />
<p>.main_nav ul li.trickbd_payment_icon:hover {<br /><br />
background: #333<br /><br />
}</p><br />
<p>.main_nav ul li.trickbd_payment_icon:hover a {<br /><br />
background: #e74c3c;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.main_nav a:hover {<br /><br />
text-decoration: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.breadcumbs {<br /><br />
background: none repeat scroll 0 0 #f4f4f4;<br /><br />
border-bottom: 1px solid #eee;<br /><br />
font-size: 12px;<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.breadcumbs_single {<br /><br />
padding: 5px;<br /><br />
margin: 4px;<br /><br />
font-size: 12px;<br /><br />
background: #f5f5f5;<br /><br />
border: 1px solid #ddd<br /><br />
}</p><br />
<p>.wp-pagenavi {<br /><br />
clear: both;<br /><br />
margin: 10px 4px<br /><br />
}</p><br />
<p>.wp-pagenavi a,<br /><br />
.wp-pagenavi span {<br /><br />
background: #fff<br /><br />
}</p><br />
<p>.wp-pagenavi span.current {<br /><br />
background: #e5e5e5 none repeat scroll 0 0;<br /><br />
border: 1px solid #999;<br /><br />
font-weight: 400<br /><br />
}</p><br />
<p>.related_post {<br /><br />
border: 1px solid #ddd;<br /><br />
margin: 4px<br /><br />
}</p><br />
<p>div.related_post ul li {<br /><br />
border-bottom: 1px solid #f5f5f5;<br /><br />
padding: 4px;<br /><br />
min-height: 65px<br /><br />
}</p><br />
<p>div.related_post ul li:last-child {<br /><br />
border-bottom: none;<br /><br />
padding: 4px<br /><br />
}</p><br />
<p>div.related_post ul li p {<br /><br />
font-size: 12px<br /><br />
}</p><br />
<p>div.related_post ul li img {<br /><br />
border: 1px solid #f4f4f4;<br /><br />
float: left;<br /><br />
height: 60px;<br /><br />
margin-right: 3px;<br /><br />
padding: 1px;<br /><br />
width: 60px<br /><br />
}</p><br />
<p>.author_block {<br /><br />
border: 1px solid #ddd<br /><br />
}</p><br />
<p>.author_block img {<br /><br />
border: 1px solid #ddd;<br /><br />
border: 1px solid #f4f4f4;<br /><br />
padding: 1px<br /><br />
}</p><br />
<p>.author_block td {<br /><br />
vertical-align: top<br /><br />
}</p><br />
<p>.author_info {<br /><br />
padding: 4px;<br /><br />
border-top: 1px solid #ddd<br /><br />
}</p><br />
<p>.author_info span {<br /><br />
color: #333<br /><br />
}</p><br />
<p>.ad_block {<br /><br />
border: 1px solid #ddd;<br /><br />
background: #f5f5f5<br /><br />
}</p><br />
<p>.ad_block&gt;h2 {<br /><br />
border-bottom: 1px solid #ddd;<br /><br />
display: inline-block;<br /><br />
font-size: 10px;<br /><br />
font-weight: 400<br /><br />
}</p><br />
<p>.ad_block ul {<br /><br />
list-style: none;<br /><br />
margin: 0;<br /><br />
padding: 0<br /><br />
}</p><br />
<p>.block_comment {<br /><br />
border: 1px solid #ddd<br /><br />
}</p><br />
<p>.block_comment h3 {<br /><br />
font-size: 15px;<br /><br />
background: #f5f5f5;<br /><br />
padding: 5px;<br /><br />
border-bottom: 1px solid #ddd;<br /><br />
margin-bottom: 4px;<br /><br />
margin-top:<br /><br />
}</p><br />
<p>.commentlist ul,<br /><br />
.commentlist ol {<br /><br />
list-style: none<br /><br />
}</p><br />
<p>.commentlist .children {<br /><br />
margin-left: 15px;<br /><br />
border-left: 1px solid #e1e1e1<br /><br />
}</p><br />
<p>.comment-body {<br /><br />
display: block;<br /><br />
padding: 10px;<br /><br />
border-bottom: 1px solid #ddd;<br /><br />
min-height: 65px;<br /><br />
position: relative<br /><br />
}</p><br />
<p>.comment-body p {<br /><br />
margin-left: 40px<br /><br />
}</p><br />
<p>.commentlist .avatar {<br /><br />
border: 1px solid #e1e1e1;<br /><br />
float: left;<br /><br />
padding: 1px<br /><br />
}</p><br />
<p>.commentmetadata {<br /><br />
margin-top: 3px;<br /><br />
display: inline;<br /><br />
float: right;<br /><br />
position: absolute;<br /><br />
right: 0<br /><br />
}</p><br />
<p>.commentmetadata a {<br /><br />
color: #757575;<br /><br />
font-size: 12px;<br /><br />
vertical-align: top<br /><br />
}</p><br />
<p>.reply {<br /><br />
min-height: 15px<br /><br />
}</p><br />
<p>.commentlist .reply a {<br /><br />
position: absolute;<br /><br />
bottom: 0;<br /><br />
right: 0;<br /><br />
background: #e7e7e7;<br /><br />
padding: 3px 10px;<br /><br />
font-size: 11px;<br /><br />
color: #000<br /><br />
}</p><br />
<p>.commentlist .reply a:hover {<br /><br />
background: #f5f5f5;<br /><br />
color: #000;<br /><br />
text-decoration: none<br /><br />
}</p><br />
<p>.says {<br /><br />
display: none<br /><br />
}</p><br />
<p>.fn {<br /><br />
font-family: sans-serif;<br /><br />
font-style: normal;<br /><br />
font-weight: 700;<br /><br />
margin-left: 7px<br /><br />
}</p><br />
<p>.comment-author.vcard {<br /><br />
margin-left: 5px<br /><br />
}</p><br />
<p>.commentlist p {<br /><br />
font-size: 14px;<br /><br />
display: block;<br /><br />
overflow: hidden;<br /><br />
position: relative;<br /><br />
padding: 4px<br /><br />
}</p><br />
<p>#respond&gt;div {<br /><br />
background: none repeat scroll 0 0 #e7e7e7;<br /><br />
display: inline-block;<br /><br />
float: right;<br /><br />
margin-top: -4px;<br /><br />
padding: 3px 10px;<br /><br />
text-align: right<br /><br />
}</p><br />
<p>#cancel-comment-reply a {<br /><br />
color: #000<br /><br />
}</p><br />
<p>#cancel-comment-reply a:hover {<br /><br />
color: #000;<br /><br />
text-decoration: none;<br /><br />
background: #f4f4f4<br /><br />
}</p><br />
<p>div.block_comment div#respond h3 {<br /><br />
margin-top: 0<br /><br />
}</p><br />
<p>div#respond form#commentform {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>div.block_comment textarea#comment {<br /><br />
max-width: 90%<br /><br />
}</p><br />
<p>div.block_comment form#commentform p {<br /><br />
padding: 4px<br /><br />
}</p><br />
<p>.post_paragraph img {<br /><br />
max-width: 100%;<br /><br />
height: auto<br /><br />
}</p><br />
<p>.post_paragraph ul {<br /><br />
margin: 0 0 10px 5px<br /><br />
}</p><br />
<p>.post_paragraph h1 {<br /><br />
font-weight: 400;<br /><br />
border-bottom: 2px solid lightgrey;<br /><br />
display: inline-block;<br /><br />
margin: 5px 0<br /><br />
}</p><br />
<p>.post_paragraph h2 {<br /><br />
font-weight: 400;<br /><br />
border-bottom: 2px solid lightgrey;<br /><br />
display: inline-block;<br /><br />
margin: 5px 0<br /><br />
}</p><br />
<p>.post_paragraph h3 {<br /><br />
font-weight: 400;<br /><br />
border-bottom: 2px solid lightgrey;<br /><br />
display: inline-block;<br /><br />
margin: 5px 0<br /><br />
}</p><br />
<p>.post_paragraph h4 {<br /><br />
font-weight: 400;<br /><br />
border-bottom: 2px solid lightgrey;<br /><br />
display: inline-block;<br /><br />
margin: 5px 0<br /><br />
}</p><br />
<p>.post_paragraph h5 {<br /><br />
font-weight: 400;<br /><br />
border-bottom: 2px solid lightgrey;<br /><br />
display: inline-block;<br /><br />
margin: 5px 0<br /><br />
}</p><br />
<p>.post_paragraph h6 {<br /><br />
font-weight: 400;<br /><br />
border-bottom: 2px solid lightgrey;<br /><br />
display: inline-block;<br /><br />
margin: 5px 0<br /><br />
}</p><br />
<p>.post_paragraph ul li {<br /><br />
margin: 0 0 0 25px<br /><br />
}</p><br />
<p>.post_paragraph ol li {<br /><br />
margin: 0 0 0 25px<br /><br />
}</p><br />
<p>.post_paragraph a {<br /><br />
color: blue<br /><br />
}</p><br />
<p>.commentmetadata {<br /><br />
top: 20px;<br /><br />
margin-top: 5px<br /><br />
}</p><br />
<p>.commentlist p {<br /><br />
margin-top: 20px<br /><br />
}</p><br />
<p>.comment-body {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.comment-author.vcard {<br /><br />
margin-left: 0<br /><br />
}</p><br />
<p>.hot_img {<br /><br />
height: 75px<br /><br />
}</p><br />
<p>ul.hot_list {<br /><br />
list-style: none;<br /><br />
display: inline-block;<br /><br />
overflow: hidden<br /><br />
}</p><br />
<p>ul.hot_list li {<br /><br />
float: left;<br /><br />
height: 125px;<br /><br />
width: 49%;<br /><br />
text-align: center;<br /><br />
margin-right: 1%<br /><br />
}</p><br />
<p>ul.hot_list li:last-child {<br /><br />
border-bottom: none<br /><br />
}</p><br />
<p>ul.hot_list img {<br /><br />
border: 1px solid #f4f4f4;<br /><br />
display: block;<br /><br />
margin: 0 auto;<br /><br />
padding: 1px;<br /><br />
width: 100%;<br /><br />
height: 100%<br /><br />
}</p><br />
<p>ul.hot_list a {<br /><br />
font-size: 14px<br /><br />
}</p><br />
<p>ul.hot_list a:hover {<br /><br />
text-decoration: none<br /><br />
}</p><br />
<p>@media only screen and (min-width:480px) and (max-width:767px) {<br /><br />
.commentmetadata {<br /><br />
top: 0<br /><br />
}<br /><br />
.commentlist p {<br /><br />
margin-top: 0<br /><br />
}<br /><br />
ul.hot_list li {<br /><br />
width: 32%<br /><br />
}<br /><br />
}</p><br />
<p>@media only screen and (min-width:767px) {<br /><br />
ul.hot_list li {<br /><br />
width: 24%<br /><br />
}<br /><br />
.adplay_floating-bottom {<br /><br />
height: auto!important;<br /><br />
width: auto!important<br /><br />
}<br /><br />
}</p><br />
<p>label {<br /><br />
display: block;<br /><br />
margin-bottom: 3px<br /><br />
}</p><br />
<p>textarea {<br /><br />
display: block<br /><br />
}</p><br />
<p>input[type=text],<br /><br />
textarea,<br /><br />
select,<br /><br />
input[type=file] {<br /><br />
width: 70%;<br /><br />
background: #fff;<br /><br />
border: 1px solid #dbdbdb;<br /><br />
border-radius: 4px;<br /><br />
color: #2f3432;<br /><br />
padding: 5px;<br /><br />
display: block<br /><br />
}</p><br />
<p>textarea {<br /><br />
height: 300px;<br /><br />
width: 90%<br /><br />
}</p><br />
<p>input,<br /><br />
textarea,<br /><br />
select {<br /><br />
margin-bottom: 5px;<br /><br />
font-family: open sans, sans-serif<br /><br />
}</p><br />
<p>form span {<br /><br />
color: grey;<br /><br />
display: block;<br /><br />
font-size: small;<br /><br />
margin-bottom: 5px;<br /><br />
margin-top: -4px<br /><br />
}</p><br />
<p>.list-image {<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.list-image input {<br /><br />
width: 100px;<br /><br />
border-radius: 0;<br /><br />
margin-bottom: 8px<br /><br />
}</p><br />
<p>.list-image img {<br /><br />
display: block;<br /><br />
border: 1px solid #dbdbdb;<br /><br />
border-bottom: none;<br /><br />
margin-bottom: 5px<br /><br />
}</p><br />
<p>.list-image .single_image {<br /><br />
display: block;<br /><br />
width: 120px;<br /><br />
float: left;<br /><br />
height: 170px<br /><br />
}</p><br />
<p>.list-image .single_image img {<br /><br />
width: 110px;<br /><br />
height: 100px<br /><br />
}</p><br />
<p>.media_upload {<br /><br />
clear: both<br /><br />
}</p><br />
<p>.ugc-inner-wrapper .ugc-input-wrapper input[type=text],<br /><br />
.ugc-inner-wrapper .ugc-input-wrapper textarea {<br /><br />
width: 80%!important<br /><br />
}</p><br />
<p>.ugc-inner-wrapper h2 {<br /><br />
padding: 0!important<br /><br />
}</p><br />
<p>.ugc-notice {<br /><br />
border: none!important;<br /><br />
border-radius: 0!important;<br /><br />
padding: 5px<br /><br />
}</p><br />
<p>.nav_dasboard {<br /><br />
background: #f5f5f5 none repeat scroll 0 0;<br /><br />
border-bottom: 1px solid #e1e1e1;<br /><br />
padding: 0 5px;<br /><br />
font-size: 13px<br /><br />
}</p><br />
<p>.nav_dasboard a {<br /><br />
display: inline-block;<br /><br />
padding: 5px 2px;<br /><br />
font-size: 14px<br /><br />
}</p><br />
<p>b.draft {<br /><br />
color: #555;<br /><br />
font-family: open sans, sans-serif<br /><br />
}</p><br />
<p>ul.rpul p a {<br /><br />
color: blue<br /><br />
}</p><br />
<p>a.current {<br /><br />
color: #000<br /><br />
}</p><br />
<p>.notify,<br /><br />
.error {<br /><br />
margin: 5px;<br /><br />
padding: 5px;<br /><br />
background: #fcf8e3;<br /><br />
color: #8a6d3b:;<br /><br />
border: 1px solid #faebcc;<br /><br />
position: relative<br /><br />
}</p><br />
<p>.notify.success {<br /><br />
background: #dff0d8;<br /><br />
border-color: #d6e9c6;<br /><br />
color: #3c763d<br /><br />
}</p><br />
<p>.error li {<br /><br />
list-style: none<br /><br />
}</p><br />
<p>.notify li,<br /><br />
,<br /><br />
.error li {<br /><br />
margin-left: 20px<br /><br />
}</p><br />
<p>.btn,<br /><br />
input[type=submit] {<br /><br />
-moz-user-select: none;<br /><br />
background-image: none;<br /><br />
border: 1px solid transparent;<br /><br />
border-radius: 4px;<br /><br />
cursor: pointer;<br /><br />
display: inline-block;<br /><br />
font-size: 14px;<br /><br />
font-weight: 400;<br /><br />
line-height: 1.42857;<br /><br />
margin-bottom: 5px!important;<br /><br />
padding: 6px 12px;<br /><br />
text-align: center;<br /><br />
vertical-align: middle;<br /><br />
white-space: nowrap<br /><br />
}</p><br />
<p>.btn-primary,<br /><br />
input[type=submit] {<br /><br />
background-color: #337ab7;<br /><br />
border-color: #2e6da4;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.btn-default {<br /><br />
background-color: #fff;<br /><br />
border-color: #ccc;<br /><br />
color: #333<br /><br />
}</p><br />
<p>.btn-danger {<br /><br />
background-color: #d9534f;<br /><br />
border-color: #d43f3a;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.btn-info {<br /><br />
background-color: #5bc0de;<br /><br />
border-color: #46b8da;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.btn-success {<br /><br />
background-color: #5cb85c;<br /><br />
border-color: #4cae4c;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.btn-warning {<br /><br />
background-color: #f0ad4e;<br /><br />
border-color: #eea236;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.btn-small {<br /><br />
padding: 3px 5px;<br /><br />
font-size: 13px<br /><br />
}</p><br />
<p>a.btn {<br /><br />
color: #fff<br /><br />
}</p><br />
<p>a.white-btn {<br /><br />
color: #fff<br /><br />
}</p><br />
<p>a.btn.btn-primary {<br /><br />
color: #fff<br /><br />
}</p><br />
<p>a.btn.btn-default,<br /><br />
a.black-btn {<br /><br />
color: #333<br /><br />
}</p><br />
<p>a.btn:hover,<br /><br />
a.white-btn,<br /><br />
a.black-btn {<br /><br />
text-decoration: none<br /><br />
}</p><br />
<p>.margin_top {<br /><br />
margin-top: 10px<br /><br />
}</p><br />
<p>.margin_bottom {<br /><br />
margin-bottom: 10px<br /><br />
}</p><br />
<p>.mar5 {<br /><br />
margin: 5px<br /><br />
}</p><br />
<p>pre,<br /><br />
code {<br /><br />
background-color: rgba(0, 0, 0, .01);<br /><br />
border: 1px solid rgba(51, 51, 51, .1);<br /><br />
margin-bottom: 5px;<br /><br />
max-width: 100%;<br /><br />
overflow: auto;<br /><br />
padding: .5em;<br /><br />
white-space: pre-wrap;<br /><br />
word-wrap: break-word<br /><br />
}</p><br />
<p>.notify.success img {<br /><br />
height: 20px;<br /><br />
position: absolute;<br /><br />
right: 0;<br /><br />
top: -10px;<br /><br />
width: 20px<br /><br />
}</p><br />
<p>textarea {<br /><br />
display: block;<br /><br />
width: 100%;<br /><br />
height: 100px;<br /><br />
padding: 6px 12px;<br /><br />
font-size: 14px;<br /><br />
line-height: 1.42857143;<br /><br />
color: #555;<br /><br />
background-color: #fff;<br /><br />
background-image: none;<br /><br />
border: 1px solid #ccc<br /><br />
}</p><br />
<p>.post_paragraph img {<br /><br />
display: block<br /><br />
}</p><br />
<p>.trickbd_notification_count {<br /><br />
margin-right: -25px<br /><br />
}</p><br />
<p>.trickbd_notify {<br /><br />
border: none!important;<br /><br />
margin: -15px -5px!important<br /><br />
}</p><br />
<p>.author_block img,<br /><br />
.author_single img {<br /><br />
height: 60px;<br /><br />
width: 60px<br /><br />
}</p><br />
<p>@-webkit-keyframes spinAround {<br /><br />
from {<br /><br />
-webkit-transform: rotate(0deg);<br /><br />
transform: rotate(0deg)<br /><br />
}<br /><br />
to {<br /><br />
-webkit-transform: rotate(359deg);<br /><br />
transform: rotate(359deg)<br /><br />
}<br /><br />
}</p><br />
<p>@keyframes spinAround {<br /><br />
from {<br /><br />
-webkit-transform: rotate(0deg);<br /><br />
transform: rotate(0deg)<br /><br />
}<br /><br />
to {<br /><br />
-webkit-transform: rotate(359deg);<br /><br />
transform: rotate(359deg)<br /><br />
}<br /><br />
}</p><br />
<p>.button {<br /><br />
-moz-appearance: none;<br /><br />
-webkit-appearance: none;<br /><br />
-webkit-box-align: center;<br /><br />
-ms-flex-align: center;<br /><br />
align-items: center;<br /><br />
border: 1px solid transparent;<br /><br />
border-radius: 3px;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
display: -webkit-inline-box;<br /><br />
display: -ms-inline-flexbox;<br /><br />
display: inline-flex;<br /><br />
font-size: 1rem;<br /><br />
height: 2.25em;<br /><br />
-webkit-box-pack: start;<br /><br />
-ms-flex-pack: start;<br /><br />
justify-content: flex-start;<br /><br />
line-height: 1.5;<br /><br />
padding-bottom: calc(0.375em – 1px);<br /><br />
padding-left: calc(0.625em – 1px);<br /><br />
padding-right: calc(0.625em – 1px);<br /><br />
padding-top: calc(0.375em – 1px);<br /><br />
position: relative;<br /><br />
vertical-align: top;<br /><br />
-webkit-touch-callout: none;<br /><br />
-webkit-user-select: none;<br /><br />
-moz-user-select: none;<br /><br />
-ms-user-select: none;<br /><br />
user-select: none;<br /><br />
background-color: #fff;<br /><br />
border-color: #dbdbdb;<br /><br />
color: #363636;<br /><br />
cursor: pointer;<br /><br />
-webkit-box-pack: center;<br /><br />
-ms-flex-pack: center;<br /><br />
justify-content: center;<br /><br />
padding-left: .75em;<br /><br />
padding-right: .75em;<br /><br />
text-align: center;<br /><br />
white-space: nowrap<br /><br />
}</p><br />
<p>.button:focus,<br /><br />
.button.is-focused,<br /><br />
.button:active,<br /><br />
.button.is-active {<br /><br />
outline: none<br /><br />
}</p><br />
<p>.button[disabled] {<br /><br />
cursor: not-allowed<br /><br />
}</p><br />
<p>.button strong {<br /><br />
color: inherit<br /><br />
}</p><br />
<p>.button .icon {<br /><br />
height: 1.5em;<br /><br />
width: 1.5em<br /><br />
}</p><br />
<p>.button .icon.is-small,<br /><br />
.button .icon.is-medium,<br /><br />
.button .icon.is-large {<br /><br />
height: 1.5em;<br /><br />
width: 1.5em<br /><br />
}</p><br />
<p>.button .icon:first-child:not(:last-child) {<br /><br />
margin-left: calc(-0.375em – 1px);<br /><br />
margin-right: .1875em<br /><br />
}</p><br />
<p>.button .icon:last-child:not(:first-child) {<br /><br />
margin-left: .1875em;<br /><br />
margin-right: calc(-0.375em – 1px)<br /><br />
}</p><br />
<p>.button .icon:first-child:last-child {<br /><br />
margin-left: calc(-0.375em – 1px);<br /><br />
margin-right: calc(-0.375em – 1px)<br /><br />
}</p><br />
<p>.button:hover,<br /><br />
.button.is-hovered {<br /><br />
border-color: #b5b5b5;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button:focus,<br /><br />
.button.is-focused {<br /><br />
border-color: #3273dc;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button:focus:not(:active),<br /><br />
.button.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)<br /><br />
}</p><br />
<p>.button:active,<br /><br />
.button.is-active {<br /><br />
border-color: #4a4a4a;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-text {<br /><br />
background-color: transparent;<br /><br />
border-color: transparent;<br /><br />
color: #4a4a4a;<br /><br />
text-decoration: underline<br /><br />
}</p><br />
<p>.button.is-text:hover,<br /><br />
.button.is-text.is-hovered,<br /><br />
.button.is-text:focus,<br /><br />
.button.is-text.is-focused {<br /><br />
background-color: #f5f5f5;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-text:active,<br /><br />
.button.is-text.is-active {<br /><br />
background-color: #e8e8e8;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-text[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-white {<br /><br />
background-color: #fff;<br /><br />
border-color: transparent;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-white:hover,<br /><br />
.button.is-white.is-hovered {<br /><br />
background-color: #f9f9f9;<br /><br />
border-color: transparent;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-white:focus,<br /><br />
.button.is-white.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-white:focus:not(:active),<br /><br />
.button.is-white.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)<br /><br />
}</p><br />
<p>.button.is-white:active,<br /><br />
.button.is-white.is-active {<br /><br />
background-color: #f2f2f2;<br /><br />
border-color: transparent;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-white[disabled] {<br /><br />
background-color: #fff;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-white.is-inverted {<br /><br />
background-color: #0a0a0a;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-white.is-inverted:hover {<br /><br />
background-color: #000<br /><br />
}</p><br />
<p>.button.is-white.is-inverted[disabled] {<br /><br />
background-color: #0a0a0a;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-white.is-loading:after {<br /><br />
border-color: transparent transparent #0a0a0a #0a0a0a!important<br /><br />
}</p><br />
<p>.button.is-white.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-white.is-outlined:hover,<br /><br />
.button.is-white.is-outlined:focus {<br /><br />
background-color: #fff;<br /><br />
border-color: #fff;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-white.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #fff #fff!important<br /><br />
}</p><br />
<p>.button.is-white.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-white.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #0a0a0a;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-white.is-inverted.is-outlined:hover,<br /><br />
.button.is-white.is-inverted.is-outlined:focus {<br /><br />
background-color: #0a0a0a;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-white.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #0a0a0a;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-black {<br /><br />
background-color: #0a0a0a;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-black:hover,<br /><br />
.button.is-black.is-hovered {<br /><br />
background-color: #040404;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-black:focus,<br /><br />
.button.is-black.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-black:focus:not(:active),<br /><br />
.button.is-black.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)<br /><br />
}</p><br />
<p>.button.is-black:active,<br /><br />
.button.is-black.is-active {<br /><br />
background-color: #000;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-black[disabled] {<br /><br />
background-color: #0a0a0a;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-black.is-inverted {<br /><br />
background-color: #fff;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-black.is-inverted:hover {<br /><br />
background-color: #f2f2f2<br /><br />
}</p><br />
<p>.button.is-black.is-inverted[disabled] {<br /><br />
background-color: #fff;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-black.is-loading:after {<br /><br />
border-color: transparent transparent #fff #fff!important<br /><br />
}</p><br />
<p>.button.is-black.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #0a0a0a;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-black.is-outlined:hover,<br /><br />
.button.is-black.is-outlined:focus {<br /><br />
background-color: #0a0a0a;<br /><br />
border-color: #0a0a0a;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-black.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #0a0a0a #0a0a0a!important<br /><br />
}</p><br />
<p>.button.is-black.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #0a0a0a;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-black.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-black.is-inverted.is-outlined:hover,<br /><br />
.button.is-black.is-inverted.is-outlined:focus {<br /><br />
background-color: #fff;<br /><br />
color: #0a0a0a<br /><br />
}</p><br />
<p>.button.is-black.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-light {<br /><br />
background-color: #f5f5f5;<br /><br />
border-color: transparent;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-light:hover,<br /><br />
.button.is-light.is-hovered {<br /><br />
background-color: #eee;<br /><br />
border-color: transparent;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-light:focus,<br /><br />
.button.is-light.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-light:focus:not(:active),<br /><br />
.button.is-light.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)<br /><br />
}</p><br />
<p>.button.is-light:active,<br /><br />
.button.is-light.is-active {<br /><br />
background-color: #e8e8e8;<br /><br />
border-color: transparent;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-light[disabled] {<br /><br />
background-color: #f5f5f5;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-light.is-inverted {<br /><br />
background-color: #363636;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-light.is-inverted:hover {<br /><br />
background-color: #292929<br /><br />
}</p><br />
<p>.button.is-light.is-inverted[disabled] {<br /><br />
background-color: #363636;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-light.is-loading:after {<br /><br />
border-color: transparent transparent #363636 #363636!important<br /><br />
}</p><br />
<p>.button.is-light.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #f5f5f5;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-light.is-outlined:hover,<br /><br />
.button.is-light.is-outlined:focus {<br /><br />
background-color: #f5f5f5;<br /><br />
border-color: #f5f5f5;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-light.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #f5f5f5 #f5f5f5!important<br /><br />
}</p><br />
<p>.button.is-light.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #f5f5f5;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-light.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #363636;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-light.is-inverted.is-outlined:hover,<br /><br />
.button.is-light.is-inverted.is-outlined:focus {<br /><br />
background-color: #363636;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-light.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #363636;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-dark {<br /><br />
background-color: #363636;<br /><br />
border-color: transparent;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-dark:hover,<br /><br />
.button.is-dark.is-hovered {<br /><br />
background-color: #2f2f2f;<br /><br />
border-color: transparent;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-dark:focus,<br /><br />
.button.is-dark.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-dark:focus:not(:active),<br /><br />
.button.is-dark.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)<br /><br />
}</p><br />
<p>.button.is-dark:active,<br /><br />
.button.is-dark.is-active {<br /><br />
background-color: #292929;<br /><br />
border-color: transparent;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-dark[disabled] {<br /><br />
background-color: #363636;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-dark.is-inverted {<br /><br />
background-color: #f5f5f5;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-dark.is-inverted:hover {<br /><br />
background-color: #e8e8e8<br /><br />
}</p><br />
<p>.button.is-dark.is-inverted[disabled] {<br /><br />
background-color: #f5f5f5;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-dark.is-loading:after {<br /><br />
border-color: transparent transparent #f5f5f5 #f5f5f5!important<br /><br />
}</p><br />
<p>.button.is-dark.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #363636;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-dark.is-outlined:hover,<br /><br />
.button.is-dark.is-outlined:focus {<br /><br />
background-color: #363636;<br /><br />
border-color: #363636;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-dark.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #363636 #363636!important<br /><br />
}</p><br />
<p>.button.is-dark.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #363636;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-dark.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #f5f5f5;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-dark.is-inverted.is-outlined:hover,<br /><br />
.button.is-dark.is-inverted.is-outlined:focus {<br /><br />
background-color: #f5f5f5;<br /><br />
color: #363636<br /><br />
}</p><br />
<p>.button.is-dark.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #f5f5f5;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #f5f5f5<br /><br />
}</p><br />
<p>.button.is-primary {<br /><br />
background-color: #00d1b2;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-primary:hover,<br /><br />
.button.is-primary.is-hovered {<br /><br />
background-color: #00c4a7;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-primary:focus,<br /><br />
.button.is-primary.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-primary:focus:not(:active),<br /><br />
.button.is-primary.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)<br /><br />
}</p><br />
<p>.button.is-primary:active,<br /><br />
.button.is-primary.is-active {<br /><br />
background-color: #00b89c;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-primary[disabled] {<br /><br />
background-color: #00d1b2;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-primary.is-inverted {<br /><br />
background-color: #fff;<br /><br />
color: #00d1b2<br /><br />
}</p><br />
<p>.button.is-primary.is-inverted:hover {<br /><br />
background-color: #f2f2f2<br /><br />
}</p><br />
<p>.button.is-primary.is-inverted[disabled] {<br /><br />
background-color: #fff;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #00d1b2<br /><br />
}</p><br />
<p>.button.is-primary.is-loading:after {<br /><br />
border-color: transparent transparent #fff #fff!important<br /><br />
}</p><br />
<p>.button.is-primary.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #00d1b2;<br /><br />
color: #00d1b2<br /><br />
}</p><br />
<p>.button.is-primary.is-outlined:hover,<br /><br />
.button.is-primary.is-outlined:focus {<br /><br />
background-color: #00d1b2;<br /><br />
border-color: #00d1b2;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-primary.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #00d1b2 #00d1b2!important<br /><br />
}</p><br />
<p>.button.is-primary.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #00d1b2;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #00d1b2<br /><br />
}</p><br />
<p>.button.is-primary.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-primary.is-inverted.is-outlined:hover,<br /><br />
.button.is-primary.is-inverted.is-outlined:focus {<br /><br />
background-color: #fff;<br /><br />
color: #00d1b2<br /><br />
}</p><br />
<p>.button.is-primary.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-link {<br /><br />
background-color: #3273dc;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-link:hover,<br /><br />
.button.is-link.is-hovered {<br /><br />
background-color: #276cda;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-link:focus,<br /><br />
.button.is-link.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-link:focus:not(:active),<br /><br />
.button.is-link.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)<br /><br />
}</p><br />
<p>.button.is-link:active,<br /><br />
.button.is-link.is-active {<br /><br />
background-color: #2366d1;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-link[disabled] {<br /><br />
background-color: #3273dc;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-link.is-inverted {<br /><br />
background-color: #fff;<br /><br />
color: #3273dc<br /><br />
}</p><br />
<p>.button.is-link.is-inverted:hover {<br /><br />
background-color: #f2f2f2<br /><br />
}</p><br />
<p>.button.is-link.is-inverted[disabled] {<br /><br />
background-color: #fff;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #3273dc<br /><br />
}</p><br />
<p>.button.is-link.is-loading:after {<br /><br />
border-color: transparent transparent #fff #fff!important<br /><br />
}</p><br />
<p>.button.is-link.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #3273dc;<br /><br />
color: #3273dc<br /><br />
}</p><br />
<p>.button.is-link.is-outlined:hover,<br /><br />
.button.is-link.is-outlined:focus {<br /><br />
background-color: #3273dc;<br /><br />
border-color: #3273dc;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-link.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #3273dc #3273dc!important<br /><br />
}</p><br />
<p>.button.is-link.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #3273dc;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #3273dc<br /><br />
}</p><br />
<p>.button.is-link.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-link.is-inverted.is-outlined:hover,<br /><br />
.button.is-link.is-inverted.is-outlined:focus {<br /><br />
background-color: #fff;<br /><br />
color: #3273dc<br /><br />
}</p><br />
<p>.button.is-link.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-info {<br /><br />
background-color: #209cee;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-info:hover,<br /><br />
.button.is-info.is-hovered {<br /><br />
background-color: #1496ed;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-info:focus,<br /><br />
.button.is-info.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-info:focus:not(:active),<br /><br />
.button.is-info.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25)<br /><br />
}</p><br />
<p>.button.is-info:active,<br /><br />
.button.is-info.is-active {<br /><br />
background-color: #118fe4;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-info[disabled] {<br /><br />
background-color: #209cee;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-info.is-inverted {<br /><br />
background-color: #fff;<br /><br />
color: #209cee<br /><br />
}</p><br />
<p>.button.is-info.is-inverted:hover {<br /><br />
background-color: #f2f2f2<br /><br />
}</p><br />
<p>.button.is-info.is-inverted[disabled] {<br /><br />
background-color: #fff;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #209cee<br /><br />
}</p><br />
<p>.button.is-info.is-loading:after {<br /><br />
border-color: transparent transparent #fff #fff!important<br /><br />
}</p><br />
<p>.button.is-info.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #209cee;<br /><br />
color: #209cee<br /><br />
}</p><br />
<p>.button.is-info.is-outlined:hover,<br /><br />
.button.is-info.is-outlined:focus {<br /><br />
background-color: #209cee;<br /><br />
border-color: #209cee;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-info.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #209cee #209cee!important<br /><br />
}</p><br />
<p>.button.is-info.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #209cee;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #209cee<br /><br />
}</p><br />
<p>.button.is-info.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-info.is-inverted.is-outlined:hover,<br /><br />
.button.is-info.is-inverted.is-outlined:focus {<br /><br />
background-color: #fff;<br /><br />
color: #209cee<br /><br />
}</p><br />
<p>.button.is-info.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-success {<br /><br />
background-color: #23d160;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-success:hover,<br /><br />
.button.is-success.is-hovered {<br /><br />
background-color: #22c65b;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-success:focus,<br /><br />
.button.is-success.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-success:focus:not(:active),<br /><br />
.button.is-success.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25)<br /><br />
}</p><br />
<p>.button.is-success:active,<br /><br />
.button.is-success.is-active {<br /><br />
background-color: #20bc56;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-success[disabled] {<br /><br />
background-color: #23d160;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-success.is-inverted {<br /><br />
background-color: #fff;<br /><br />
color: #23d160<br /><br />
}</p><br />
<p>.button.is-success.is-inverted:hover {<br /><br />
background-color: #f2f2f2<br /><br />
}</p><br />
<p>.button.is-success.is-inverted[disabled] {<br /><br />
background-color: #fff;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #23d160<br /><br />
}</p><br />
<p>.button.is-success.is-loading:after {<br /><br />
border-color: transparent transparent #fff #fff!important<br /><br />
}</p><br />
<p>.button.is-success.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #23d160;<br /><br />
color: #23d160<br /><br />
}</p><br />
<p>.button.is-success.is-outlined:hover,<br /><br />
.button.is-success.is-outlined:focus {<br /><br />
background-color: #23d160;<br /><br />
border-color: #23d160;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-success.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #23d160 #23d160!important<br /><br />
}</p><br />
<p>.button.is-success.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #23d160;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #23d160<br /><br />
}</p><br />
<p>.button.is-success.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-success.is-inverted.is-outlined:hover,<br /><br />
.button.is-success.is-inverted.is-outlined:focus {<br /><br />
background-color: #fff;<br /><br />
color: #23d160<br /><br />
}</p><br />
<p>.button.is-success.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-warning {<br /><br />
background-color: #ffdd57;<br /><br />
border-color: transparent;<br /><br />
color: rgba(0, 0, 0, .7)<br /><br />
}</p><br />
<p>.button.is-warning:hover,<br /><br />
.button.is-warning.is-hovered {<br /><br />
background-color: #ffdb4a;<br /><br />
border-color: transparent;<br /><br />
color: rgba(0, 0, 0, .7)<br /><br />
}</p><br />
<p>.button.is-warning:focus,<br /><br />
.button.is-warning.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: rgba(0, 0, 0, .7)<br /><br />
}</p><br />
<p>.button.is-warning:focus:not(:active),<br /><br />
.button.is-warning.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25)<br /><br />
}</p><br />
<p>.button.is-warning:active,<br /><br />
.button.is-warning.is-active {<br /><br />
background-color: #ffd83d;<br /><br />
border-color: transparent;<br /><br />
color: rgba(0, 0, 0, .7)<br /><br />
}</p><br />
<p>.button.is-warning[disabled] {<br /><br />
background-color: #ffdd57;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-warning.is-inverted {<br /><br />
background-color: rgba(0, 0, 0, .7);<br /><br />
color: #ffdd57<br /><br />
}</p><br />
<p>.button.is-warning.is-inverted:hover {<br /><br />
background-color: rgba(0, 0, 0, .7)<br /><br />
}</p><br />
<p>.button.is-warning.is-inverted[disabled] {<br /><br />
background-color: rgba(0, 0, 0, .7);<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #ffdd57<br /><br />
}</p><br />
<p>.button.is-warning.is-loading:after {<br /><br />
border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7)!important<br /><br />
}</p><br />
<p>.button.is-warning.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #ffdd57;<br /><br />
color: #ffdd57<br /><br />
}</p><br />
<p>.button.is-warning.is-outlined:hover,<br /><br />
.button.is-warning.is-outlined:focus {<br /><br />
background-color: #ffdd57;<br /><br />
border-color: #ffdd57;<br /><br />
color: rgba(0, 0, 0, .7)<br /><br />
}</p><br />
<p>.button.is-warning.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #ffdd57 #ffdd57!important<br /><br />
}</p><br />
<p>.button.is-warning.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #ffdd57;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #ffdd57<br /><br />
}</p><br />
<p>.button.is-warning.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: rgba(0, 0, 0, .7);<br /><br />
color: rgba(0, 0, 0, .7)<br /><br />
}</p><br />
<p>.button.is-warning.is-inverted.is-outlined:hover,<br /><br />
.button.is-warning.is-inverted.is-outlined:focus {<br /><br />
background-color: rgba(0, 0, 0, .7);<br /><br />
color: #ffdd57<br /><br />
}</p><br />
<p>.button.is-warning.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: rgba(0, 0, 0, .7);<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: rgba(0, 0, 0, .7)<br /><br />
}</p><br />
<p>.button.is-danger {<br /><br />
background-color: #ff3860;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-danger:hover,<br /><br />
.button.is-danger.is-hovered {<br /><br />
background-color: #ff2b56;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-danger:focus,<br /><br />
.button.is-danger.is-focused {<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-danger:focus:not(:active),<br /><br />
.button.is-danger.is-focused:not(:active) {<br /><br />
-webkit-box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25);<br /><br />
box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25)<br /><br />
}</p><br />
<p>.button.is-danger:active,<br /><br />
.button.is-danger.is-active {<br /><br />
background-color: #ff1f4b;<br /><br />
border-color: transparent;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-danger[disabled] {<br /><br />
background-color: #ff3860;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none<br /><br />
}</p><br />
<p>.button.is-danger.is-inverted {<br /><br />
background-color: #fff;<br /><br />
color: #ff3860<br /><br />
}</p><br />
<p>.button.is-danger.is-inverted:hover {<br /><br />
background-color: #f2f2f2<br /><br />
}</p><br />
<p>.button.is-danger.is-inverted[disabled] {<br /><br />
background-color: #fff;<br /><br />
border-color: transparent;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #ff3860<br /><br />
}</p><br />
<p>.button.is-danger.is-loading:after {<br /><br />
border-color: transparent transparent #fff #fff!important<br /><br />
}</p><br />
<p>.button.is-danger.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #ff3860;<br /><br />
color: #ff3860<br /><br />
}</p><br />
<p>.button.is-danger.is-outlined:hover,<br /><br />
.button.is-danger.is-outlined:focus {<br /><br />
background-color: #ff3860;<br /><br />
border-color: #ff3860;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-danger.is-outlined.is-loading:after {<br /><br />
border-color: transparent transparent #ff3860 #ff3860!important<br /><br />
}</p><br />
<p>.button.is-danger.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #ff3860;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #ff3860<br /><br />
}</p><br />
<p>.button.is-danger.is-inverted.is-outlined {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-danger.is-inverted.is-outlined:hover,<br /><br />
.button.is-danger.is-inverted.is-outlined:focus {<br /><br />
background-color: #fff;<br /><br />
color: #ff3860<br /><br />
}</p><br />
<p>.button.is-danger.is-inverted.is-outlined[disabled] {<br /><br />
background-color: transparent;<br /><br />
border-color: #fff;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
color: #fff<br /><br />
}</p><br />
<p>.button.is-small {<br /><br />
border-radius: 2px;<br /><br />
font-size: .75rem<br /><br />
}</p><br />
<p>.button.is-medium {<br /><br />
font-size: 1.25rem<br /><br />
}</p><br />
<p>.button.is-large {<br /><br />
font-size: 1.5rem<br /><br />
}</p><br />
<p>.button[disabled] {<br /><br />
background-color: #fff;<br /><br />
border-color: #dbdbdb;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
opacity: .5<br /><br />
}</p><br />
<p>.button.is-fullwidth {<br /><br />
display: -webkit-box;<br /><br />
display: -ms-flexbox;<br /><br />
display: flex;<br /><br />
width: 100%<br /><br />
}</p><br />
<p>.button.is-loading {<br /><br />
color: transparent!important;<br /><br />
pointer-events: none<br /><br />
}</p><br />
<p>.button.is-loading:after {<br /><br />
-webkit-animation: spinAround 500ms infinite linear;<br /><br />
animation: spinAround 500ms infinite linear;<br /><br />
border: 2px solid #dbdbdb;<br /><br />
border-radius: 290486px;<br /><br />
border-right-color: transparent;<br /><br />
border-top-color: transparent;<br /><br />
content: “”;<br /><br />
display: block;<br /><br />
height: 1em;<br /><br />
position: relative;<br /><br />
width: 1em;<br /><br />
position: absolute;<br /><br />
left: calc(50% – (1em/2));<br /><br />
top: calc(50% – (1em/2));<br /><br />
position: absolute!important<br /><br />
}</p><br />
<p>.button.is-static {<br /><br />
background-color: #f5f5f5;<br /><br />
border-color: #dbdbdb;<br /><br />
color: #7a7a7a;<br /><br />
-webkit-box-shadow: none;<br /><br />
box-shadow: none;<br /><br />
pointer-events: none<br /><br />
}</p><br />
<p>.button.is-rounded {<br /><br />
border-radius: 290486px;<br /><br />
padding-left: 1em;<br /><br />
padding-right: 1em<br /><br />
}</p><br />
<p>.buttons {<br /><br />
-webkit-box-align: center;<br /><br />
-ms-flex-align: center;<br /><br />
align-items: center;<br /><br />
display: -webkit-box;<br /><br />
display: -ms-flexbox;<br /><br />
display: flex;<br /><br />
-ms-flex-wrap: wrap;<br /><br />
flex-wrap: wrap;<br /><br />
-webkit-box-pack: start;<br /><br />
-ms-flex-pack: start;<br /><br />
justify-content: flex-start<br /><br />
}</p><br />
<p>.buttons .button {<br /><br />
margin-bottom: .5rem<br /><br />
}</p><br />
<p>.buttons .button:not(:last-child) {<br /><br />
margin-right: .5rem<br /><br />
}</p><br />
<p>.buttons:last-child {<br /><br />
margin-bottom: -.5rem<br /><br />
}</p><br />
<p>.buttons:not(:last-child) {<br /><br />
margin-bottom: 1rem<br /><br />
}</p><br />
<p>.buttons.has-addons .button:not(:first-child) {<br /><br />
border-bottom-left-radius: 0;<br /><br />
border-top-left-radius: 0<br /><br />
}</p><br />
<p>.buttons.has-addons .button:not(:last-child) {<br /><br />
border-bottom-right-radius: 0;<br /><br />
border-top-right-radius: 0;<br /><br />
margin-right: -1px<br /><br />
}</p><br />
<p>.buttons.has-addons .button:last-child {<br /><br />
margin-right: 0<br /><br />
}</p><br />
<p>.buttons.has-addons .button:hover,<br /><br />
.buttons.has-addons .button.is-hovered {<br /><br />
z-index: 2<br /><br />
}</p><br />
<p>.buttons.has-addons .button:focus,<br /><br />
.buttons.has-addons .button.is-focused,<br /><br />
.buttons.has-addons .button:active,<br /><br />
.buttons.has-addons .button.is-active,<br /><br />
.buttons.has-addons .button.is-selected {<br /><br />
z-index: 3<br /><br />
}</p><br />
<p>.buttons.has-addons .button:focus:hover,<br /><br />
.buttons.has-addons .button.is-focused:hover,<br /><br />
.buttons.has-addons .button:active:hover,<br /><br />
.buttons.has-addons .button.is-active:hover,<br /><br />
.buttons.has-addons .button.is-selected:hover {<br /><br />
z-index: 4<br /><br />
}</p><br />
<p>.buttons.is-centered {<br /><br />
-webkit-box-pack: center;<br /><br />
-ms-flex-pack: center;<br /><br />
justify-content: center<br /><br />
}</p><br />
<p>.buttons.is-right {<br /><br />
-webkit-box-pack: end;<br /><br />
-ms-flex-pack: end;<br /><br />
justify-content: flex-end<br /><br />
}</p><br />
<p>ul.post_moderate {<br /><br />
margin-left: 5px<br /><br />
}</p><br />
<p>.post_moderate li {<br /><br />
display: inline-block<br /><br />
}</p><br />
<p>.post_moderate li a:hover {<br /><br />
text-decoration: none<br /><br />
}</p><br />
<p>.login-box {<br /><br />
margin: 5px;<br /><br />
border: 1px solid #0088ff;<br /><br />
border-radius: 5px 5px 0 0;<br /><br />
background: white;<br /><br />
}</p><br />
<p>.log {<br /><br />
padding: 10px;<br /><br />
color: white;<br /><br />
font-weight: bold;<br /><br />
background: #0088ff;<br /><br />
}</p><br />
<p>.login {<br /><br />
padding: 10px;<br /><br />
border-bottom: 1px solid #ddd;<br /><br />
}</p><br />
<p>.login input {<br /><br />
width: 100%;<br /><br />
border: 1px solid #ddd;<br /><br />
padding: 10px;<br /><br />
box-sizing: border-box;<br /><br />
border-radius: 4px;<br /><br />
color: gray;<br /><br />
}</p><br />
<p>.login input[type=submit] {<br /><br />
border: 0;<br /><br />
font-weight: bold;<br /><br />
background: #0088ff;<br /><br />
color: white;<br /><br />
padding: 8px;<br /><br />
text-align: center;<br /><br />
}</p><br />
<p>.login2 {<br /><br />
padding: 6px;<br /><br />
background: white;<br /><br />
text-align: center;<br /><br />
color: black;<br /><br />
}</p><br />
<p>.login2 a {<br /><br />
color: #0088ff;<br /><br />
}</p><br />
<p>.trickbn-link-ad {<br /><br />
overflow: auto;<br /><br />
padding: 0px;<br /><br />
}</p><br />
<p>.trickbn-link-ad a {<br /><br />
background: white;<br /><br />
color: black;<br /><br />
display: block;<br /><br />
overflow: hidden;<br /><br />
padding: 10px;<br /><br />
font-size: 14px;<br /><br />
text-align: center;<br /><br />
border: 1px solid black;<br /><br />
margin: 4px;<br /><br />
border-radius: 30px;<br /><br />
box-shadow: 1px 1px 1px gray;<br /><br />
text-decoration: none;<br /><br />
}</p><br />
<p>.trickbn-link-ad a:hover {<br /><br />
background: black;<br /><br />
color: white;<br /><br />
text-decoration: none;<br /><br />
}</p><br />
<p>a .rt {<br /><br />
float: right!important;<br /><br />
}</p><br />
<p>.line {<br /><br />
border-bottom: 1px solid gray;<br /><br />
position: relative;<br /><br />
}</p><br />
<p>.gtx {<br /><br />
font-size: 12px;<br /><br />
background: white;<br /><br />
pading: 4px;<br /><br />
left: 0;<br /><br />
top: -6px;<br /><br />
position: absolute;<br /><br />
}</p><br />
<p>.mr4 {<br /><br />
margin-right: 4px;<br /><br />
}</p><br />
<p>.capital {<br /><br />
text-transform: capitalize<br /><br />
}</p><br />
<p>.wp-pagenavi span {<br /><br />
background: #e5e5e5 none repeat scroll 0 0;<br /><br />
border: 1px solid #999;<br /><br />
font-weight: 400<br /><br />
}</p><br />
<p>.wp-pagenavi {<br /><br />
clear: both<br /><br />
}</p><br />
<p>.wp-pagenavi a,<br /><br />
.wp-pagenavi span {<br /><br />
text-decoration: none;<br /><br />
border: 1px solid #bfbfbf;<br /><br />
padding: 3px 5px;<br /><br />
margin: 2px<br /><br />
}</p><br />
<p>.wp-pagenavi a:hover,<br /><br />
.wp-pagenavi span {<br /><br />
border-color: #000<br /><br />
}</p><br />
<p>.wp-pagenavi span {<br /><br />
font-weight: 700<br /><br />
}</p><br />
<p>.si_captcha_small {<br /><br />
width: 175px;<br /><br />
height: 45px;<br /><br />
padding-top: 10px;<br /><br />
padding-bottom: 10px;<br /><br />
}</p><br />
<p>.si_captcha_large {<br /><br />
width: 250px;<br /><br />
height: 60px;<br /><br />
padding-top: 10px;<br /><br />
padding-bottom: 10px;<br /><br />
}</p><br />
<p>img#si_image_com {<br /><br />
border-style: none;<br /><br />
margin: 0;<br /><br />
padding-right: 5px;<br /><br />
float: left;<br /><br />
}</p><br />
<p>img#si_image_reg {<br /><br />
border-style: none;<br /><br />
margin: 0;<br /><br />
padding-right: 5px;<br /><br />
float: left;<br /><br />
}</p><br />
<p>img#si_image_log {<br /><br />
border-style: none;<br /><br />
margin: 0;<br /><br />
padding-right: 5px;<br /><br />
float: left;<br /><br />
}</p><br />
<p>img#si_image_side_login {<br /><br />
border-style: none;<br /><br />
margin: 0;<br /><br />
padding-right: 5px;<br /><br />
float: left;<br /><br />
}</p><br />
<p>img#si_image_checkout {<br /><br />
border-style: none;<br /><br />
margin: 0;<br /><br />
padding-right: 5px;<br /><br />
float: left;<br /><br />
}</p><br />
<p>img#si_image_jetpack {<br /><br />
border-style: none;<br /><br />
margin: 0;<br /><br />
padding-right: 5px;<br /><br />
float: left;<br /><br />
}</p><br />
<p>img#si_image_bbpress_topic {<br /><br />
border-style: none;<br /><br />
margin: 0;<br /><br />
padding-right: 5px;<br /><br />
float: left;<br /><br />
}</p><br />
<p>.si_captcha_refresh {<br /><br />
border-style: none;<br /><br />
margin: 0;<br /><br />
vertical-align: bottom;<br /><br />
}</p><br />
<p>div#si_captcha_input {<br /><br />
display: block;<br /><br />
padding-top: 15px;<br /><br />
padding-bottom: 5px;<br /><br />
}</p><br />
<p>label#si_captcha_code_label {<br /><br />
margin: 0;<br /><br />
}</p><br />
<p>input#si_captcha_code_input {<br /><br />
width: 65px;<br /><br />
}</p><br />
<p>p#si_captcha_code_p {<br /><br />
clear: left;<br /><br />
padding-top: 10px;<br /><br />
}</p><br />
<p>.si-captcha-jetpack-error {<br /><br />
color: #DC3232;<br /><br />
}</p><br />
<p>.ihdesign-ad {<br /><br />
text-align: center;<br /><br />
}</p><br />
<p>.user img.avatar {<br /><br />
font-size: 0px;<br /><br />
}</p><br />
<p>.ad_block {<br /><br />
border-top: 1px solid #ddd;<br /><br />
border-bottom: 1px solid #ddd;<br /><br />
border-left: 1px solid #ddd;<br /><br />
border-right: 1px solid #ddd;<br /><br />
}</p><br />
<p>.ad_block {<br /><br />
margin-top: 4px;<br /><br />
margin-right: 4px;<br /><br />
margin-bottom: 4px;<br /><br />
margin-left: 4px;<br /><br />
}</p><br />
<p>.ad_block {<br /><br />
padding-top: 4px;<br /><br />
padding-right: 4px;<br /><br />
padding-bottom: 4px;<br /><br />
padding-left: 4px;<br /><br />
}</p><br />
<p>.ad_block img {<br /><br />
margin: 0 2px 0 2px;<br /><br />
}</p><br />
<p>.ad_block_pc {<br /><br />
border-top: 0px solid #ddd;<br /><br />
border-bottom: 0px solid #ddd;<br /><br />
border-left: 0px solid #ddd;<br /><br />
border-right: 0px solid #ddd;<br /><br />
}</p><br />
<p>.ad_block_pc {<br /><br />
margin-top: 0;<br /><br />
margin-right: 0;<br /><br />
margin-bottom: 0;<br /><br />
margin-left: 0;<br /><br />
}</p><br />
<p>.ad_block_pc {<br /><br />
padding-top: 0;<br /><br />
padding-right: 0;<br /><br />
padding-bottom: 0;<br /><br />
padding-left: 0;<br /><br />
}</p><br />
<p>.ad_block_pc {<br /><br />
border-top: 0px solid #ddd;<br /><br />
border-bottom: 0px solid #ddd;<br /><br />
border-left: 0px solid #ddd;<br /><br />
border-right: 0px solid #ddd;<br /><br />
}</p><br />
<p>.ad_block_pc {<br /><br />
margin-top: 0;<br /><br />
margin-right: 0;<br /><br />
margin-bottom: 0;<br /><br />
margin-left: 0;<br /><br />
}</p><br />
<p>.ad_block_pc {<br /><br />
padding-top: 0;<br /><br />
padding-right: 0;<br /><br />
padding-bottom: 0;<br /><br />
padding-left: 0;<br /><br />
}<br /><br />

CSS Theme টা অনেক বড় তাই সাবধানতার সাথে কপি করবেন। তবে, আমার মনে হয় এই কপি পেস্টের ঝামেলায় না গিয়ে CSS Theme Import করাটাই বুদ্বিমানের কাজ। আর,
CSS Theme Import Url: http://techlover.wapkiz.mobi/style.css

তো, আমারটিপ্সর Main Css Theme শেয়ার করেই দিলাম এখন আর, আমার সাইটের ক্রেডিট থাকবে না।এই CSS থিমটাকে Modify করে সাইটের ডিজাইন নিজের মতোন করে নিন। আর, ওয়াপকিজের ফুটারের এড কোড হাইড করতে এই টিটোরিয়ালটি ফলো করুন –


Hide Wapkiz Footer AD 100% Working 2019 Method

এই ছিল আজকের টিউন। আশা করছি পোস্টটি ভালো লেগেছে। যদি ভালো লেগেই থাকে তাহলে লাইক দিন আর কমেন্ট করে জানিয়ে দিন আপনার মতামত। এই ধরনের পোস্ট পেতে ঘুরে আসুন আমার সাইটে এবং সাবস্ক্রাইব করুন আমার ইউটিউব চ্যানেলকে –

Leave a Reply