Current date/time is November 28th 2020, 9:52 am

Search found 93 matches for ffffff

Would this html code work

Will this html code work for my forum?

body {
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 97%;
color: #000000;
background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image8.png) fixed;
}

.mgr-navigation-sliver { color: #030303; background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image71.png); }

.mgr-navigation-sliver a:link { color: #030303; }

.mgr-navigation-sliver a:visited { color: #030303; }

table { border: 2px solid #8bd876; font-size: inherit; }

th { border: 2px solid #8bd876; color: #030303; background: #fef288; }

td { border: 2px solid #8bd876; color: #030303; background: #d6f0c0; }

th a:link { color: #030303; }

a { color: #000; }

a:link { color: #000; }

a:visited { color: #000; text-decoration: underline; }

a:hover { color: #030303; }

a:active { color: #000; }

.boxheading {
text-align: center;
color: #030303;
border-top: 5px solid #8bd876;
border-right: 3px solid #8bd876;
border-bottom: 3px solid #8bd876;
border-left: 3px solid #8bd876;
padding: 3px;
background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image101.png);
}

.boxheading a:link { color: #030303; }

.boxheading h1 { font-size: 1.3em; font-weight: bold; }

.boxheading h2 { font-size: 1.3em; font-weight: bold; }

.boxheading h3 { font-size: 1.3em; }

.boxbody {
color: #030303;
font-family: Berylium;
border-top: 2px solid #8bd876;
border-right: 2px solid #8bd876;
border-bottom: 2px solid #8bd876;
border-left: 2px solid #8bd876;
padding: 3px;
background: #ace48e;
}

.category-box table { border: 2px solid #8bd876; }

.category-box th { border: 2px solid #8bd876; }

.category-box td { border: 2px solid #8bd876; color: #030303; background: #d6f0c0; }

.forum-box th { background: #FFFFFF); }

.forum-box td { background: #d6f0c0; }

.forum-box .odd td { background: #d6f0c0; }

.forum-box .even td { background: #d6f0c0; }

.bread-crumbs { color: #286380; }

.bread-crumbs a:link { color: #286380; }

.bread-crumbs a:visited { color: #286380; }

.discussion-box th { color: #030303; background: #ffffff; }

.discussion-box .th { color: #030303; background: #ffffff; }

.discussion-box th a:link { color: #030303; }

.discussion-box th a:visited { color: #030303; }

.discussion-box td { color: #030303; background: #ffffff; }

.discussion-box .odd td { color: #030303; background: #ffffff; }

.discussion-box .post-content { font-family: Berylium, "Blue Highway", Times, serif; font-size: 16px; }

blockquote { border: 2px solid #8bd876; color: #030303; background: #d6f0c0; }

.quote-title { color: #030303; }

textarea { border: 2px solid #8bd876; color: #030303; background: #d6f0c0; }

.button {
color: #030303;
border: 2px solid #8bd876;
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 15px;
padding: 2px 5px 0;
text-decoration: none;
background: #fef288;
}

input.text { color: #030303; border: 1px solid #D2D0D0; background: #ffffff; }

input.button {
color: #030303;
border: 2px solid #8bd876;
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 15px;
padding: 2px 5px 0;
text-decoration: none;
background: #fef288;
}

.dropdown a:link { color: #030303; }

.dropdown a:visited { color: #030303; }

.dropdown input { color: #030303; text-decoration: none; }

.dropdown li { border: 2px solid #8bd876; font-size: 11px; background: #d6f0c0; }

.pager { color: #030303; }

.pager a:link { color: #030303; text-decoration: none; }

.pager a:visited { color: #030303; text-decoration: none; }

html>body { font-size: 15px; }

#wrapper { font-size: 1em; margin: 5px; }

.layer1 { padding: 90px 90px 30px; background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/my_repper_pattern.jpg); }

.layer2 { border: 0px solid #8c070c; padding: 6px; background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image8.png); }

.layer3 { border: 0px solid #000000; padding: 10px; background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image71.png); }

.myheader { text-align: center; margin-bottom: 15px; }

.myfooter {
text-align: center;
font-weight: bold;
padding-top: 5px;
padding-bottom: 15px;
}

.mgr-footer {
margin-top: -12px;
padding-bottom: 5px;
font-size: 0.8em;
background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/my_repper_pattern.jpg);
}

h1 { font-size: 1.4em; font-weight: normal; }

h2 { font-size: 1.3em; font-weight: normal; }

h3 { font-size: 1.2em; font-weight: normal; }

h4 { font-size: 1.2em; font-weight: normal; }

h5 { font-size: 1.1em; }

h6 { font-size: 1em; }

p { font-size: 1em; margin-bottom: 8px; }

.box { margin-bottom: 15px; }

.pager-total { padding: 2px; }

.pager-list div { padding: 2px; }

.dropdown li a:link { text-decoration: none; color: #030303; }

.dropdown li a:visited { text-decoration: none; color: #030303; }

.control-box { margin-top: -10px; margin-bottom: 5px; }

.jump-box { margin-top: -10px; margin-bottom: 5px; }

.control-box .boxbody { border: none; background: transparent; }

.jump-box .boxbody { border: none; background: transparent; }

th a:visited { color: #030303; }

a.button {
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 15px;
color: #030303;
border: 2px solid #8bd876;
padding: 2px 5px 0;
text-decoration: none;
background: #fef288;
}

a.button:visited {
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 15px;
color: #030303;
border: 2px solid #8bd876;
padding: 2px 5px 0;
text-decoration: none;
background: #fef288;
}

div.mgr-navigation-sliver-wrapper { border-top: 1px solid #8bd876; border-bottom: 1px solid #8bd876; }

div.mgr-navigation-sliver { border-top: 1px solid #8bd876; border-bottom: 1px solid #8bd876; }

.chatbox-holder { margin: auto; }

#widgets_chatbox #wrapper { width: auto; margin: auto; border: 5px solid #8bd876; }

#chatbox_form p { text-align: center; }

.forumtitle a { font-weight: bold; }

table.calendar { font-size: .7em; margin: 20px auto 20px -30px; }
by dad2paisley
on September 14th 2015, 6:20 pm
 
Search in: Scripts Problems Archives
Topic: Would this html code work
Replies: 9
Views: 1511

Moving Navigation Menu to Center of Page

Hello! I've been working on coding my first site and after installing a skin from Hitskin, I began to edit my own images and format into the site. Recently, however, the navigation menu moved off-center and I was wondering if I did something wrong or incorrectly formatted something. I would really appreciate any help because I've tried a few things to no avail and as this is my first site I'm very lost. Thank you!

Site: www.fairytail-saga.forumotion.com
Problem: Navigation Menu Off-Center
Original Hitskin: http://en.hitskin.com/search-a-skin/fairy-tail-v.1/208200
CSS Coding: 
I've mostly been trying things with #navigation but I returned it to how it was orignally set:
body
{
background: url(https://2img.net/h/i945.photobucket.com/albums/ad292/acecate777/5b8f78da-4709-4d70-a32a-a225564c3232_zpspzmaivvl.png) top center no-repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) top center repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) center repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) bottom center repeat-x #bebebe;
}

#i_logo
{
height: 400px;
}

#page-body
{
width: 1300px;
margin: auto;
background: url(banner) top center no-repeat #;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 2px solid #4fadfd;
box-shadow: 0px 0px 10px #515151;
-moz-box-shadow: 0px 0px 10px #515151;
-o-box-shadow: 0px 0px 10px #515151;
-webkit-box-shadow: 0px 0px 10px #515151;
-htm-box-shadow: 0px 0px 10px #515151;
padding-top: 75px;
padding-bottom: 0px;
}

#navigation
{
float: right;
margin-top: -200px;
margin-right: 20px;
}
.mainmenu
{
margin-right: 2px;
}
a.mainmenu
{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}
a.mainmenu:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.table_complete
{
width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #4fadfd;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}
.forumline
{
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #4fadfd;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
background: url(image design) bottom center no-repeat #202020;
}
.forumline2
{
max-width: 850px;
margin: auto;
background: url() bottom no-repeat #202020;
}
.table_head
{
width: 850px;
height: 92px;
margin: auto;
background: url() bottom center no-repeat;
}
.table_foot
{
width: 850px;
height: 42px;
margin: auto;
background: url(https://2img.net/r/hpimg11/pics/835984forumline04.jpg) bottom center no-repeat;
}
.secondarytitle
{
display: block;
text-align: center;
}
.titre_cate
{
font-size: 48px;
font-weight: bold;
color: #c0c0c0;
text-shadow: 1px 1px 0px #eeeeee;
}

.forumlink
{
display: block;
width: 80%;
text-align: left;
padding-left: 50px;
margin-top: 6px;
}
.forumlink a
{
font-size: 14px;
text-transform: uppercase;
border-bottom: 2px dotted #bebebe;
color: #5a463a !important;
}
.forumlink a:hover
{
text-decoration: none !important;
color: #11bdf5 !important;
border-bottom: 2px dotted #2d1500;
}
.table_cate
{
vertical-align: top;
}
.icone
{
display: block;
width: 100px;
height: 100px;
float: left;
}
.stats_last
{
display: block;
width: 150px;
margin-left: 60px;
margin-top: 20px;
padding: 4px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
}
.stats
{
display: block;
font-size: 10px;
font-weight: bold;
border-bottom: 1px dotted #2d1500;
padding-bottom: 2px;
margin-bottom: 4px;
}
.last
{
display: block;
font-size: 11px;
}
.cate_contenu
{
width: 600px;
margin-left: 10px;
}
.description_cate
{
border-left: 4px solid #bebebe;
border-right: 4px solid #bebebe;
height: 100px;
overflow: auto;
padding: 5px;
}
.illu_cate
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 3px solid #11bdf5;
}
.description
{
display: block;
text-align: justify;
}
.qeel
{
width: 850px;
margin: auto;
height: 400px;
background: url(https://2img.net/r/hpimg11/pics/945551fondqeel.jpg) center center no-repeat;
}
.stats1
{
width: 400px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.stats2
{
width: 250px;
max-height: 200px;
overflow: auto;
margin-top: 20px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.groupes
{
width: 150px;
float: right;
max-height: 250px;
overflow: auto;
text-align: center;
padding: 6px;
margin-top: 70px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
}
.groupes a
{
display: block;
padding: 3px;
margin-bottom: 5px;
background-color: #eeeeee;
text-decoration: none !important;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
border-left: 3px solid #676767;
border-right: 3px solid #676767;
}
.groupes a:hover
{
border-left: 3px solid #11bdf5;
border-right: 3px solid #11bdf5;
}
.cb
{
margin-top: 50px;
}






.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: 10px !important;
}


a:link:hover, a:link:focus  
{color: #0000cc;  
    text-shadow: -1px 1px 8px #00CCFF, 1px -1px 8px #00ccff
  
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
   position:relative;
}
.nivoSlider img {
   position:absolute;
   top:0px;
   left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   border:0;
   padding:0;
   margin:0;
   z-index:6;
   display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
   display:block;
   position:absolute;
   z-index:5;
   height:100%;
}
.nivo-box {
   display:block;
   position:absolute;
   z-index:5;
}
/* Caption styles */
.nivo-caption {
   position:absolute;
   left:0px;
   bottom:0px;
   background:#000;
   color:#fff;
   opacity:0.8; /* Overridden by captionOpacity setting */
   width:100%;
   z-index:8;
}
.nivo-caption p {
   padding:5px;
   margin:0;
}
.nivo-caption a {
   display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
   position:absolute;
   top:45%;
   z-index:9;
   cursor:pointer;
}
.nivo-prevNav {
   left:0px;
}
.nivo-nextNav {
   right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
   position:relative;
   z-index:9;
   cursor:pointer;
}
.nivo-controlNav a.active {
   font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
   position:relative;
   background:#fff url(https://i.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}
.theme-default .nivoSlider a {
   border:0;
   display:block;
}

.theme-default .nivo-controlNav {
   position:absolute;
   left:50%;
   bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
   display:block;
   width:22px;
   height:22px;
   background:url(https://i.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
   text-indent:-9999px;
   border:0;
   margin-right:3px;
   float:left;
}
.theme-default .nivo-controlNav a.active {
   background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
   display:block;
   width:30px;
   height:30px;
   background:url(https://i.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
   text-indent:-9999px;
   border:0;
}
.theme-default a.nivo-nextNav {
   background-position:-30px 0;
   right:15px;
}
.theme-default a.nivo-prevNav {
   left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
  
  body.chatbox {
    background-image: url(https://i.imgur.com/bUQgyR1.png);
    
}
}

a.chat-title:link:before {
content: "The Chatty ";
}

chatbox > p span.user > span strong {
display: none; 
}
.user[style="color:#000000"] span:before, #chatbox_members span[style="color:#000000"] span:before {  content:url(https://2img.net/h/oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#63BFCF"] span:before, #chatbox_members span[style="color:#63BFCF"] span:before {  content:url(https://2img.net/h/oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#008F8F"] span:before, #chatbox_members span[style="color:#008F8F"] span:before {  content:url(https://2img.net/h/oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
row1.over:hover {background:url(\'\\image here if want a water mark/\') right bottom no-repeat;}
.forumline
{background-color: #;
  border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;}
.bodyline

  background-image: url("");
  background-position: right bottom;
  background-repeat: no-repeat;
  filter:alpha(opacity=95); -moz-opacity: 95; opacity: 95;
  border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-khtml-border-radius: 25px;
}
a.mainmenu:hover{
filter:alpha(opacity=30);  
-moz-opacity: 0.65;  
opacity: 0.65;
}
a:link {  
    text-decoration: none;  
    text-shadow: none;  
    -webkit-transition: 200ms linear 0s;  
    -moz-transition: 200ms linear 0s;  
    -o-transition: 200ms linear 0s;  
    transition: 200ms linear 0s;  
    outline: 0 none;  
}  
   #chatbox {background: url("") repeat scroll right center transparent;
}body.chatbox 
{background-image:url("https://i.imgur.com/IAcwt6c.jpg");}
.chatbox_row_1 {background: #110F12;}
.chatbox_row_2 {background: #15171D;
  }
.chatbox-username[data-user="2"] {
    text-decoration: none;  
    text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
}
.chatbox-username[data-user="11"] {
    text-decoration: none;  
    text-shadow: 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB;
}
.chatbox-username[data-user="1"] {
    text-decoration: none;  
    text-shadow: 0 0 0.3em #ff66ff, 0 0 0.3em #ff66ff, 0 0 0.3em #ff66ff;
}
.chatbox-username[data-user="17"] { 
text-decoration: none;  
text-shadow: 0 0 0.3em #00ffff, 0 0 0.3em #00ffff, 0 0 0.3em #00ffff;
}
.chatbox-username[data-user="4"] { 
text-decoration: none;      
text-shadow: 0 0 0.3em #3300ff, 0 0 0.3em #3300ff, 0 0 0.3em #3300ff;
}
.chatbox-username[data-user="33"] {
text-decoration: none;      
text-shadow: 0 0 0.3em #ffffff, 0 0 0.3em #ffffff, 0 0 0.3em #ffffff;
}
.chatbox-username[data-user="52"] {  
text-shadow: 0 0 0.3em #990000, 0 0 0.3em #990000, 0 0 0.3em #990000;
}
.chatbox-username[data-user="21"] {
text-decoration: none;      
text-shadow: 0 0 0.3em #9900ff, 0 0 0.3em #9900ff, 0 0 0.3em #9900ff;
}
.chatbox-username[data-user="3"] {
text-decoration: none;      
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
.chatbox-username[data-user="69"] {
text-decoration: none;      
text-shadow: 0 0 0.3em #990033, 0 0 0.3em #990033, 0 0 0.3em #990033;
}
a[href="/g1-administrators"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
a[href="/g1-administrators"]{
padding-left: 19px;
background: url(https://i.imgur.com/FTMLOTN.png) no-repeat left;}
a[href="/g2-moderators"]{
padding-left: 19px;
background: url(https://i.imgur.com/XOA6QOd.png) no-repeat left;}
a[href="/g16-developers"]{
padding-left: 19px;
background: url(https://i.imgur.com/a3ctNEL.png) no-repeat left;}
a[href="/g3-fairy-tail"]{
padding-left: 15px;
background: url(https://i.imgur.com/1IDyAP5.png) no-repeat left;}
a[href="/g4-blue-pegasus"]{
padding-left: 15px;
background: url(https://i.imgur.com/ZNl5wn0.png) no-repeat left;}
a[href="/g5-sabertooth"]{
padding-left: 15px;
background: url(https://i.imgur.com/Q0KYn0V.png) no-repeat left;}
a[href="/g6-lamia-scale"]{
padding-left: 15px;
background: url(https://i.imgur.com/E51Jdmb.png) no-repeat left;}
a[href="/g7-dragon-heart"]{
padding-left: 15px;
background: url(https://i.imgur.com/ciORzIA.png) no-repeat left;}
a[href="/g8-tartarus"]{
padding-left: 15px;
background: url(https://i.imgur.com/Tq2u8Wg.png) no-repeat left;}
a[href="/g13-magic-council"]{
padding-left: 15px;
background: url(https://2img.net/h/oi47.tinypic.com/24cb0ug.png) no-repeat left;}
a[href="/g14-rune-knights"]{
padding-left: 15px;
background: url(https://i.imgur.com/lYi5x0z.png) no-repeat left;}
a[href="/g15-chaos-lords"]{
padding-left: 15px;
background: url(https://i.imgur.com/pCNnwi1.png) no-repeat left;} 
  a[href="/g9-eternal-chaos"]{
padding-left: 15px;
background: url(https://i.imgur.com/00nqaN8.png) no-repeat left;}
  a[href="/g12-wizard-saints"]{
padding-left: 15px;
background: url(https://i.imgur.com/3Eu1Mfu.png) no-repeat left;}
a[href="/g10-noxx-hand"]{
padding-left: 15px;
background: url(https://i.imgur.com/UxfXq1l.png) no-repeat left;}
  a[href="/u11"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
   a[href="/u1"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
     a[href="/u21"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u2"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u17"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u4"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u33"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u52"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
a[href="/u69"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
a[href="/u2"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
}
a[href="/u11"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB;
}
a[href="/u1"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #ff6699, 0 0 0.3em #ff6699, 0 0 0.3em #ff6699;
}
a[href="/u17"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #00ffff, 0 0 0.3em #00ffff, 0 0 0.3em #00ffff;
}
a[href="/u4"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #3300ff, 0 0 0.3em #3300ff, 0 0 0.3em #3300ff;
}
a[href="/u33"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #ffffff, 0 0 0.3em #ffffff, 0 0 0.3em #ffffff;
}
a[href="/u52"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #990000, 0 0 0.3em #990000, 0 0 0.3em #990000;
}
a[href="/u21"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #9900ff, 0 0 0.3em #9900ff, 0 0 0.3em #9900ff;
}
a[href="/u3"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
a[href="/u69"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #990033, 0 0 0.3em #990033, 0 0 0.3em #990033;
}
  #chatbox_members .chatbox-username[data-user="11"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/MVN94Gf.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="11"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
  #chatbox_members .chatbox-username[data-user="2"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/GkcKRGj.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="2"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
  #chatbox_members .chatbox-username[data-user="1"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/zTXlR0t.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="1"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
  #chatbox_members .chatbox-username[data-user="33"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/Ne95bGh.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="33"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
   #chatbox_members .chatbox-username[data-user="21"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/jg5yw50.gif") no-repeat;
    display: inline-block;
}
#chatbox_members .chatbox-username[data-user="69"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/FCI3ZqT.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="69"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="33"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="35"]{
padding-left: 19px;
background: url("https://i.imgur.com/9DQytPi.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="52"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/wEX3Bph.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="52"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="132"]{
padding-left: 19px;
background: url("https://i.imgur.com/sgCKUkM.png") no-repeat left;
}
#chatbox_members .chatbox-username[data-user="17"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/kMvtGup.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="17"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="46"]{
padding-left: 19px;
background: url("https://i.imgur.com/JVP5lcW.png") no-repeat left;}

#chatbox_members .chatbox-username[data-user="158"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/dfKJJ1L.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="158"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="158"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88;
}
a[href="/u158"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
a[href="/u158"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88;
}
.chatbox-username[data-user="8"]{
padding-left: 19px;
background: url("https://i.imgur.com/LaAo1ew.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="93"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/iuQae4p.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="93"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
a[href="/u93"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #FF0033, 0 0 0.3em #FF0033, 0 0 0.3em #FF0033;
}
a[href="/u93"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
.chatbox-username[data-user="93"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #FF0033, 0 0 0.3em #FF0033, 0 0 0.3em #FF0033;
}

/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
  position:relative;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}
/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  opacity:0.8; /* Overridden by captionOpacity setting */
  width:100%;
  z-index:8;
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position:relative;
  z-index:9;
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
  position:relative;
  background:#fff url(https://i.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.theme-default .nivoSlider a {
  border:0;
  display:block;
}

.theme-default .nivo-controlNav {
  position:absolute;
  left:50%;
  bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url(https://i.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.theme-default .nivo-controlNav a.active {
  background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(https://i.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
.theme-default a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
.theme-default a.nivo-prevNav {
  left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
.codebox, code{
        background-color: #97959E !important;
          border-color: #181819 !important;
          color: #2929E6 !important;
        }
by LiquidSilverAce
on September 8th 2015, 1:56 am
 
Search in: Scripts Problems Archives
Topic: Moving Navigation Menu to Center of Page
Replies: 3
Views: 2925

Help ^^; [Group Icon Codes]

Hello!
I've been trying to play around with the group icons codes I have, but it doesn't seem to work. 

Code:
a[href="/g#-NAME"]{text-decoration: none;background: url("ADD IMAGE HERE");text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;}

I believe it has to do with the group number that's not working as it doesn't correlate with the ACP group number or group order I have at the bottom of the site. Is there any way to figure out the group numbers I have to use? Or has this code been updated causing the one I have not to work?

My site is an Invision site btw. Thanks in advance! >.<
by The Awakened
on September 7th 2015, 11:42 pm
 
Search in: Scripts Problems Archives
Topic: Help ^^; [Group Icon Codes]
Replies: 5
Views: 750

requesting for a banner, please?

[You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]

[You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]
Thanks Diana on the avatar.... you have the font.... outer glow is size 14 and hardness is 1 color all [You must be registered and logged in to see this link.] the black out line on the font is 1 [You must be registered and logged in to see this link.] size of font by eye old school [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]
by Ghost Pirate
on September 6th 2015, 3:40 pm
 
Search in: Completed Graphic Requests
Topic: requesting for a banner, please?
Replies: 12
Views: 827

Ace 1 Avatar

Creation Type : Avatar
Dimensions : 130x150
Primary Colors : [You must be registered and logged in to see this link.]
Secondary Colors : [You must be registered and logged in to see this link.]
Images to include :
Images:
N/A

Text to insert : N/A
Font : Arial
Font Color : [You must be registered and logged in to see this link.]
Link to my Forumotion forum : [You must be registered and logged in to see this link.]
Username on the forum : Ace 1
Link to last graphic request : N/A
Detail description : I like how Leah7 made her number behind her. I want something like that :3

I also would like the black and white bg colors to swirl or something. I'm not a picky guy, I will take what you give me [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]
by Ace 1
on September 1st 2015, 3:27 am
 
Search in: Completed Graphic Requests
Topic: Ace 1 Avatar
Replies: 6
Views: 707

Navbar Request #1

Creation Type : Navbar
Dimensions : 100x100(Hope its the right size)
Primary Colors : {#}FFFFFF{/#}
Secondary Colors : {#}FF0000{/#}
Images to include :
Images:
N/A

Text to insert : N/A
Font : N/A
Font Color : -None-
Link to my Forumotion forum : http://theoriginals.4umotion.com/
Username on the forum : Ghost
Link to last graphic request : https://help.forumotion.com/t143064-new-icons-for-my-forum
Detail description : Hello, I would like to have a Navbar on my forum(http://theoriginals.4umotion.com/). So I can make the appearance on my forum more noticeable....also I'd think it'd really have a great feel to it.
by Guest
on August 31st 2015, 10:32 pm
 
Search in: Completed Graphic Requests
Topic: Navbar Request #1
Replies: 8
Views: 822

New Icons for my forum

Creation Type : Forum Icons
Dimensions : 20x20x (Hope its the right size)
Primary Colors : {#}FFFFFF{/#}
Secondary Colors : {#}FF0000{/#}
Images to include :
Images:
http://www.bing.com/images/search?q=saints+icon&view=detailv2&&id=239D30F3930C9B524F7D0D360176A7FCD1FBC064&selectedIndex=2&ccid=cl7WTPfk&simid=608026606553534392&thid=JN.pE%2bqbPLSfy3xH33iL%2fXt1g&ajaxhist=0

Text to insert : -None-
Font : -None-
Font Color : -None-
Link to my Forumotion forum : http://theoriginals.4umotion.com/
Username on the forum : Ghost
Link to last graphic request : https://help.forumotion.com/t143043-i-need-a-banner-for-my-new-forum
Detail description : Hi, I'd like to have to new icons for my forum, like the saints logo but red and white.(Like my banner) also in more Detail: Saints Logo for "New posts" a white logo. "No new posts" Blue logo" and for locked forums. "Red logo" Hope its not too much Smile Also for more clarification: http://prntscr.com/8ayz6g
by Guest
on August 31st 2015, 3:31 pm
 
Search in: Completed Graphic Requests
Topic: New Icons for my forum
Replies: 3
Views: 715

Hello =) i need you help guys! fast you can

Creation Type : Banner
Dimensions : 450x100
Primary Colors : N/A
Secondary Colors : N/A
Images to include :
Images:
N/A

Text to insert : N/A
Font : N/A
Font Color : #FFFFFF
Link to my Forumotion forum : http://idk what is that mean lol
Username on the forum : heddi4
Link to last graphic request : N/A
Detail description : Hello evry one i am new here and someone just tell me if you want to make something just come here .....
anyway i am looking for banned like this : http://fr.tinypic.com/r/2akbmtk/8
idk really what size of that one but i think 450*100
and if you can really put this one ther : http://www.google.dz/imgres?imgurl=http://files.gamebanana.com/img/ss/maps/146587b.jpg&imgrefurl=http://cs.gamebanana.com/maps/146588&h=720&w=1280&tbnid=1mLc4xxmgGWXgM:&docid=4AnV4xejERIyWM&ei=TufVVY_0F8jsapX-leAF&tbm=isch&ved=0CB0QMygDMANqFQoTCI_Tz8Xyt8cCFUi2GgodFX8FXA
and you write ther same the pic i give you!! Cs-Club
TTT Server

thanks ! sorry for my bad english
by heddi4
on August 20th 2015, 4:49 pm
 
Search in: Garbage
Topic: Hello =) i need you help guys! fast you can
Replies: 2
Views: 556

Request Moderator Tools Icons.

Creation Type: Set of 7 "Quick Mod Tools" icons.
Size (In Pixels): 32 x 32
Primary Colors: [You must be registered and logged in to see this link.] w/[You must be registered and logged in to see this link.], see details below
Secondary Colors: [You must be registered and logged in to see this link.]
Images to include: Updated and simple "mod tools" images, the artist should choose.
Text to Insert: n/a
Font (Provide Download Link): n/a
Font Color: n/a
Link to My Forumotion Forum: [You must be registered and logged in to see this link.]
Username on Your Forum: Deb
Link to your Last Graphics Request: [You must be registered and logged in to see this link.]
Detailed Description:

I'd like a set of Quick Moderator Tools icons for my forum.

Each mod tool icon should be 32 x 32 .

The icons should be round and white ([You must be registered and logged in to see this link.]), and have a three dimensional look using as light a gray as possible (for example, [You must be registered and logged in to see this link.]) to enhance the contrast of the black icon images on the white.

Each mod tool icon should have a border in a medium blue, [You must be registered and logged in to see this link.]. The border should be proportional to the icon size, and match the style of the border of the topic icons from my forum: (example)
[You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]

Each icon must have an image which easily indicates what it's for. I'm requesting the artist use plain, black, and simple images of their choice. I prefer sharp images, with few details; in other words, unfussy.

Icons needed for:
- delete
- lock
- merge
- move
- split
- basket
- unlock

Thank you! [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]
by Castellana
on July 27th 2015, 6:54 pm
 
Search in: Completed Graphic Requests
Topic: Request Moderator Tools Icons.
Replies: 6
Views: 942

Buttons

Creation Type : Button
Dimensions : 75x35
Primary Colors : [You must be registered and logged in to see this link.]
Secondary Colors : [You must be registered and logged in to see this link.]
Images to include :
Images:
[You must be registered and logged in to see this link.]

Text to insert : Delete, IP
Font : [You must be registered and logged in to see this link.]
Font Color : Match the other button
Link to my Forumotion forum : [You must be registered and logged in to see this link.]
Username on the forum : Mato
Link to last graphic request : N/A
Detail description : So, essentially what I need are delete/view IP buttons for my forum. They should look like this
Spoiler:
[You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]
with the picture behind the wording.

Thank you!
by Kira Yuudai
on July 5th 2015, 8:59 am
 
Search in: Completed Graphic Requests
Topic: Buttons
Replies: 3
Views: 632

Stock ticker error in homepage message

We are getting an error with our java stock tickers, which are in the "Homepage message" (content section). There is white space where the tickers should be. Everything is white-listed under the java security settings.

The error is an "Application Error"...



ArithmeticException

"/zero"

(divide by zero)

We haven't altered the ticker code, which I copy below:

<applet id="Ticker2" style="width: 800px; height: 48px;" code="Ticker.class" archive="Ticker.jar" codebase="http://java.barchart.com/ticker"> <param id="panels" value="3" /> <param id="1:symbols" value="'Indices,$NASX:Nasdaq,$NYS:NYSE,$IUX:Russell,$VLA:Value Line,$SPX:S&P500,$DOWI:Dow Jones" /> <param id="1:scroll" value="-1,  30" /> <param id="1:bgcolor" value="#000000" /> <param id="1:fgcolor" value="#FFFFFF" /> <param id="1:pscolor" value="#00CC00" /> <param id="1:ngcolor" value="#FF3333" /> <param id="1:hilight" value="#ccFFFF" /> <param id="1:font" value="Arial, Normal, 10" /> <param id="2:symbols" value="'Stocks,MSFT:Microsoft,IBM,QQQQ,SIEB:Siebert,TSA:Sports Authority,EBAY,YHOO:Yahoo!" /> <param id="2:scroll" value="-1,  30" /> <param id="2:bgcolor" value="#000000" /> <param id="2:fgcolor" value="#ffffff" /> <param id="2:pscolor" value="#00cc00" /> <param id="2:ngcolor" value="#ff3333" /> <param id="2:hilight" value="#ccffFF" /> <param id="2:font" value="Arial, Normal, 10" /> <param id="3:symbols" value="'Commodities,ZWY00:Wheat,ZCY00:Corn,ZSY00:Soybeans,ZOY00:Oats,ZRN14:Rough Rice,HEY00:Lean Hogs,LEY00:Live Cattle,KCY00:Coffee,SBY00:Sugar,CCY00:Cocoa,RSY00:Canola,ZKY00:Ethanol" /> <param id="3:scroll" value="-1,  30" /> <param id="3:bgcolor" value="#000000" /> <param id="3:fgcolor" value="#FFFFFF" /> <param id="3:pscolor" value="#00CC00" /> <param id="3:ngcolor" value="#FF3333" /> <param id="3:hilight" value="#CCFFFF" /> <param id="3:font" value="Arial, Normal, 10" /> </applet> <script language="javascript">
   
</script>         <script language="javascript1.2" src="http://www.cnsnews.com/ticker/horizontal/code.js">
</script>

================

Does anyone know how we might correct this?

Thanks
by Richardr
on June 21st 2015, 4:28 am
 
Search in: Garbage
Topic: Stock ticker error in homepage message
Replies: 0
Views: 996

Mobile version background Error

Technical Details

Forum version : #PunBB
Position : Founder
Concerned browser(s) : Safari
Screenshot of problem : https://servimg.com/view/19241541/11
Who the problem concerns : All members
When the problem appeared : 14th June 2015
Forum link : http://www.PanBlaze.com/

Description of problem

CSS Code:


@font-face {
 font-family: 'Lato';
 font-style: normal;
 font-weight: 400;
 src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}

.smalltext {
   font-size: 11px;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/

.ipsType_small {
   font-size: 12px !important;
}

html, body {
   color: #555;
}
body {
   font: 13px helvetica,arial,sans-serif;

}
body {
   background: #EDEDED;
}
.main .main-head {
 margin-top: 8px!important;
}
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: .2;
}
body {
 font-famiy: Arial!important;
}
.pun-crumbs p {
color: #666;
font-size: 11px;
line-height: 1.5;
margin: 0;
}
.pun {
line-height: 130%;
padding: 5px;
margin: 0 auto;
min-width: 960px;
width: 70%!important;
}
/*header*/
#header_bar {
   background: none repeat scroll 0% 0% #141518;
   padding: 0px;
   text-align: right;
}
#branding, #header_bar, #primary_nav {
   min-width: 980px;
}

#limite, .main_width {
}
#limite, .main_width {
   margin: 0px auto;
   min-width: 960px;
}
#limite, .main_width {
   width: 70% !important;
}

#user_navigation {
   color: #9F9F9F;
   font-size: 11px;
}
#user_navigation.not_logged_in {
   height: 26px;
   padding: 6px 0px 4px;
}
#user_navigation a {
   color: #FFF;
   font-size: 11px;
}
#inbox_link {
   background: url('http://www.tibiaking.com/forum/public/style_images/gris/icon_inbox.png') no-repeat scroll center top transparent;
}
#inbox_link, #notify_link {
   height: 15px;
   padding: 11px 24px 8px 12px;
   position: relative;
   vertical-align: middle;
   width: 18px;
}
#notify_link {
   background: url('http://www.tibiaking.com/forum/public/style_images/gris/icon_notify.png') no-repeat scroll center top transparent;
   margin-right: 11px;
}
.ipsHasNotifications {
   background: none repeat scroll 0% 0% #CF2020;
   border-radius: 2px;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
   color: rgb(255, 255, 255) !important;
   font-size: 9px;
   height: 12px;
   left: -5px;
   line-height: 12px;
   padding: 0px 4px;
   position: absolute;
   text-align: center;
   top: 4px;
}
#user_link_dd, .dropdownIndicator {
   background: url('http://www.tibiaking.com/forum/public/style_images/gris/header_dropdown.png') no-repeat scroll right center transparent;
   display: inline-block;
   height: 5px;
   margin: 1px 0px 1px 1px;
   width: 9px;
}
.right {
   float: right;
}
ol, ul {
   list-style: none outside none;
}

.ipsList_inline > li {
   display: inline-block;
   margin: 0px 3px;

}

.ipsList_inline > li:first-child {
   margin-left: 0px;
}
#header_bar {
   text-align: right;
}
#user_navigation a {
   color: #FFF;
}
.pun a:link , .ipsVerticalTabbed_tabs li a, .cancel, #footer .block li a:hover, .logoText a:hover {
   color: #AC1E37;
}
.pun a:hover {
   color: #555;
}
img, .input_check, .input_radio {
   vertical-align: middle;
}
fieldset, img {
   border: 0px none;
}
#user_navigation #register_link {
   background: none repeat scroll 0% 0% #DF4C2B;
   border-bottom: 4px solid #BE2F11;
   color: #FFF;
   display: inline-block;
   padding: 3px 8px;
}
#user_navigation #register_link {
     background-color: #BF2A45;
   border-bottom: 4px solid #AC1E37;
}


/*branding*/
#branding {
   background: none repeat scroll 0% 0% #28292D;
   min-height: 120px;
}
.logoText {
   font-weight: 300;
   font-size: 28px;
   color: #FFF;
   text-decoration: none;
   line-height: 120px;
}
.logoText a {
   color: #FFF;
}

#search {
   margin: 45px 0px;
}
.logoText a img {
     margin-top: 43px;
}
/*sarch*/
fieldset, img {
   border: 0px none;
}
.hide {
   display: none;
}
#adv_search {
   width: 16px;
   height: 16px;
   background: url('http://demo.themetent.com/public/style_images/flatten/advanced_search.png') no-repeat scroll right 50% transparent;
   text-indent: -3000em;
   display: inline-block;
   margin: 4px 0px 4px 4px;
}
#search_wrap {
   position: relative;
   background: none repeat scroll 0% 0% #FFF;
   display: block;
   padding: 0px 26px 0px 4px;
   height: 26px;
   line-height: 25px;
   border-width: 1px 1px 2px;
   border-style: solid;
   border-color: #F4F2F2;
   -moz-border-top-colors: none;
   -moz-border-right-colors: none;
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   border-image: none;
   min-width: 230px;
}
#main_search {
   background: none repeat scroll 0px 0px transparent;
   border: 0px none;
   font-size: 13px !important;
   outline: 0px none;
   padding: 0px;
   width: 130px;
   margin-top: 5px;
}
#search_options {
   font-size: 10px;
   height: 20px;
   line-height: 20px;
   margin: 3px 3px 3px 0px;
   padding: 0px 6px;
   border-radius: 3px;
   background: none repeat scroll 0% 0% #EAEAEA;
   display: inline-block;
   float: right;
   max-width: 80px;
   text-overflow: ellipsis;
   overflow: hidden;
}
.clickable {
   cursor: pointer;
}
#search .submit_input {
   background: url('http://demo.themetent.com/public/style_images/flatten/search_icon.png') no-repeat scroll 50% center #ACACAC;
   text-indent: -3000em;
   padding: 0px;
   border: 0px none;
   display: block;
   width: 26px;
   height: 26px;
   position: absolute;
   right: 0px;
   top: 0px;
   bottom: 0px;
}
.maintitle, .buttonRegister, #primary_nav, .general_box h3, .pagination .pages li.active, .pagination .back a:hover, .pagination .forward a:hover, .ipsSideMenu ul li.active a, .ipsVerticalTabbed_tabs li a:hover, .cblock h3.draggable, .popupInner h3, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, #user_navigation #register_link, #footer, #community_app_menu .mega, #more_apps_menucontentul li > a, #community_app_menu div li:hover > a {
   background-color: #BF2A45;
   border-bottom: 4px solid #AC1E37;
}
#primary_nav {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   font-size: 13px;
   padding: 4px 0px 0px;
}

#community_app_menu > li > a {
   color: #FFF;
   display: block;
   padding: 13px 15px;
   margin-top: -4px;
}
#community_app_menu .active > a, #more_apps_menucontentul .active > a, #community_app_menu .active:hover > a {
   background-color: rgba(0, 0, 0, 0.2) !important;

color: rgb(255, 255, 255) !important;
}

#community_app_menu > li {
   margin: 0px 3px 0px 0px;
   position: relative;
}
#community_app_menu > li > a {
   color: #FFF;
   display: block;
   padding: 13px 15px;
   margin-top: -4px;
}
#community_app_menu > li.active > a {
   color: #FFF;
   font-weight: bold;
   text-shadow: none;
}
#community_app_menu > li > a:hover {

   color: rgb(255, 255, 255) !important;
   background-color: rgba(0, 0, 0, 0.2) !important;
}
li.socialIcon a > img {
   opacity: 0.4;
   transition: all 0.5s ease-in-out 0s;
   padding: 5px!mportant;
   margin: 4px 3px!important;
}
li.socialIcon a > img:hover {
opacity: 1;
   padding: 5px!mportant;
   margin: 4px 3px!important;
}
/*index_box*/
.main .main-foot, .main .main-head {
     background-color: #BF2A45;
   border-bottom: 4px solid #AC1E37;
   color: #FFF;
   padding: 15px 15px 16px;
   font-size: 16px;
   font-weight: 300;
   text-align: center;
}
.main .main-foot:hover, .main .main-head:hover {
   background: none repeat scroll 0% 0% rgb(172, 172, 172) !important;
   border-bottom: 4px solid #979696;
}
.main .main-head .page-title {
   color: #FFF;
   font-size: 16px;
   font-weight: 300;
   text-align: center;
font-family: Arial;
}
.main .main-head .page-title h2 {
   color: #FFF;
   font-size: 16px;
   font-weight: 300;
   text-align: center;
font-family: Arial;
}
.main .main-head .page-title .h2 {
   color: #FFF;
   font-size: 16px;
   font-weight: 300;
   text-align: center;
font-family: Arial;
}
.pun table.table td.tcr {
   opacity: 0.5;
     -moz-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
     -webkit-transition: all 0.5s ease-in-out 0s;
}
.pun table.table td.tcr:hover {
 opacity: 1;
}
.col_c_stats {
   color: rgb(45, 46, 46) !important;
   text-align: right;
}
.ipsType_small {
   font-size: 12px !important;
}
.mini_ava img:hover {
   border-color: #7D7D7D;

}
.mini_ava {
   float: left;
}
.mini_ava img {
   background: none repeat scroll 0% 0% #FFF;
   border: 1px solid #D5D5D5;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
   height: 36px;
   margin: 0px 10px;
   padding: 1px;
   width: 36px;
}
.table tbody.statused tr td {
background: white;
border: 0;
font-size: 12px;
vertical-align: middle;
}
.pun .main-content {
   padding: 9px;
}
.pun .main-content {
   background: none repeat scroll 0% 0% #FFF;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   border: transparent;
}

div#dert_to {
     margin-left: 30px;
}
span.escritorio {
   color: #777;
   font-size: 12px !important;
   line-height: 17px;
}
a.forumtitle {

   font-family: Arial;
   font-size: 15px;
   font-weight: 400;
   text-decoration: none;
}
.pun table.table th {
background-color: transparent;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}
/*topic_body*/
.pun .paged-foot, .pun .paged-head {
   background-color: transparent;
   border: 0;
   padding: 0.6em 1.3em 0.3em;
}

.post_block {
   color: #FFF;
   background: none repeat scroll 0% 0% #28292D;
   border-bottom: 4px solid #141518;
   padding: 0px 10px;
   height: 36px;
   line-height: 36px;
   font-weight: normal;
   font-size: 16px;
}
.post_block:hover {
   background: none repeat scroll 0% 0% rgb(172, 172, 172) !important;
   border-bottom: 4px solid #979696;
}
.post_block span.creator a {
   color: rgb(255, 255, 255) !important;
   font-weight: 100 !important;
}
.post_block span.creator a span {
   color: rgb(255, 255, 255) !important;
   font-weight: 100 !important;
}

.desc_post {
   color: #777;
   float: right;
   font-size: 11px;
   margin-right: 17px !important;
   margin-top: -28px;
   text-align: right;
}
.pun .posthead h2 {
   font-family: Arimo,sans-serif;
   font-size: 12px;
}
.pun .posthead {
   background: none repeat scroll 0% 0% transparent;
   border-bottom: 0px none;
   color: #A4A4A4;
   font-size: 12px !important;
   font-weight: 400;
   margin: 0px 10px 0px 0px;
   padding-top: 10px;
}
.pun .postmain {
   background: none repeat scroll 0% 0% #FFF;
   border-left: 0px none;
   height: 100%;
   margin: 0px 0px 0px 175px;
   padding-left: 12px;
   padding-right: 10px;
}
.pun .post .user {
   float: left;
   font-size: 12px;
   padding: 10px 30px;
   text-align: center;
   width: 150px;
}
.user-basic-info a img:hover {
   border-color: #7D7D7D;
}
.user-basic-info a img {
   background: none repeat scroll 0% 0% #FFF;
   border: 1px solid #D5D5D5;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
   max-height: 90px;
   max-width: 90px;
   padding: 1px;
}
.pun .user .user-rank {
   font-size: 12px;
   line-height: 122%;
   margin-top: 6px;
}
.pun .user .user-info {
   color: #A4A4A4;
   font-size: 12px;
   line-height: 19px;
}
.postfoot {
border-bottom: 0;
border-top: 0;
clear: both;
margin-left: -15em;
padding: .5em 1em;
text-align: right;
}
.pun .post {
   background: none repeat scroll 0% 0% #FFF;
 border: 0;
}
 .pun .topic {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.module.main {
   margin: 0px;
   margin-left: 11px !important;
}
/*widgets*/
#right .module.main .main-head {
   background: none repeat scroll 0px 0px #ACACAC;
   color: #FFF;
   font-family: helvetica,arial,sans-serif;
   font-size: 15px !important;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   padding: 7px 12px;
   border-bottom: 2px solid #979696;
   text-align: left;
}
#right .module.main .main-head:hover {
     background: none repeat scroll 0% 0% #3D9E68!important;
border-bottom: 2px solid #3C855C;
}
/**footer**/
.block {
   float: left;
   width: auto;
   padding: 20px 60px 20px 0px;
}
.block h2 {
   color: #FFF;
   padding: 0px 10px 10px 0px;
   font-size: 12pt;
   font-weight: 300;
   border-bottom: 1px solid #F0F0F0;
}
.block li {
   padding-top: 10px;
   color: #FFF;
}
.block a {
   color: #FFF;
}
#footer_utilities {
   background: none repeat scroll 0% 0% #141518;
   padding: 14px;
   font-size: 11px;
   position: relative;
 height: auto!important
}
#footer_utilities .ipsList_inline > li > a {
   color: #FFF;
   margin-right: 0px;
   padding: 4px 10px;
}
#copyright {
   color: #FFF;
   text-align: right;
}
#copyright a {
   color: #FFF;
}

/*css widget stats*/
#stat_esxd .valor_xd {
   display: inline-block;
   background: none repeat scroll 0% 0% #E2E2E2;
   color: #4A4A4A;
   padding: 10px 15px;
   font-weight: bold;
   border-radius: 2px;
   margin: -10px 0px;
   float: right;
}
#stat_esxd li {
   margin-bottom: 10px;
   display: block;
   padding: 10px 0px;
}

.valor_xd a {
   color: #4A4A4A!important;
}
/*index_body*/
.statistics h3 {
   background: none repeat scroll 0% 0% #28292D;
   border-bottom: 4px solid #141518;
   font-size: 16px;
   font-weight: 300;
   padding: 15px 15px 16px;
   color: #FFF;
   margin: -10px -10px 10px;
}
.statistics {
   background: none repeat scroll 0% 0% #FFF;
   margin-top: 20px;
   padding: 10px;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   overflow: hidden;
}
.desc, .desc.blend_links a, p.posted_info {
   font-size: 12px;
   color: #777;
}
.statistics_head {
   font-size: 14px;
   font-weight: bold;
}
#pun-about {
   background-color: transparent;
   border: 0;
   line-height: 150%;
   padding: 0.6em 1em;
   text-align: right;
   font-size: 10px !important;
}
#pun-about #qjump {
   float: left;
   text-align: left;
   display: none;
}
#stats {
   background-color: transparent;
   line-height: 150%;
   padding: 0.6em 1em;
   font-weight: bold !important;
   font-size: 14px;
}
#onlinelist {
   background-color: transparent;
   padding: 0.6em 1em;
   border-top: 0;
}

/*CSS Botón para ir al Panel de administración*/
p#ir_a_pa > strong > a {
     display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0px;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.42857;
   text-align: center;
 vertical-align: middle;
   cursor: pointer;
 border: 1px solid;
   border-radius: 4px;
   color: #FFF;
   background-color: #BF2A45;
   border-color: #AC1E37;
}
p#ir_a_pa > strong > a:active {
 position: relative;
 top: 1px;
}
/*END CSS Botón para ir al Panel de administración*/

/*ranko*/
div#randam {
   inline-block;
   padding: 6px 12px;
   margin-bottom: 0px;
   font-size: 12px;
   font-weight: normal;
   line-height: 1.42857;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;

   display: inline-block;


   border: 1px solid transparent;
   border-radius: 4px;
   background-color: #D9534F;
   border-color: #D43F3A;
 color: white;
}
.pun .entry-content {
   overflow: hidden;
   padding-bottom: 0.8em;
   width: 100%;
   line-height: 1.6;
}

/*quotes*/
.postmain blockquote {
background-color: #fcfcfc;
border: 1px solid #e3e3e3;
padding: 10px;
color: #9f9f9f;
margin-bottom: 5px;
margin: 0;
}
.postmain cite, blockquote cite {
margin: -11px -11px 8px;
}
blockquote cite {
background: #f2f2f2 url('http://www.skinbox.net/demo/public/style_images/elegant/highlight.png') repeat-x 0 0;
border: 1px solid #e3e3e3;

font-size: 12px;
overflow-x: auto;
padding: 8px 10px;
color: #535353;
text-shadow: rgba(255,255,255,1) 0px 1px 0px;
}
.codebox {
background: #FCFCFC;
border: 1px solid #dde5ed;
font-size: 11px;
line-height: 170%;
overflow: auto;
padding: 5px;
margin-bottom: 5px;
margin: 0;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dt {
border-bottom: 0;
}
.codebox dd {
background-color: transparent;
margin: .5em;
padding: .5em;
}
td.tcr span a:empty:before {
color: #a4a4a4;
content: "No posts to view.";
cursor: default;
font-style: italic;
margin: 1px 0 4px 8px;
pointer-events: none;
text-align: center;
word-wrap: break-word;
}
/*widget stay conected*/
#links_sociales img, #links_sociales {
 display: inline-block;
opacity: 0.7;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
padding: 5px;
}
#links_sociales {
 padding: 0px;
}
#links_sociales:hover {
background: #D1D1D1;
}
#links_sociales img:hover {
 opacity: 1;
}
/*tabs*/
#tabs ul li a {
background-color: #fff;
border: 1px solid #DBDBDB;
float: left;
margin-bottom: -8px;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
color: #353535;
font-size: 12px;
}
#tabs ul li.activetab a {
background-color: #bf2a45!important;
border: 1px solid #831427!important;
color: #FFFFFF;
text-decoration: none;
}

/*edits por mindlezz xD*/
#profile-advanced-right .main-head .h3 em {
-moz-border-radius: 3px!important;
-webkit-border-radius: 3px!important;
background-color: #7ba60d!important;
background-image: url(https://i.imgur.com/EHGpChd.png)!important;
background-position: 0 -1px!important;
background-repeat: repeat-x!important;
border-radius: 3px!important;
color: #fff!important;
cursor: default!important;
font-size: 9px!important;
font-weight: 700!important;
height: 16px!important;
line-height: 16px!important;
padding: 3px 5px!important;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0!important;
text-transform: uppercase!important;
 cursor: pointer!important;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
width: 138px;
height: 138px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

/*END edits por mindlezz xD*/

/*css chatbox*/

#chatbox_header.main-head {
background-color: #BF2A45;
border-bottom: 4px solid #AC1E37;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
font-size: 13px;
padding: 4px 0 0;
color: white;
line-height: 9px;
}
#chatbox_members {
background: #FFFFFF;
border-right: 1px solid rgba(151, 150, 150, 0.28);
overflow: auto;
position: absolute;
}
.chatbox-title {
float: left;
font-family: Lato;
margin: 3px 0 0;
padding: 2px 5px 0;
width: 15em;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #FFFFFF;
text-decoration: none;
}
#chatbox p span[style="color;"], #chatbox p span[style="color;"] {
background: rgba(250,250,210,0.07);
border-radius: 2px;
padding: 1px;
}
#chatbox p {
background: #FFF;
background-position: bottom;
border-top: solid 1px rgba(203, 203, 203, 0.28);
border-bottom: 1px solid rgba(252, 252, 252, 0.75);
color: #646464;
font-size: 11px;
line-height: 1.2em;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox-options {
float: right;
list-style: none;
margin: 2px 0px 5px 0px;
color: white!important;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #FFFFFF;
}
#chatbox_members .member-title.online {
background: #3D9E68!important;
color: #FFF;
border: 1px solid #3C855C;
border-top: 0;
font-size: 12px;
padding: .5em .25em;
text-align: center;
box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.42);
font-weight: 100!important;
}
#chatbox_members .member-title.away {
background: #ACACAC!important;
color: #FFF;
border: 1px solid #979696;
border-top: 0;
font-size: 12px;
padding: .5em .25em;
text-align: center;
box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.42);
font-weight: 100!important;
}
#chatbox_footer {
-webkit-box-shadow: inset rgba(255, 255, 255, 1) 0 0 0 1px;
background: #eee url(http://www.themefreak.net/demo/themes/Sleek/tcat.png) repeat-x;
border: solid 1px #cbcbcb;
display: block!important;
height: 32px;
left: 0;
padding: 0;
position: absolute;
right: 0;
}
#chatbox_messenger_form {
margin: 5px 20px 0;
}
#chatbox_messenger_form #message {
background: rgba(83,80,80,.Cool;
border: 0;
border-radius: 3px;
color: #fff;
padding: 2px 2px 2px 5px;
}
#chatbox_messenger_form #message {
box-shadow: inset rgba(248, 248, 248, 1) 0 0 0 1px;
background: rgba(255, 255, 255, 0.Cool;
border-radius: 3px;
color: #fff;
padding: 2px 2px 2px 5px;
border: 1px solid #E1E3E5!important;
}
#submit_button {
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #28292d;
border-bottom: 2px solid #141518;
border-left: 0;
border-right: 0;
border-top: 0;
color: #fff;
display: inline-block;
font-size: 12px;
padding: 4px 6px;
white-space: nowrap;
}
#submit_button:hover {
 background: #acacac;
border-bottom: 2px solid #979696;
color: #fff;
}

#avatar img {
     max-width: 28px;
   margin: 4px;
   vertical-align: middle;
}
.logged_in {
     height: 35px;
}
#pun-visit, .main-box {
   background-color: transparent;
   border: 0;
   font-size: 11px;
 display: none;
}




Hi, I installed a theme and its working completely fine on Computer but not working properly on Mobile.

I tried replacing code to the orignal one then it was working fine but when i am updating new CSS Code, it seems error in bacground.

Humble request guys, can someone guide me with proper script for mobile version.

Regards
by DadyKing
on June 15th 2015, 8:44 am
 
Search in: Garbage
Topic: Mobile version background Error
Replies: 4
Views: 6568

Please help me make banner for Fisheries forum

Creation Type : Banner
Dimensions : 1270x200
Primary Colors : [You must be registered and logged in to see this link.]
Secondary Colors : [You must be registered and logged in to see this link.]
Images to include :
Images:
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]

Text to insert : VNFISH
Font : N/A
Font Color : [You must be registered and logged in to see this link.]
Link to my Forumotion forum : [You must be registered and logged in to see this link.]
Username on the forum : Mr.Winni
Link to last graphic request : N/A
Detail description : Hi,
I've the forum about Fisheries, my forum template design like Google+ style, i think 1 banner full width and height 200px will very nice for my forum, i hope thí banner follow material design like google+.
Thank so much.
by Mr.Winni
on June 2nd 2015, 10:04 am
 
Search in: Completed Graphic Requests
Topic: Please help me make banner for Fisheries forum
Replies: 9
Views: 668

Post Buttons Request

Creation Type : Button
Dimensions : 120x40
Primary Colors : {#}A13824{/#}
Secondary Colors : {#}B4B4B4{/#}
Images to include :
Images:
https://i.servimg.com/u/f19/16/89/96/68/gtr10.jpg


Text to insert : New Topic, Add Reply, Upload, Topic Locked, & New Message/New PM
Font : http://www.dafont.com/optimusprinceps.font
Font Color : {#}FFFFFF{/#}
Link to my Forumotion forum : http://www.gatewaytoroleplay.com
Username on the forum : Leah7
Link to last graphic request : https://help.forumotion.com/t133590-ranks-request
Detail description : I would like some new buttons to replace my currents ones that look good on my wrap (image provided to show the background and the buttons I'm currently using).  I'd really like them to match my theme, but other than that, I don't have anything specific in mind.  

Either OptimusPrinceps or Harlow Solid Italic are acceptable fonts and the font can really be in any color that matches the button.  The size can be changed a little, if need be, I just don't want them to be too small to easily notice on the page.
by Guest
on May 24th 2015, 7:05 pm
 
Search in: Garbage
Topic: Post Buttons Request
Replies: 2
Views: 558

You can throw me a few examples and I can base myself to see what I like best.

Creation Type : Signature
Dimensions : 455x20
Primary Colors : [You must be registered and logged in to see this link.]
Secondary Colors : [You must be registered and logged in to see this link.]
Images to include :
Images:
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]

Text to insert : Sir Chivas™ // Support Moderator
Font : [You must be registered and logged in to see this link.]
Font Color : [You must be registered and logged in to see this link.]
Link to my Forumotion forum : [You must be registered and logged in to see this link.]
Username on the forum : Sir Chivas™
Link to last graphic request : [You must be registered and logged in to see this link.]
Detail description : Something similar to yours: [You must be registered and logged in to see this link.]

You can also do the little arrows thing on mine too. Similar design in other words.
by Sir Chivas™
on May 23rd 2015, 5:34 pm
 
Search in: Completed Graphic Requests
Topic: You can throw me a few examples and I can base myself to see what I like best.
Replies: 17
Views: 1322

Background help

Okay, here's the  whole thing:

body {
background-color: #000000;
background-image: url("https://i.servimg.com/u/f19/19/22/89/57/allian10.jpg");
background-attachment: scroll;
}
* html {
scrollbar-face-color: #9f0000;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #680000;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #7f0000;
}
*+ html {
scrollbar-face-color: #9f0000;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #680000;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #7f0000;
}
#sceditor_smilies{
background-color: #0e0e0e;
}
}
#sce_smilies_body {

/*background:none;
*/
background-color: #000000;
background-image: none;
min-width: 1px !important;
}
.sceditor-container iframe, .sceditor-container textarea {
background-color: transparent !important;
}
.sceditor-container{
background-color: #ffffff !important;
}
.sceditor-toolbar{
background-color: #f7f7f7 !important;
}
th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border: none;
}

/* Links */

/* a:link,a:active,a:visited {
color : #005eff;
}
*/
a:link{
color: #005eff;
}
a:visited{
color: #0055ff;
}
a:active{
color: #0368f5 }
a:hover{
text-decoration: underline !important;
color : #006aff;
}
hr{
height: 0;
border: solid #1c1c1c 0;
border-top-width: 1px;
}
.bodyline{
background-color: #;
border: 1px #000000 solid;
}
.bodylinewidth {
width:100%}
.forumline{
background-color: #000000;
border: 2px #0d0d0d solid;
}
td.row1,td.row3.over:hover {
background-color: #000000;
}
td.row2,td.row1.over:hover {
background-color: #0e0e0e;
}
td.row3{
background-color: #1c1c1c;
}
td.rowpic {
background-color: #000000;
background-image: url("https://2img.net/s/t/14/13/07/i_back_catd.png");
css}
th {
color: #f70505;
font-size: 11px;
font-weight : bold;
background-color: #000000;
height: 25px;
background-image: url("https://2img.net/s/t/14/13/07/i_back_title.png");
padding: 2px 3px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("https://2img.net/s/t/14/13/07/i_back_catg.png");
background-color:#000000;
border: #0d0d0d;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #000000;
border-style: solid;

/*height: 20px;
*/
}
td.row3Right,td.spaceRow {
background-color: #1c1c1c;
border: #0d0d0d;
border-style: solid;
}
td.pourcentback {
background-color : #000000;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0 1px 0 0;
}
th.thLeft,td.catLeft {
border-width: 0 0 0 1px;
}
th.thBottom,td.catBottom {
border-width: 0 1px 1px 1px;
}
th.thTop {
border-width: 1px 0 0;
}
th.thCornerL {
border-width: 1px 0 0 1px;
}
th.thCornerR {
border-width: 1px 1px 0 0;
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #ffffff;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px 3px;
}
.forumline td.pagination {
padding:0;
}
.maintitle h1 {
margin: 0;
padding: 0;
display: inline;
}
.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 10px;
}
.gen,.genmed,.gensmall {
color : #ffffff;
}
a.gen,a.genmed,a.gensmall {
color: #005eff;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #006aff;
text-decoration: underline;
}
.mainmenu{
font-size : 11px;
color : #ffffff }
a.mainmenu{
text-decoration: none;
color : #005eff;
}
a.mainmenu:hover{
text-decoration: underline;
color : #006aff;
}
.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #005eff}
h1.cattitle {
margin:0;
padding: 0;
display:inline;
}
a.cattitle{
text-decoration: none;
color : #005eff;
}
a.cattitle:hover{
text-decoration: underline;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #005eff;
}
a.forumlink {
text-decoration: none;
color : #005eff;
}
a.forumlink:link {
color : #005eff;
}
a.forumlink:visited {
color : #0055ff;
}
a.forumlink:active {
color : #0368f5;
}
a.forumlink:hover{
text-decoration: underline;
color : #006aff;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #ffffff;
}
a.nav{
text-decoration: none;
color : #005eff;
}
a.nav:hover{
text-decoration: underline;
}
.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #ffffff;
}
div.topictitle {
display: inline;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
}
a.topictitle:link{
text-decoration: none;
color : #005eff;
}
a.topictitle:visited{
text-decoration: none;
color : #0055ff;
}
a.topictitle:active{
text-decoration: none;
color : #0368f5;
}
a.topictitle:hover{
text-decoration: underline;
color : #006aff;
}
.name{
font-size : 11px;
color : #ffffff;
}
.name a{
text-decoration:none;
}
.postdetails{
font-size : 10px;
color : #ffffff;
}
.postbody{
font-size : 12px;
line-height: 18px}
a.postlink:link{
text-decoration: none;
color : #005eff }
a.postlink:visited{
text-decoration: none;
color : #0055ff;
}
a.postlink:active{
text-decoration: none;
color : #0368f5;
}
a.postlink:hover{
text-decoration: underline;
color : #006aff}
.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #dbff12;
background-color: #000000;
border: #1c1c1c;
border-style: solid;
border-left-width: 1pxborder-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.code div.cont_code {
max-height:200px;
overflow:auto;
}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #00ff26;
line-height: 125%;
background-color: #000000;
border: #1c1c1c;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.coloradmin {
color: #00c4ff}
.colormod {
color: #dbff12}
.vote {
float: right;
width: 10px;
margin-left: 4px;
}
.vote .vote-button {
text-align: center;
font-weight: bold;
margin-left: -1px;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
width: 3px;
height: 50px;
margin: 0 auto;
border: 1px solid #ffffff;
font-size: 0;
}
.vote .vote-no-bar {
letter-spacing:-2px;
margin-left:-2px;
white-space:nowrap;
}
.vote .vote-bar-plus {
background-color: #0f0;
}
.vote .vote-bar-minus {
background-color: #f00;
}
h1.pagetitle {
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
color: #f70505;
}
h1.title2 {
font-size: 11px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #f70505;
}
.secondarytitle h2 {
display:inline;
}
.nav h1 {
display: inline;
}
.hierarchy {
display: inline;
margin: 0;
padding: 0;
text-transform: none;
border: none;
font-size: 10px;
}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select, #text_editor_iframe {
color : #ffffff;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #ffffff;
}
input.post,textarea.post,select,#text_editor_iframe,textarea.inputbox{
background-color:#000000}
.post-options {
text-align: right;
}
.post-options img {
cursor: pointer;
vertical-align: middle;
}
input {
text-indent : 2px;
}
input.button {
background-color : #000000;
color : #ffffff;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #000000;
font-weight : bold;
}
input.liteoption {
background-color : #000000;
font-weight : normal;
}
.helpline {
background-color: #0e0e0e;
border-style: none;
}
input {
background-color: #0e0e0e;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('https://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #006aff;
color: #006aff;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("https://2img.net/i/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #006aff;
color: #006aff;
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}

/*@import url("form_ie.css");
*/
input {
text-indent: 2px}
input,textarea,select {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px}
input.button {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px}
.postbody {
line-height: 18px}
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 0.9em;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox {
margin-top: 0.5em;
}
.align_gauche {
text-align: left;
}
.center {
text-align: center;
}
.align_droite {
text-align: right;
}
.right {
float: right;
}
.left {
float: left;
}

/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
.clear {
clear: both;
}
#content-container #left {
width: 0px;
margin-right: px;
}
#content-container #right {
width: 0px;
margin-left: px;
}
.module-title {
font-weight: bold;
margin: 0 auto;
text-align: center;
display: block;
}

/* Chatbox */
#frame_chatbox {
border: none !important;
}
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #000000;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
color: #ffffff;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
font-size: 12px;
}
.chatbox-options {
text-align:right;
}
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
float:right;
white-space : nowrap;
width:100%;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
}
#chatbox_footer table.text-styles {
float: right;
}
#chatbox_footer .text-field {
float: left;
}
#chatbox_header {
height: 30px;
background-color: #000000;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #000000;
}
.chatbox_row_2 {
padding: 4px;
background-color: #0e0e0e;
}
.chatbox_row_3 {
padding: 4px;
background-color: #1c1c1c;
}
.memberlist_row_1 {
padding: 2px 2px 2px 10px;
background-color: #000000;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #1c1c1c;
color : #005eff;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 10px;
}
#chatbox_members ul li {
margin: 2px 2px 2px 0;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox .user {
font-weight: bold;
}
div#chatbox {
color: #ffffff;
}
#chatbox_contextmenu {
background-color: #1c1c1c;
border:1px solid #aaa;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 70%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #;
text-decoration: none;
font-size: 70%;
}
#chatbox_contextmenu a:hover {
color: #;
}
.fontbutton{
border:0;
}
* html #chatbox-members {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expres​sion(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {

/* IE expressions helping IE work in Standards mode */
width: expres​sion(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}

/* poll */
.poll-result td {
padding: 2px 4px;
text-align: left;
}
.poll-result td.poll-title,.poll-result td.poll-results {
text-align: center;
}
.progress-bar td {
padding: 0 !important;
}
.poll-ballot {
text-align: left;
}

/* Advanced profile */
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
margin-right: 3px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
margin-bottom: 3px;
}
#profile-advanced-button {
padding: 1px;
}
#profile-advanced-details {
overflow: hidden;
}
#profile-advanced-details ol {
margin: 0;
padding: 0;
list-style: none;
}
#profile-advanced-details ol li {
display: block;
margin-bottom: 4px;
}
#profile-advanced-details .avatar {
float: left;
}
.avatar {
width: 50px;
border: 1px solid #000000;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.avatar.mini, .avatar.mini img {
width: 38px;
height: 38px;
}
.friend-block {
float: left;
width: 70px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .9em;
}
.friend_list_online_status img {
vertical-align: middle;
}
.friends-foes-list {
float: left;
width: 200px;
height: 2em;
}
#profile-advanced-details .message-block {
margin-left: 57px;
}
#profile-advanced-details .message-header {
border-top: 1px solid #1c1c1c;
background: #0e0e0e;
padding: 4px;
margin-bottom: 4px;
}
#profile-advanced-details .message-date {
float: right;
}
#profile-advanced-details .message-body {
margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
text-align: right;
}
#profile-advanced-details .message-footer li {
display: inline;
margin: 0 0.25em;

/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
content: ' .';

/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
margin-right: 0.25em;

/* Spacing between generation dot */
text-decoration: underline;
}
#profile-advanced-details .message-footer li.last:after {
content: normal;
}
#profile-advanced-add {
margin-right: 4px;
padding: 8px 0;
text-align: right;
}
#profile-advanced-details .stats-field {
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
}
#profile-advanced-details .stats-field legend {
font-weight: bold;
}
#profile-advanced-details .stats-field ul {
list-style-type:none;
text-indent: 10px;
padding: 0;
}
#profile-advanced-details .stats-field li {
margin: 4px 0;
}
#login_popup {
position: absolute;
z-index: 10000;
display: none;
}
#login_popup_buttons {
position: absolute;
height:19px;
bottom: 6px;
right: 6px;
}
#login_popup_buttons input {
margin-left: 6px;
}
ul.profile_field_list {
padding:0;
margin:0}
html ul.profile_field_list li {
list-style-type: none;
}
ul.profile_field_list > li {
list-style-type: none;
}
.inputURL {
font-size:10px;
font-family:"Courier New", "Times New roman";
letter-spacing:-1px;
}
.middleline {
line-height:2em;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}

/* ajax profil */
.ajax-profil_hover{
background:transparent}
.ajax-profil_parent{
position:relative;
zoom:1;
}
.ajax-profil_edit{
cursor:pointer;
position:absolute;
top:0;
left:-18px}
.ajax-profil_edit img{
margin-left:4px}
.ajax-profil_valid{
cursor:pointer;
margin-left:4px;
vertical-align:middle}
#profile-advanced-details dl{
padding:8px 10 8px 0;
width:98%;
margin:10px 0 0;
}
#profile-advanced-details dl dt{
float:left;
display:block;
width:10em;
}
#profile-advanced-details dl dd{
margin-left:10em;
padding-left:12px;
}
#profile-advanced-details div.separator{
clear:both;
font-size:1px;
line-height:1px;
border-bottom:1px solid #dcdcdc;
padding-top:10px;
}
#profile-advanced-details .ajax-profil_edit{
left:-4px;
}

/* jqModal */
.jqmWindow {
display: none;
position: fixed;
left: 50%;
width: 450px;
margin-left: -225px;
top: 50%;
margin-top: -125px;
background-color: #000000;
border: 1px solid #0d0d0d;
}
.jqmOverlay {
background-color: #000;
}
.jqDrag {
cursor: move;
}

/* Blog */
.blog_cal-border {
display: inline;
float: left;
border: 1px solid #000000;
background: #000000;
padding: 1px;
font-size: 0.9em;
margin-right: 10px;
}
.blog_cal-content {
width: 2.9em;
background: #000000;
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
color: #;
}
.blog_cal-content span {
display: block;
}
.blog_cal-day {
padding-left: 0.2em;
font-size: 1.6em;
letter-spacing: 0.2em;
}
.blog_cal-month {
line-height: 0.7em;
font-size: 2em;
font-weight: bold;
}
.blog_cal-year {
line-height: 1.2em;
font-size: 0.8em;
}
.blog_title {
padding-top: 5px;
font-size: 16px;
}
.blog_title img {
vertical-align: middle;
}
.blog_title .topictitle {
font-size: 16px;
}
.blog_message {
margin-top: 12px;
font-size: 12px;
}
.blog_comments {
margin-bottom: 2px;
text-align: right;
}
.blog_comments img {
vertical-align: middle;
}
#blog_comments {
width: 90%;
margin: 0 auto;
}
#blog_comments .postbody {
width: 96%;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 1px solid #000000;
vertical-align: middle;
width: 38px;
margin: 5px 5px 0 0;
}
#blog_comments table {
margin-bottom: 2px;
}
#blog_comments .h3 {
overflow: hidden;
margin-top: 0;
margin-left: 45px;
padding: 0;
min-height: 22px;
}
.blog_comment-title {
float: left;
min-height: 12px;
margin-top: 7px;
}
.blog_comment-title a {
text-decoration: none;
}
#blog_comments .profile-icons {
float: right;
margin-bottom: 5px;
}

/* Social bookmarking */
#bookmarks {
float: right;
}
#bookmarks a img {
width: 20px;
height: 20px;
background: url(https://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
vertical-align: middle;
}
#bookmarks a img.twitter {
width: 16px;
height: 16px;
margin: 2px;
background: url(https://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;
}
#bookmarks img.delicious {
background-position: -10px -10px;
}
#bookmarks img.digg {
background-position: -10px -50px;
}
#bookmarks img.excite {
background-position: -9px -90px;
}
#bookmarks img.facebook {
background-position: -9px -128px;
}
#bookmarks img.furl {
background-position: -10px -166px;
}
#bookmarks img.google {
background-position: -10px -206px;
}
#bookmarks img.live {
background-position: -9px -246px;
}
#bookmarks img.netscape {
background-position: -9px -284px;
}
#bookmarks img.newsvine {
background-position: -9px -322px;
}
#bookmarks img.reddit {
background-position: -10px -360px;
}
#bookmarks img.slashdot {
background-position: -10px -400px;
}
#bookmarks img.smarking {
background-position: -9px -440px;
}
#bookmarks img.stumbleupon {
background-position: -10px -478px;
}
#bookmarks img.technorati {
background-position: -10px -518px;
}
#bookmarks img.yahoo {
background-position: -10px -558px;
}

/* wysiwyg */
.mceContentBody{
background: #0e0e0e;
color: #ffffff;
}
.align_right{
text-align: right;
}

/* resize image */
.resize_process .resizebox {
display: none;
}
.resize_process img.resize_img {
display: none;
}
.resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
display: none;
}
.resizebox {
background-color: #000000;
max-width: 100%;
line-height: 1.1em;
cursor: default;
font-weight: normal;
font-style: normal;
margin: 0;
text-align: left;
display: inline-block;
}
.resizebox div {
font-weight: normal;
font-style: normal;
margin: 0;
}
.resizebox .resize_border {
border: 1px solid #1c1c1c;
display: block;
}
.resizebox .resize_content {
padding: 5px 10px;
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox .resize_filler {
border: none;
padding: 0;
width: 40px;
display: inline-block;
zoom: 1;
*display: inline;
}
.attachbox {
background-color:#000000;
border:1px dashed #1c1c1c;
clear:left;
float:left;
margin:5px 5px 5px 0;
padding:6px;
width:auto;
color:#ffffff;
}
.attachbox dt {
font-family:Arial,Helvetica,sans-serif;
text-transform:uppercase;
}
.attachbox dd {
border-top:1px solid #1c1c1c;
clear:left;
font-size:0.9em;
margin-left:10px;
padding:0;
}
dl.file {
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin-bottom:10px;
}
dl.file dt {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
margin:0;
padding:0;
text-transform:none;
}
dl.file dt img {
vertical-align:middle}
.info {
font-size:10px;
font-style:italic;
}

/* Spoiler */
.spoiler_closed {
display:block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #00ff26;
line-height: 125%;
background-color: #000000;
border: #1c1c1c;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.spoiler_closed.hidden {
display:none;
}
.spoiler_content {
display:block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #00ff26;
line-height: 125%;
background-color: #000000;
border: #1c1c1c;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.spoiler_content.hidden {
display:none;
}

/* Styles Facebook */
.user_login_form {
margin-bottom:5px;
}
.fb_or {
background-color:#1c1c1c;
border:2px solid #0d0d0d;
font-weight:bold;
padding:5px;
color:#00ff26;
height : 16px;
line-height : 16px;
width : 26px;
display : block;
}
.fb_or_widget {
background-color:#1c1c1c;
border:2px solid #0d0d0d;
font-weight:bold;
padding:5px;
color:#00ff26;
height : 16px;
line-height : 16px;
width : 26px;
margin-right : auto;
margin-left : auto;
margin-bottom : 15px;
text-align: center;
}
.fb_login_widget{
margin: 10px 0 0 0;
}
.fb_login_widget .fb_or{
margin: 0 70px 0 60px;
}
.fb-like{
margin : 0 5px;
overflow : hidden;
}
#cont_pwd {
width:150px;
height:21px;
float:left;
padding:0 0 0 20px;
}
.pwd_img {
padding : 4px 0 3px 0;
width : 150px;
height : 14px;
line-height : 14px;
font-size : 11px;
font-weight : bold;
text-align : center;
color : #000000;
display : none;
}
#pwd_good {
background:url('https://2img.net/i/fa/p_strength/pwd_good.png');
}
#pwd_middle {
background:url('https://2img.net/i/fa/p_strength/pwd_middle.png');
}
#pwd_bad {
background:url('https://2img.net/i/fa/p_strength/pwd_bad.png');
}
#fb_explain td {
padding : 5px 0 5px 0;
vertical-align : top;
}
.row1.fb {
padding: 5px 2px 4px 2px;
}
.row2.fb {
padding: 2px 3px 2px 8px;
}
#cont_fb_invit iframe {
width: 760px !important;
}

/**** Module social_bookmarking ****/
.mod_bookmarks a img {
width: 20px;
height: 20px;
background: url(https://2img.net/i/fa/social_bookmarking/social_bookmarking_fa.png) no-repeat scroll;
vertical-align: middle;
}
.mod_bookmarks img.digg {
background-position:-10px -47px;
}
.mod_bookmarks img.delicious {
background-position:-10px -8px;
}
.mod_bookmarks img.reddit {
background-position:-10px -359px;
}
.mod_bookmarks img.slashdot {
background-position:-10px -398px;
}
.mod_bookmarks img.stumbleupon {
background-position:-10px -476px;
}
.mod_bookmarks img.furl {
background-position:-10px -163px;
}
.mod_bookmarks img.yahoo {
background-position:-10px -554px;
}
.mod_bookmarks img.google {
background-position:-10px -204px;
}
.mod_bookmarks img.blinklist {
background-position:-10px -665px;
}
.mod_bookmarks img.blogmarks {
background-position:-10px -630px;
}
.mod_bookmarks img.technorati {
background-position:-10px -516px;
}

/**** Module rss_feeds ****/
.mod_rss_feeds a img {
width: 91px;
height: 17px;
background: url(https://2img.net/i/fa/rss_mod/sprite_rss_feeds.png) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}
.mod_rss_feeds img.yahoo {
background-position:0 0;
}
.mod_rss_feeds img.google-reader {
background-position:-100px 0;
}
.mod_rss_feeds img.msn {
background-position:-199px 0;
}
.mod_rss_feeds img.aol {
background-position:-299px 0;
}
.mod_rss_feeds img.newsgator {
background-position:-399px 0;
}
.mod_rss_feeds img.netvibes {
background-position:-498px 0;
}
.mod_rss_feeds img.bloglines {
background-position:-598px 0;
}
.mod_rss_feeds img.rss {
width: 91px;
height: 17px;
background: url(https://2img.net/i/fa/rss_mod/rss_br10.png) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}
.mod_rss_feeds img.xml {
width: 91px;
height: 17px;
background: url(https://2img.net/i/fa/rss_mod/xml10.gif) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}
.mod_rss_feeds img.rss2 {
width: 91px;
height: 17px;
background: url(https://2img.net/i/fa/rss_mod/rss10.gif) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}

/**** Sprite CSS ****/
.sprite-arrow_prosilver_down{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:0 0;
width:6px;
height:6px;
}
.sprite-arrow_prosilver_left{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-56px 0;
width:4px;
height:6px;
}
.sprite-arrow_prosilver_right{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-110px 0;
width:4px;
height:6px;
}
.sprite-arrow_prosilver_up{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-164px 0;
width:6px;
height:6px;
}
.sprite-arrow_subsilver_down{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-220px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_left{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-279px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_right{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-338px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_up{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-397px 0;
width:9px;
height:9px;
}
.sprite-icon_minipost{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-456px 0;
width:12px;
height:9px;
}
.sprite-icon_minipost_new{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-518px 0;
width:12px;
height:9px;
}
.sprite-icon_minipost_participate{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-580px 0;
width:12px;
height:9px;
}
.sprite-icon_miniposted{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-642px 0;
width:12px;
height:9px;
}
.sprite-icon_pages{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-704px 0;
width:11px;
height:12px;
}
.sprite-icon_post_target{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-765px 0;
width:11px;
height:9px;
}
.sprite-icon_post_target_unread{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-826px 0;
width:11px;
height:9px;
}
.sprite-icon_reply{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-887px 0;
width:18px;
height:9px;
}
.sprite-icon_reply_new{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-955px 0;
width:18px;
height:9px;
}
.sprite-icon_tiny_topic{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1023px 0;
width:10px;
height:11px;
}
.sprite-icon_topic_latest{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1083px 0;
width:11px;
height:9px;
}
.sprite-icon_topic_newest{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1144px 0;
width:11px;
height:9px;
}
.sprite-subforum_read{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1205px 0;
width:11px;
height:9px;
}
.sprite-subforum_unread{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1266px 0;
width:11px;
height:9px;
}
.sprite-tabs_less{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1327px 0;
width:9px;
height:9px;
}
.sprite-tabs_more{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1386px 0;
width:9px;
height:9px;
}
.sprite-icon_calendar{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 0;
width:14px;
height:13px;
}
.sprite-icon_faq{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -63px;
width:16px;
height:14px;
}
.sprite-icon_gallery{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -127px;
width:14px;
height:14px;
}
.sprite-icon_groups{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -191px;
width:16px;
height:14px;
}
.sprite-icon_home{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -255px;
width:13px;
height:12px;
}
.sprite-icon_logout{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -317px;
width:16px;
height:14px;
}
.sprite-icon_members{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -381px;
width:16px;
height:14px;
}
.sprite-icon_message{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -445px;
width:16px;
height:14px;
}
.sprite-icon_portal{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -509px;
width:14px;
height:14px;
}
.sprite-icon_register{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -573px;
width:16px;
height:14px;
}
.sprite-icon_search{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -637px;
width:16px;
height:14px;
}
.sprite-icon_textbox_search{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -701px;
width:16px;
height:14px;
}
.sprite-icon_ucp{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -765px;
width:16px;
height:14px;
}
.sprite-icon_mini_calendar{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:0 0;
width:12px;
height:13px;
}
.sprite-icon_mini_faq{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-62px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_gallery{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-124px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_groups{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-186px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_index{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-248px 0;
width:13px;
height:13px;
}
.sprite-icon_mini_login{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-311px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_members{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-373px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_message{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-435px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_portal{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-497px 0;
width:13px;
height:13px;
}
.sprite-icon_mini_profile{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-560px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_register{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-622px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_search{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-684px 0;
width:12px;
height:13px;
}
#search_menu a img{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-684px 0;
width:12px;
height:13px;
}

/**** Addthis ****/
#at16lb{
display:none;
position:absolute;
top:0%;
left:0%;
width:100%;
height:100%;
z-index:1001;
background-color:black;
opacity:0.001;
}
#at20mc, #at_email, #at16pib, #at16pc, #at16pi, #at_share, #at_complete, #at_success, #at_error {
position:static!important;
}
#at20mc {
position:absolute;
left:0px;
top:0px;
}
#at20mc a {
color:#3366BB;
}
.at15a{
border:0px;
height:0px;
margin:0px;
padding:0px;
width:100%;
width:230px}
.atnt {
text-align:center!important;
padding:6px 0px 0px 0px!important;
height:24px!important}
.atnt a {
text-decoration:none;
color:#3366bb}
.atnt a:hover {
text-decoration:underline}
#at_msg,#at16p label,#at16nms,#at_share .at_item,#at16p,#at15s,#at16p form input,#at16p form textarea {
font-family:arial,helvetica,tahoma,verdana,sans-serif!important;
font-size:12px!important;
outline-style:none;
outline-width:0px;
line-height:1em}
* html #at15s.mmborder {
position:absolute!important}
#at15s.mmborder {
border:10px solid #7f7f7f!important;
position:fixed!important}
#at15s.mmborder {
width:240px!important}
#at15s{
background-color: #fff !important;
background-image: none !important;
border: 1px solid #e5e5e5;
padding: 0 !important;
width: 160px !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
top: 1px;
right: 8px;
color: #4c4c4c !important;
}
#at15s_head{
position:relative;
background:#f2f2f2;
padding:4px;
cursor:default;
border-bottom:1px solid #e5e5e5}
#at15s_brand,#at16_brand{
position:absolute}
#at15s_brand {
top:4px;
right:4px}
#at16_brand{
top:5px;
right:30px;
cursor:default}
#at_hover{
padding:4px}
#at_hover .at_item, #at_share .at_item{
background:#fff!important;
float:left!important;
color:#4c4c4c !important}
#at16nms {
padding:4px 5px}
#at_hover .at_item{
width:102px!important;
padding:2px 3px!important;
margin:1px}
#at_hover .at_item.atiemode2 {
width:104px!important}
#at_hover .at_item:hover,#at_hover .at_item.athov {
margin:0px!important}
#at_hover .at_item:hover,#at_hover .at_item.athov,#at_share .at_item:hover,#at_share .at_item.athov{
background:#f2f2f2!important;
border:1px solid #e5e5e5;
color:#000!important}
* html #at_hover .at_item {
border:1px solid #fff}
* html #at_hover .at_item.athov {
border:1px solid #e5e5e5!important;
margin:1px!important}
#at_email15{
padding-top:5px}
.at15e_row{
height:28px}
.at15e_row label,.at15e_row span{
padding-left:10px!important;
display:block!important;
width:60px!important;
float:left!important}
.at15e_row input,.at15e_row textarea{
display:block!important;
width:150px!important;
float:left!important;
background:#fff!important;
border:1px solid #ccc!important;
color:#333!important;
font-size:11px!important;
font-weight:normal!important;
padding:0pt!important}
#at_email label,#at_email input,#at_email textarea {
font-size:11px!important}
.at15t{
display:block!important;
height:16px!important;
line-height:16px!important;
padding-left:20px!important;
background:url(https://2img.net/i/fa/addthis/widget04.png) no-repeat left;
cursor:pointer}
.addthis_button {
cursor:pointer}
.addthis_toolbox.addthis_default_style span {
line-height:16px}
.addthis_default_style .addthis_separator {
margin:0px 5px;
display:inline}
div.atclear {
clear:both}
.addthis_default_style .addthis_separator,.addthis_default_style .at300b,.addthis_default_style .at300m,.addthis_default_style .at300bs {
float: left}
.at300b img {
border:0}
.addthis_default_style .at300b,.addthis_default_style .at300m {
padding:0px 2px}
.at300b,.at300m,.at300bs {
cursor:pointer}
.at300bs {
background:url(https://2img.net/i/fa/addthis/widget04.png) no-repeat left;
overflow:hidden;
display:block;
height:16px;
width:16px;
line-height:16px!important}
.at300bs.at15t_expanded,.at300bs.at15t_compact {
background:url(https://2img.net/i/fa/addthis/logo1414.gif) no-repeat left;
margin-right:4px}
.at15t_more{
background:url(https://2img.net/i/fa/addthis/logo1414.gif) no-repeat left !important}
.at15t_000{
background-position:0px -0px}
.at15t_aim{
background-position:0px -16px!important}
.at15t_amazonwishlist{
background-position:0px -32px!important}
.at15t_ask{
background-position:0px -48px!important}
.at15t_backflip{
background-position:0px -64px!important}
.at15t_ballhype{
background-position:0px -80px!important}
.at15t_bebo{
background-position:0px -96px!important}
.at15t_blogger{
background-position:0px -112px!important}
.at15t_blogmarks{
background-position:0px -128px!important}
.at15t_buzz{
background-position:0px -144px!important}
.at15t_delicious{
background-position:0px -160px!important}
.at15t_digg{
background-position:0px -176px!important}
.at15t_diigo{
background-position:0px -192px!important}
.at15t_email{
background-position:0px -208px!important}
.at15t_facebook{
background-position:0px -224px!important}
.at15t_fark{
background-position:0px -240px!important}
.at15t_faves{
background-position:0px -256px!important}
.at15t_favorites{
background-position:0px -272px!important}
.at15t_friendfeed{
background-position:0px -288px!important}
.at15t_friendster{
background-position:0px -304px!important}
.at15t_google{
background-position:0px -320px!important}
.at15t_hatena{
background-position:0px -336px!important}
.at15t_hi5{
background-position:0px -352px!important}
.at15t_kaboodle{
background-position:0px -368px!important}
.at15t_kirtsy{
background-position:0px -384px!important}
.at15t_linkagogo{
background-position:0px -400px!important}
.at15t_linkedin{
background-position:0px -416px!important}
.at15t_live{
background-position:0px -432px!important}
.at15t_meneame{
background-position:0px -448px!important}
.at15t_misterwong{
background-position:0px -464px!important}
.at15t_mixx{
background-position:0px -480px!important}
.at15t_multiply{
background-position:0px -496px!important}
.at15t_myaol{
background-position:0px -512px!important}
.at15t_myspace{
background-position:0px -528px!important}
.at15t_netvibes{
background-position:0px -544px!important}
.at15t_netvouz{
background-position:0px -560px!important}
.at15t_newsvine{
background-position:0px -576px!important}
.at15t_nujij{
background-position:0px -592px!important}
.at15t_orkut{
background-position:0px -608px!important}
.at15t_plaxo{
background-position:0px -624px!important}
.at15t_print{
background-position:0px -640px!important}
.at15t_propeller{
background-position:0px -656px!important}
.at15t_reddit{
background-position:0px -672px!important}
.at15t_segnalo{
background-position:0px -688px!important}
.at15t_simpy{
background-position:0px -704px!important}
.at15t_slashdot{
background-position:0px -720px!important}
.at15t_spurl{
background-position:0px -736px!important}
.at15t_stumbleupon{
background-position:0px -752px!important}
.at15t_stylehive{
background-position:0px -768px!important}
.at15t_tailrank{
background-position:0px -784px!important}
.at15t_technorati{
background-position:0px -800px!important}
.at15t_thisnext{
background-position:0px -816px!important}
.at15t_tipd{
background-position:0px -832px!important}
.at15t_tumblr{
background-position:0px -848px!important}
.at15t_twitter{
background-position:0px -864px!important}
.at15t_typepad{
background-position:0px -880px!important}
.at15t_wordpress{
background-position:0px -896px!important}
.at15t_yahoobkm{
background-position:0px -912px!important}
.at15t_yardbarker{
background-position:0px -928px!important}
.at15t_netscape{
background-position:0px -656px!important}
#at16clb {
font-size:16pt;
font-family:"verdana bold", verdana, arial, sans-serif}
#at_share .at_item {
width:123px !important;
padding:4px;
margin-right:2px;
border:1px solid #ffffff}
#at16pm {
background:#fff;
width:298px;
height:360px;
text-align:left;
border-right:1px solid #ccc;
position:static}
#at16pcc {
position:fixed;
top:0px;
left:0px;
width:100%;
margin:0 auto;
font-size:10px!important;
color:#4c4c4c;
padding:0px;
z-index:10000001;
overflow:visible}
* html #at16pcc {
position:absolute}
#at16abifc {
overflow:hidden;
margin:0;
top:10px;
left:10px;
height:335px;
width:492px;
position:absolute;
border:0}
#at16abifc iframe {
border:0;
position:absolute;
height:360px;
width:516px;
top:-10px;
left:-10px}
* html div#at16abifc.atiemode2 {
height:354px;
width:482px}
* html #at16abifc iframe {
height:348px;
left:-10px;
top:-10px;
overflow:hidden}
#at16p {
background:url(https://2img.net/i/fa/addthis/atbkg.png)}
#at16p, #atie6ifh {
position:absolute;
top:50%;
left:50%;
width:300px;
padding:10px;
margin:0 auto;
margin-top:-185px;
margin-left:-155px;
font-family:arial,helvetica,tahoma,verdana,sans-serif;
font-size:12px;
color:#5e5e5e;
z-index:10000001}
#atie6ifh {
width:322px;
padding:0px;
height:381px;
margin-left:-165px}
#at_share {
margin:0;
padding:0}
#at16ps {
overflow-y:scroll;
height:284px;
padding:5px}
a#at16pit {
position:absolute;
top:37px;
right:10px;
display:block;
background:url(https://2img.net/i/fa/addthis/tab00.gif) no-repeat;
width:16px;
height:20px;
line-height:19px;
margin-right:-17px;
text-align:center;
overflow:hidden;
color:#3366bb;
}
#at16pi {
background:#e5e5e5;
text-align:left;
border:1px solid #ccc;
border-bottom:0}
#at16pi a {
text-decoration:none;
color:#3366bb}
#at16pi a:hover {
text-decoration:underline}
#at16pt {
position:relative;
background:#f2f2f2;
height:13px;
padding:5px 10px}
#at16pt h4, #at16pt a{
font-weight:bold}
#at16pt h4 {
display:inline;
margin:0;
padding:0;
font-size:12px;
color:#4c4c4c;
cursor:default}
#at16pt a {
position:absolute;
top:5px;
right:10px;
color:#4c4c4c;
text-decoration:none}
#at16pc form{
margin:0}
#at16pc form label {
display:block;
font-size:11px;
font-weight:bold;
padding-bottom:4px;
float:none;
text-align:left}
#at16pc form label span {
font-weight:normal;
color:#4c4c4c;
display:inline}
#at_email form .abif {
width:272px !important}
#at_email textarea{
height:55px !important;
word-wrap:break-word}
* html #at_email textarea {
height:42px !important}
*:first-child+html #at_email textarea {
height:42px !important}
#at_email form input,#at_email form textarea {
background:#fff;
border:1px solid #bbb;
width:272px;
margin:0px;
margin-bottom:8px;
font-weight:normal;
padding:3px;
font-family:arial,helvetica,tahoma,verdana,sans-serif;
font-size:11px;
line-height:1.4em;
color:#333}
#at_email form .atfxmode2 {
width:279px}
#at16pc form .at_ent {
color:#333!important}
#at16pc form textarea {
height:48px}
#at16pc form input:focus,#at16pc form textarea:focus {
background:#fffff0;
color:#333}
#at16p .atbtn {
background:#fff;
border:1px solid #b5b5b5;
width:60px;
padding:2px 4px;
margin:0 2px !important;
font-size:11px !important;
font-weight:bold;
color:#333;
cursor:pointer}
#at16p .atbtn:hover {
border-color:#444;
color:#06c}
#at_email #ateml {
text-align:right;
font-size:10px;
color:#999}
#at16pc {
height:323px;
font-size:11px;
text-align:left;
color:#4c4c4c}
#at_email {
padding:5px 10px}
#at16pc .tmsg {
padding:4px 2px;
text-align:right}
#at16psf {
position:relative;
background:#f2f2f2 url(https://2img.net/i/fa/addthis/atf02.png) no-repeat center center;
border-bottom:1px solid #ccc;
height:20px;
padding:4px 10px;
text-align:center}
* html #at16psf input {
padding:0}
#at16psf input {
background:#fff;
border:none;
width:220px;
margin:2px 0 0;
color:#666;
outline-style:none;
outline-width:0px;
padding:2px 0 0;
font-family:arial,helvetica,tahoma,verdana,sans-serif;
font-size:12px}
#at16pcc .at_error {
background:#f26d7d;
border-bottom:1px solid #df5666;
padding:5px 10px;
color:#fff}
#at16pcc #at_success {
background:#d0fbda;
border-bottom:1px solid #a8e7b7;
padding:5px 10px;
color:#4c4c4c}
#at16pf {
position:relative;
background:#f2f2f2;
ht:12px;
border-top:1px solid #e5e5e5}
#at16pf a {
position:absolute;
outline:none;
padding:0;
margin:0;
overflow:hidden;
font-size:10px;
color:#4c4c4c;
font-family:Arial, Helvetica, Sans-Serif;
text-decoration:none}
#at16pf a:hover {
text-decoration:underline}
#at16pf a#at-whatsthis {
width:60px;
left:10px}
#at16pf a#at-privacy {
width:39px;
left:90px}
#at_complete {
font-size:13pt;
color:#47731d;
text-align:center;
padding-top:130px;
height:208px!important;
width:472px}
#at_s_msg {
margin-bottom:10px}
#at16pf a#at-logo {
background:url(https://2img.net/i/fa/addthis/logo88.gif) no-repeat left;
padding-left:10px;
right:10px}
.at_baa {
display:block;
overflow:hidden;
outline:none}
#at15s #at16pf a {
top:1px}
#at16pc form #at_send {
width:80px !important;
}
#at_feed {
display:none;
padding:10px;
height:300px}
#at_feed span {
margin-bottom:10px;
font-size:12px}
#at_feed div {
width:102px!important;
height:26px!important;
line-height:26px!important;
float:left!important;
margin-right:68px}
#at_feed div.at_litem {
margin-right:0px}
#at_feed a {
margin:10px 0px;
height:17px;
line-height:17px}
.fbtn{
background:url(https://2img.net/i/fa/addthis/feed00.png) no-repeat;
float:left;
width:102px;
cursor:pointer;
text-indent:-9000px}
.fbtn.bloglines{
background-position:0 0;
width:94px;
height:20px !important;
line-height:20px !important;
margin-top:8px !important}
.fbtn.yahoo{
background-position:0 -20px}
.fbtn.newsgator,.fbtn.newsgator-on{
background-position:0 -37px}
.fbtn.technorati{
background-position:0 -71px}
.fbtn.netvibes{
background-position:0 -88px}
.fbtn.pageflakes{
background-position:0 -141px}
.fbtn.feedreader{
background-position:0 -172px}
.fbtn.newsisfree{
background-position:0 -207px}
.fbtn.google{
background-position:0 -54px;
width:104px}
.fbtn.winlive{
background-position:0 -105px;
width:100px;
height:19px !important;
line-height:19px;
margin-top:9px !important}
.fbtn.mymsn{
background-position:0 -158px;
width:71px;
height:14px !important;
line-height:14px !important;
margin-top:12px !important}
.fbtn.aol {
background-position:0 -189px;
width:92px;
height:18px !important;
line-height:18px !important}
#at16pp {
color:#4c4c4c;
position:absolute;
top:12px;
right:12px;
font-size:11px}
#at16pp label {
font-size:11px !important}
#at16ppc {
padding:10px;
width:179px;
}
#at16pph {
padding:5px 0 10px 0}
#at16pph select {
margin:5px 0 8px 0}
#at16pp .atinp {
width:156px;
}
html>body #at16pp .atinp {
width:176px;
}
#at16ppb {
background:#fff;
border:1px solid #ccc;
height:274px}
#at16ep {
height:16px;
padding:8px}
#at16ep a {
display:block;
height:16px;
line-height:16px;
padding-left:22px;
margin-bottom:8px;
font-size:12px}
#at16ep a.at_gmail {
background:url(https://2img.net/i/fa/addthis/gmail.gif) no-repeat left}
#at16ep a.at_hotmail {
background:url(https://2img.net/i/fa/addthis/hotmail.gif) no-repeat left}
#at16ep a.at_yahoo {
background:url(https://2img.net/i/fa/addthis/yahoo.gif) no-repeat left}
#at16ppf p#atsb {
padding-top:20px;
font-size:10px}
#at16abr {
margin-top:10px}
#at16abr input {
padding:0;
margin:0;
margin-right:5px}
#at16ppso {
display:none;
text-align:right;
margin-top:2px}
#at16ppa {
background:#fff;
border:1px solid #ccc;
height:228px;
width:178px;
overflow:auto}
#at16ppa a {
display:block;
white-space:nowrap;
padding:4px 8px;
font-size:12px!important}
#at16eatdr {
position:absolute;
background: #fff;
border-top:0px;
max-height:110px;
overflow: auto;
z-index:500;
top:129px;
left:21px;
width:277px}
* html #at_email #at16eatdr {
top:115px!important;
width:272px!important}
*:first-child+html #at_email #at16eatdr {
top:115px!important;
width:272px!important}
html>body #at_email form #at16eatdr.abif {
top:137px;
width:278px!important}
#at16eatdr a {
display: block;
overflow: hidden;
border-bottom: 1px dotted #eee;
padding: 4px 8px}
#at16eatdr a:hover, #at16eatdr a.hover {
background: #e0eefa;
text-decoration: none;
color: #333}
#at_promo {
font-size:12px;
display:none}
#at_promo button {
background:#ee6a44;
border-top:1px solid #ffa389;
border-left:1px solid #ffa389;
border-right:1px solid #d4522c;
border-bottom:1px solid #d4522c;
color:#fff}
#at_promo .at-promo-content {
margin-top:12px}
#at_promo .at-promo-btn {
padding-top:10px}
#at_promo .at-promo-top {
background:url(https://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;
padding:10px 0 5px 70px}
#at_promo h4 {
font-size:14px;
font-weight:bold;
margin:0 0 4px}
#at_promo h4 sup {
font-size:11px;
color:#ee6a44}
#at_promo span {
display:block}
#at_promo .at-promo-btm-ffx {
background:url(https://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;
padding:6px 0 0 70px}
#at_promo .at-promo-btm-ie {
background:url(https://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;
padding:6px 0 0 70px}
#left table.module-advert {
border:0;
border-collapse:collapse;
}
#left table.module-advert table {
table-layout:fixed;
border-collapse:collapse;
}
#forum_rules table {
width: 100%;
border-collapse: separate;
border-spacing: 5px 5px;
table-layout: fixed;
}
#forum_rules .logo {
vertical-align: top;
width: 100px;
overflow: hidden;
}
#forum_rules .logo img {
max-width: 100px;
}
div div div.gen strong a {
font-weight:normal;
}
.postdetails.poster-profile span.label{
white-space:nowrap;
}
.hiddenMsgTitle {
font-size:0.9em;
}
.hiddenMsgBody {
display:none;
padding-top:2em;
}

/* SCEditor Smilies */
#sceditor_smilies {
background-color: #dee3e7;
}
#sceditor_smilies body {
margin: 5px;
}
#sceditor_smilies #smilies_header {
text-align: center;
color: #f70505;
font-size: 11px;
font-weight : bold;
background-color: #000000;
height: 25px;
background-image: url("https://2img.net/s/t/14/13/07/i_back_title.png");
padding: 2px 3px;
}
#sceditor_smilies table {
width: 100%;
}

/* Code block------------------------------------------------*/
.codebox {
width : 90%;
margin:auto;
}
.codebox dd {
margin : 0;
background-color: #000000;
border:solid 1px #1c1c1c;
}
.hidecode dt {
display: inline;
}
.hidecode > dt {
display: none;
}
.hidecode dd {
white-space: normal;
}
.row1 div#smileyContainer {
min-width:226px;
}
.lastpost-avatar {
float: left;
padding: 2px;
}
.lastpost-avatar img {
width: 38px;
height: 38px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.post-content {
font-weight: bold !important;
}
h1.post-content {
font-size: 2em;
line-height: 2.4em;
}
h2.post-content {
font-size: 1.5em;
line-height: 1.8em;
}
h3.post-content {
font-size: 1.2em;
line-height: 1.3em;
}
h4.post-content {
font-size: 1em;
line-height: 1.3em;
}
h5.post-content {
font-size: 0.8em;
line-height: 0.7em;
}
h6.post-content {
font-size: 0.7em;
line-height: 0.6em;
}
by zcsmrninja@gmail.com
on May 22nd 2015, 3:30 am
 
Search in: Garbage
Topic: Background help
Replies: 18
Views: 9999

how make a colored text fade into another using a hover code? (using css transitions)

@Ace 1

There are types of links that can be changed in the css.

there is just plain a {} which is for all links on the fourm
there is a:hover {} which shows the values when you hover the link
then there is a:visited {} which shows up on links you have visited. I Will see if i can figure out a code to do what you wanted just give me a little time.

Best wishes Sir.Mayo


EDIT:

IT appears that you Topic title is a span tag with a color code in the html,


<span style="color:#FFFFFF;text-decoration:none;">Pivot-son #1</span>

See the style=color:#FFFFFF; That is causing the css for that span to be over written.

I think if you go to your acp and right before the CSS tab is a colors tab where you can change link colors see if what you want can be done in there But i doubt it

Now, the only other thing i can say is it may be your topics_list_box template or something similar to that.

Could you post your topics_list_box template here so i can have a look at it.

by Sir. Mayo
on May 20th 2015, 10:55 pm
 
Search in: Scripts Problems Archives
Topic: how make a colored text fade into another using a hover code? (using css transitions)
Replies: 24
Views: 1431

quote colors

Hi!

My problem is quotes on my forum.
I can't change the quotes' background and text color no matter what code I add to the css section.

The main problem is that the manual color options on the Forum administration/Display/Pictures_and_Colors/Colors changes multiple parts of the forum under the same color:

Background Colors/1st cell color (i dunno how its written english, I use hungarian display):
changes both quote background color AND the background color of the preview/send buttons

So I need a css code which changes only the quote background color and it's text color too.

I tried and didnt work for me:

.postmain blockquote {
    background:#000000;
    color: #ffffff !important;
}


.postmain quote {
    background:#000000;
    color: #ffffff !important;
}

.quote {
    background:#000000;
    color: #ffffff !important;
}


Plz help!
My forum: http://aincrad.forumotion.eu/
by Danee
on April 28th 2015, 5:36 pm
 
Search in: Garbage
Topic: quote colors
Replies: 4
Views: 760

Banner for my forum

Creation Type : Banner
Dimensions : 800x350
Primary Colors : N/A
Secondary Colors : N/A
Images to include :
Images:
[You must be registered and logged in to see this link.]

Text to insert : Discussion Academy
Font : [You must be registered and logged in to see this link.]
Font Color : [You must be registered and logged in to see this link.]
Link to my Forumotion forum : [You must be registered and logged in to see this link.]
Username on the forum : JennyorAlice
Link to last graphic request : [You must be registered and logged in to see this link.]
Detail description : I would like to have the same banner (if I can; if I can't, then I would like to have something similar).  I just need the text in the banner to say "Discussion Academy", which will be the title of the forum.
by JennyorAlice
on April 25th 2015, 5:16 am
 
Search in: Completed Graphic Requests
Topic: Banner for my forum
Replies: 6
Views: 687

Request Logo from my forum

Creation Type : Logo
Dimensions : 280x60
Primary Colors : {#}FFFFFF{/#}
Secondary Colors : {#}FFFFFF{/#}
Images to include :
Images:


Text to insert : Anime Stars
Font : N/A
Font Color : {#}FFFFFF{/#}
Link to my Forumotion forum : http://animestars.forumid.net
Username on the forum : Paska
Link to last graphic request : N/A
Detail description : Request Logo from my forum visit please on my forum : http://www.animestars.forumid.net
Request Logo from my forum visit please on my forum : http://www.animestars.forumid.net
Request Logo from my forum visit please on my forum : http://www.animestars.forumid.net
by Guest
on March 30th 2015, 3:20 pm
 
Search in: Completed Graphic Requests
Topic: Request Logo from my forum
Replies: 3
Views: 535

Different background in mobile version

I'm the administrator of a forum and I recently changed the background of the site from one image to a mer advanced one. The users seem to like it but the problem is that the image might be a little to heavy for handheld devices such as mobile phones. It takes time to load it. I've already decreased image-size as much as possible so please, no tips about that.
What I want to ask is if there is a way to load a different image for the mobile version that is more simple or maybe just a plain background color?

I use PHPBB3 and have access to all the templates as well as the stylesheet but I don't know how to do it. Not very good at this.

Here is the code from the CSS:
CSS:
#search{
display:none;
}

#wrap {

background-repeat: repeat-x;
background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(rgba(42,42,42,0.5)), to(rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top, rgba(42,42,42,1), rgba(0,0,0,1));
background: -moz-linear-gradient(top, rgba(42,42,42,1), rgba(0,0,0,1));
background: -ms-linear-gradient(top, rgba(42,42,42,1), rgba(0,0,0,1));
background: -o-linear-gradient(top, rgba(42,42,42,1), rgba(0,0,0,1));
   
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   

}

body {
background-color: #202020;
background-size: 100% auto;
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 0% 0%;
}


.headerbar {
background-image: url(https://i.imgur.com/V1l7M5a.png?1);
background-size: 96% 95%;
background-position: center;
background-repeat: no-repeat;
}

.spoiler {
text-decoration: none;
color: #494949;
}


.inputbox {
   
     border: 1px solid #BCBCBC;
    color: #ffffff;
    padding: 2px;
    cursor: text;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    }
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(https://2img.net/i/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

.inputbox:hover {

     border: 1px solid #BCBCBC;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111112;
-moz-box-shadow : 0 0 9px #fff;
-webkit-box-shadow : 0 0 9px #fff;
     }
input.button1, input.button2, button.button2 {
     font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
     }
fieldset dl {
    padding: 4px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
fieldset.fields1 dt {
    width: 10em;
    border-right-width: 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
fieldset.submit-buttons {
    text-align: center;
    vertical-align: middle;
    margin: 5px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }

.navbar {
    clear: both;
    background-image: url('https://i.servimg.com/u/f21/14/21/31/20/gradie16.png');
    padding:0px 10px;
border: 0px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #111112;
-webkit-transition: background-color 0.2s linear; 
    -moz-transition: background-color 0.2s linear; 
    -o-transition: background-color 0.2s linear; 

    }
dl.codebox {
    padding: 3px;
    background-color: #FFFFFF;
    border: 1px solid #C9D2D8;
    font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;
    }
.forabg {
    margin-bottom: 4px;
    clear: both;
    border: 2px solid #;
    padding: 0px 5px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;
background-image: url('https://i.servimg.com/u/f21/14/21/31/20/gradie16.png');


    }
.forumbg {
    background-color: #111112;
background-image: url('https://i.servimg.com/u/f21/14/21/31/20/gradie16.png');


    border: 2px solid #;
    padding: 0px 5px;
    margin-bottom: 4px;
    clear: both;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;


    }
.panel {
    margin-bottom: 4px;
    padding: 0px 10px;
    background-image: url('https://i.servimg.com/u/f21/14/21/31/20/gradie16.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #111112;
border: 1px solid #101010;
    }
.post {
    padding: 0 10px;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-position: 100% 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #111112;


    }
.postprofile {
    color: #ffffff;
    margin: 5px 0 0px 0;
    min-height: 70px;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: transparent;
    width: 22%;
    float: left;
    display: inline;
    position: relative;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
#cp-main {
    float: left;
    width: 98%;
    margin-left: 20px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
#cp-main .panel {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
#cp-main table.table1 {
    margin-bottom: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
#ucp-main table.table1 {
    padding: 2px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
#tabs {
    line-height: normal;
    margin: 20px 0 -1px 7px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   
/*min-width: 570px;
    */
}
#smiley-box {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }

ul.profile-icons {
    margin-top: 10px;
    list-style: none;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
#message-box textarea {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
.module {
    background-image: url('https://i.servimg.com/u/f21/14/21/31/20/gradie16.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #111112;

    }

.signature {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111112;
-moz-box-shadow : 0 0 9px #fff;
-webkit-box-shadow : 0 0 9px #fff;
    }
body.chatbox {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    }
by Mickkej
on February 22nd 2015, 3:07 pm
 
Search in: Garbage
Topic: Different background in mobile version
Replies: 7
Views: 2029

Replacing/Editing URLs and image in CSSS

Try adding this to your CSS (ACP -> Display -> Colors -> CSS Stylesheet):
Code:
.pun .topic {
    background-color: #FFFFFF;
}

just change #FFFFFF to your preferred background color.
by Fierce Star
on February 7th 2015, 5:59 pm
 
Search in: Garbage
Topic: Replacing/Editing URLs and image in CSSS
Replies: 5
Views: 534

Banner & Mini Banner

Banner & Mini Banner
700 by 200, 88 by 31
#FFEBE6
#888888#000000
https://2img.net/s/t/14/28/31/i_logo.jpg
Poetry Fantasy
What I Want For Christmas.ttf

#ffffff
Admin
http://poetryfantasy.editboard.com/forum

Link to your Last Graphics Request:
On The banner the Forum Name Poetry Fantasy, the mini banner flash forum name, Literature, Contests, Chat.
by poetryladycat
on January 18th 2015, 9:17 pm
 
Search in: Garbage
Topic: Banner & Mini Banner
Replies: 2
Views: 676

Banner & Mini Banner

Cancel that that color, banner color #ffebe6 and trim #FFFFFF
by poetryladycat
on January 13th 2015, 5:39 pm
 
Search in: Garbage
Topic: Banner & Mini Banner
Replies: 4
Views: 609

IPB Style Button set (Topic Buttons)

Creation Type: IPB Buttons
Size (In Pixels):n/a
Primary Colors: [You must be registered and logged in to see this link.]
Secondary Colors:
Images to include: [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.] [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.] [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.] [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.] [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.] [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.] [You must be [You must be registered and logged in to see this link.] and [You must be registered and logged in to see this link.] to see this image.]
Text to Insert:
Font (Provide Download Link):
Font Color: [You must be registered and logged in to see this link.]
Link to My Forumotion Forum: [You must be registered and logged in to see this link.]
Username on Your Forum: FrOsTyXi
Link to your Last Graphics Request: [You must be registered and logged in to see this link.]
Detailed Description: Changing color of the buttons above and creation of these others with the same color scheme: New Topic, New Reply, Locked, New PM (Locked can either have a lock icon in it or red of your choice what ever is easier for you.

Thank you in advance hope i covered this correctly!

Regards
FrOsTyXi
by FrOsTyXi
on December 22nd 2014, 7:09 am
 
Search in: Completed Graphic Requests
Topic: IPB Style Button set (Topic Buttons)
Replies: 8
Views: 772

Multi Colored username Screwd up.

Hello I added this to a new javaScript Page..

$(function(){
  multiColor(1, '<strong><font color="#ffffff">Sp</font><font color="#00ffff">yr</font><font color="#666666">o</font><font color="#00ffff"> ▀█▀ </font><font color="#ffffff">Dr</font><font color="#00ffff">ag</font><font color="#666666">on</font></strong>');
 
  function multiColor(id, html){$('a[href="/u'+id+'"]').not(function(){return $("img",this)[0]}).html(html)}
});


And then it put my username in the messages twice ,, once on top and on the bottom...
Can you guys help me fix this to where  it was back to normal of just having the username on the top and not at the bottom too?
Topics tagged under ffffff on The forum of the forums - Page 3 More_p10
by Spyro Dragon™
on December 21st 2014, 1:23 pm
 
Search in: Scripts Problems Archives
Topic: Multi Colored username Screwd up.
Replies: 3
Views: 679

Personalize the color palette of the editor

Personalize the color palette of the editor



The following tutorial will allow you to create your own palette of colors to use on your Forumotion forum. This tutorial can be used on any forum version.

Topics tagged under ffffff on The forum of the forums - Page 3 Captur63


Installing the Script

1. ) Go to :
Administration Panel > General > Messages and e-mails > Configuration
Make sure that the color palette is set to simple :
Topics tagged under ffffff on The forum of the forums - Page 3 1224310

2. ) Go to :
Administration Panel > Modules > HTML and JavaScript > JavaScript codes management
Make sure that JavaScript codes management is enabled on your forum :
Topics tagged under ffffff on The forum of the forums - Page 3 Captur65

Once done, create a new script by clicking the following button : Topics tagged under ffffff on The forum of the forums - Page 3 Creer10

Title : Personalized color palette
Placement : In all the pages
Code:
$(function(){$(function(){
  if ($("#text_editor_textarea").length < 1) return;
  $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
    var mColorBasic = [],
    html = $('<div />');
                
    // begin list of colors
              
    mColorBasic["Black"] = "#000000";
    mColorBasic["Dark Blue"] = "#00008B";
    mColorBasic["Teal"] = "#008080";
    mColorBasic["Dark Green"] = "#006400";
    mColorBasic["Indigo"] = "#4B0082";
    mColorBasic["Crimson"] = "#DC143C";
    mColorBasic["Orange"] = "#FF4500";
    mColorBasic["Brown"] = "#663300";
        
    mColorBasic["Dark Gray"] = "#666666";
    mColorBasic["Royal Blue"] = "#4169E1";
    mColorBasic["Dark Turquoise"] = "#00CED1";
    mColorBasic["Green"] = "#008000";
    mColorBasic["Purple"] = "#9400D3";
    mColorBasic["Red"] = "#FF0000";
    mColorBasic["Light Orange"] = "#FF9933";
    mColorBasic["Sienna"] = "#A0522D";
        
    mColorBasic["Light Gray"] = "#D3D3D3";
    mColorBasic["Sky Blue"] = "#87CEEB";
    mColorBasic["Cyan"] = "#00FFFF";
    mColorBasic["Green Apple"] = "#32CD32";
    mColorBasic["Mauve"] = "#DA70D6";
    mColorBasic["Salmon"] = "#FA8072";
    mColorBasic["Gold"] = "#FFD700";
    mColorBasic["Light Brown"] = "#CD853F";
        
    mColorBasic["White"] = "#FFFFFF";
    mColorBasic["Pale Turquoise"] = "#AFEEEE";
    mColorBasic["Blue Green"] = "#7FFFD4";
    mColorBasic["Pale Green"] = "#98FB98";
    mColorBasic["Pink"] = "#FFC0CB";
    mColorBasic["Peach"] = "#FFDAB9";
    mColorBasic["Yellow"] = "#FFFF00";
    mColorBasic["Wood"] = "#DEB887";
              
    // end list of colors
              
    for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
              
    html.find('span').click(function(e) {
      callback($(this).attr('color'));
      editor.closeDropDown(true);
      e.preventDefault();
    });
              
    editor.createDropDown(caller, "color-picker", html);
  }
})});


How do you change the current colors ?
For example we'll use the color white :
Code:
mColorBasic["White"] = "#FFFFFF";


mColorBasic["White"] : Sets the name of the color ( it appears in a tooltip on hover )
#FFFFFF : Is the hex color for white ( use this to get the hex color )


Installing the Style

Go to :
Administration Panel > Display > Colors > CSS stylesheet

Copy and paste the following code :
Code:
/* Color palette icons */
.color-option {
  display: inline-block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
  border: 2px solid #fff !important;  /* white border around the icon */
  margin: 3px !important;   /* space between each icon */
  box-shadow: 0 0 2px #778899;   /* shadow */
  cursor: pointer !important;
}

.color-option span{
  display: block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
}

.color-option, .color-option span {
  border-radius: 2px;  /* roundness */  
}

/* Whole palette - the width influences how many icons appear */
.sceditor-dropdown.sceditor-color-picker {
  width: 200px !important;  /* width of the palette */
  height: 100px !important;  /* height of the palette */
  padding: 5px !important;
  border-radius: 5px !important;
}


Then submit and it is done !  :wouhou:





by Ange Tuteur
on August 4th 2014, 1:09 pm
 
Search in: Tips & Tricks
Topic: Personalize the color palette of the editor
Replies: 0
Views: 5971

phpbb2 : Have a vertical navigation bar

Have a vertical navigation bar for phpbb2


The following tutorial will help you get a vertical navigation bar on your Forumotion forum.

Demonstration : Vertical navigation bar

Before making any changes, make sure that your forum meets the following conditions :
- You must be the founder of the forum and have access to its templates.
- Your forum version must be phpBB2.


Modifying the overall_header template

Go to Administration Panel ► Display ► Templates ► General and edit (Edit) the overall_header template.

Locate this part of the template, which contains the variable {GENERATED_NAV_BAR} :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">  <tr>  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>  </tr>  </table>


and replace it with :
Code:
<div class="vertical_nav">{GENERATED_NAV_BAR}</div>


Explanation :

By placing the variable that generates the navigation bar in a div, and giving it the class vertical_nav, will allow us to modify its style with CSS.

Once the modifications are complete​​, save and publish the template by clicking the green plus "Add" in the template list.


Modifying the CSS stylesheet

Go to Administration Panel ► Display ► Colors ► CSS stylesheet tab.

Add the following code to your sheet :
Code:
div.vertical_nav {
    position:absolute;
    top:50px;
    left:5%;
}


Explanation :
position:absolute; allows us to place the navigation bar as a floating element
top:50px; allows us to position our block 50 pixels from the top of the page
left:5%; allows us to position our block 5% from the left of the page

Note: If you want the block to stay where it is while scrolling the page, you must replace position:absolute; with position:fixed;

To finish, add the following code to your sheet :
Code:
div.vertical_nav a.mainmenu {
    display:list-item;
    list-style:none;
}


Explanation :
display:list-item; allows us to see the links in the navigation bar as a list from top to bottom
list-style:none; allows us to remove the style originally assigned to the lists (the bullets : •)

If you want to add a border to your navigation as in the demonstration above, just add on to the style of the element div.vertical_nav :
Code:
div.vertical_nav {
    background:#FFFFFF;
    border:1px solid #D0D0D0;
}


Explanation :
background:#FFFFFF; allows us to color the background of the block white
border:1px solid #D0D0D0; allows us to add a solid gray border of 1px

Do not forget to save your changes, and most importantly, be creative! Wink






by Ange Tuteur
on April 7th 2014, 11:37 am
 
Search in: Tips & Tricks
Topic: phpbb2 : Have a vertical navigation bar
Replies: 0
Views: 9667

phpbb2 & punbb : Frame the avatar and / or profile of members

phpbb2 & punbb : Frame the avatar and / or profile of members



The following tutorial will allow you to add a customizable border in the "Author" box of messages on your Forumotion forum.

Demonstrations :
- Avatar framed
- Entire Profile framed

Before making any changes, make sure that your forum meets the following conditions :
- You must be the founder of the forum and have access to its templates.
- Your forum version must be phpBB2 or punBB.

Modifying the viewtopic_body template

Go to Administration Panel ► Display ► Templates ► General and edit :edit:the viewtopic_body template.

- If you want to frame the avatar, locate this variable :
(The modification below applies to both phpBB2 and punBB)
Code:
{postrow.displayed.POSTER_AVATAR}


and replace it with :
Code:
<div class="post_avatar">{postrow.displayed.POSTER_AVATAR}</div>


- If you want to frame the entire profile, locate this part :
(The modification below is only for phpBB2)
Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />            <span class="postdetails poster-profile">            {postrow.displayed.POSTER_RANK}<br />            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />            <!-- BEGIN profile_field -->            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}            <!-- END profile_field -->            {postrow.displayed.POSTER_RPG}         </span>


and replace it with :
Code:
<div class="post_profile"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />            <span class="postdetails poster-profile">            {postrow.displayed.POSTER_RANK}<br />            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />            <!-- BEGIN profile_field -->            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}            <!-- END profile_field -->            {postrow.displayed.POSTER_RPG}         </span></div>


Once the modifications are complete​​, save and publish the template by clicking the green plus "Add" in the template list.

Modifying the CSS stylesheet

Go to Administration Panel ► Display ► Colors ► CSS stylesheet tab

- If you have framed the avatar, add this code to the sheet :
Code:
div.post_avatar img {
    border:1px solid #000000;
    background:#FFFFFF;
    padding:3px;
}


- If you have framed the entire profile (for phpBB2), add this code to the sheet :
Code:
div.post_profile {
    border:1px solid #000000;
    background:#FFFFFF;
    padding:3px;
}


- If you want to frame the entire profile (for punBB), add this code to the sheet :
Code:
div.user {
    border:1px solid #000000;
    background:#FFFFFF;
    padding:3px;
}


Do not forget to save your changes.

Explanations :
background:#FFFFFF; gives the background a white color
border:1px solid #000000; adds a solid black border of 1 pixel
padding:3px; adds spacing between the content and the border by 3 pixels



by Ange Tuteur
on March 31st 2014, 1:17 pm
 
Search in: Tips & Tricks
Topic: phpbb2 & punbb : Frame the avatar and / or profile of members
Replies: 0
Views: 8109

Customize attachments frame

Customize attachments frame



Following the update last week, Forumotion provides this trick so you can customize the attachments:

Topics tagged under ffffff on The forum of the forums - Page 3 29-03-11
Note


The effect only appears
for members using
browsers:


  • Firefox
  • Safari
  • Google Chrome



CSS addition

[b]Admin panel Topics tagged under ffffff on The forum of the forums - Page 3 Arrow10 Display Topics tagged under ffffff on The forum of the forums - Page 3 Arrow10 Colors Topics tagged under ffffff on The forum of the forums - Page 3 Arrow10 CSS Stylesheet [/b]


Add this code :

Code:
.attachbox{
background-color: #191919;
background-image: url('https://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
color:#ffffff;
}
 
.attachbox dl.file{
background-color: #212121;
margin-top: 8px;
padding: 5px;
border: 1px solid #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}




Summary of CSS properties:

Topics tagged under ffffff on The forum of the forums - Page 3 29-03-12

.attachbox
>> Part A
background-color: #191919;>> Background color
background-image:
url('http:image.address');
>> Background image
border: 1px solid #888888;>> Part A border
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
>> The 4 corners
color:#ffffff;>> Part A text color

.attachbox dl.file
>> Part B
background-color: #212121;>> Background color
margin-top: 8px;>> the outer margin high (top)
(See image B)
padding: 5px;>> The inner margin
(See image B)
border: 1px solid #fff;>> Border color
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
>> The 4 corners



Topics tagged under ffffff on The forum of the forums - Page 3 Margin10
Image B




by Shadow
on March 30th 2010, 9:53 am
 
Search in: Tips & Tricks
Topic: Customize attachments frame
Replies: 1
Views: 11399

Back to top

Page 3 of 4 Previous  1, 2, 3, 4  Next

Jump to: