So I recently installed a new Theme: 1Game (http://www.phpbb3styles.net/db/style/1Game)
Added the Stylesheet, added the missing Icons/Pictures etc.
Everything works fine while I use Firefox, but one of my Chrome users reported that his Reply-Field moves when he gets near the BBCode
Quick reply works just fine, but this makes editing longer posts quite hard
Apparently this only happens since I installed the new Layout, so it has to be somewhere in the Stylesheet (I took the URLS of the Pics out)
Help would be appreciated
Added the Stylesheet, added the missing Icons/Pictures etc.
Everything works fine while I use Firefox, but one of my Chrome users reported that his Reply-Field moves when he gets near the BBCode
- Spoiler:
Quick reply works just fine, but this makes editing longer posts quite hard
Apparently this only happens since I installed the new Layout, so it has to be somewhere in the Stylesheet (I took the URLS of the Pics out)
- Code:
/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: subsilver2
Based on style: subSilver (the default phpBB 2 style)
Original author: subBlue ( http://www.subBlue.com/ )
Modified by: psoTFX and the phpBB team ( http://www.phpbb.com )
This is an alternative style for phpBB3 for those wishing to stay with
the familiar subSilver style of phpBB version 2.x
Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #575757;
background-color: #111111;
font-size: 53.5%; /* This sets the default font size to be equivalent to 10px */
margin: 6px;
background-image: url();
}
a.subforum.read {
background-image: url();
background-repeat: no-repeat;
background-position: 0 50%;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}
a.subforum.unread {
background-image: url();
background-repeat: no-repeat;
background-position: 0 50%;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}
#top
{
background-image: url();
width: 960px;
height: 203px;
margin: 0 auto;
}
#wrap
{
width: 1200px;
min-width: 650px;
margin: 0px auto;
border-top: 1px solid #303030;
border-left: 2px solid #303030;
border-right: 2px solid #303030;
border-bottom: 2px solid #303030;
background-color: #202020;
}
.borderwrap
{
background: #1e1e1e;
border: 0px;
padding: 0px;
margin: 0px;
}
#logo
{
background: #1a1a1a;
border: 1px solid #1e1e1e;
height: 119px;
margin: 0;
padding: 0;
}
#logographic
{
background: transparent url(http://gamesboard.pl/styles/gb/theme/images/top.png) no-repeat left;
height: 119px;
margin: 0;
padding: 0;
}
#submenu
{
background: #292929;
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
color: #ffffff;
margin: 0;
height: 30px;
text-align: right;
}
.left,
.right
{
background: #292929;
float: right;
font-size: 11px;
line-height: 30px;
font-weight: bold;
margin: 0px;
width: auto;
}
.left
{
float: left;
border-left: 0px;
}
.left a:link,
.left a:visited,
.right a:link,
.right a:visited
{
background: transparent;
color: #db6911;
padding: 0 6px 0 6px;
text-decoration: none;
}
.left a:hover,
.left a:active,
.right a:hover,
.right a:active
{
background: transparent;
color: #ffffff;
}
#uplink
{
background: #202020;
margin: 5px 0 5px 0;
padding: 0 5px 0 5px;
}
#uplink
{
background: #202020;
*/border: 1px solid #1e1e1e;
*/: ;
}
#uplink p
{
background: transparent !important;
border: 0 !important;
font-size: 10px;
font-weight: normal;
letter-spacing: 0;
margin: 0 !important;
padding: 7px 0 7px 0;
text-align: right;
}
#uplink p.register
{
text-align: center;
}
#uplink p.home,
#uplink p.home
{
float: left;
}
.info
{
background: #2a2a2a;
border-top: 1px solid #1e1e1e;
border-bottom: 1px solid #1e1e1e;
margin: 0;
width: 100%;
}
.info td
{
color: #7a7a7a;
font-size: 10px;
padding: 5px 5px 5px 10px;
}
.info span
{
background: transparent;
color: #FFF;
font-style: italic;
font-weight: normal;
}
.info input
{
background: #303030;
border: 1px solid #1e1e1e;
color: #FFF;
font-size: 10px;
padding: 3px;
vertical-align: middle;
width: auto;
}
.info input.button
{
background: transparent;
border: 0;
color: #FFF;
vertical-align: middle;
}
.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members
{
float: right;
width: auto !important;
}
.maintitle a:link,
.maintitle a:visited,
.maintitlecollapse a:link,
.maintitlecollapse a:visited
{
background: transparent;
color: #fff;
text-decoration: none;
}
.maintitle a:hover,
.maintitle a:active,
.maintitlecollapse a:hover,
.maintitlecollapse a:active
{
background: transparent;
color: #fff;
}
#wrapheader {
min-height: 120px;
height: auto !important;
height: 120px;
/* background-image: url();
background-repeat: repeat-x;*/
/* padding: 0 25px 15px 25px;*/
padding: 0;
}
#wrapcentre {
margin: 15px 5px 0 5px;
}
#wrapfooter {
text-align: center;
clear: both;
}
#wrapnav {
width: 100%;
margin: 0;
background-color: #262626;
border-width: 1px;
border-style: solid;
border-color: #1e1e1e;
}
#logodesc {
margin-bottom: 5px;
padding: 5px 25px;
background: #e2e1db;
border-bottom: 1px solid #a78447;
}
#menubar {
margin: 0 25px;
}
#datebar {
margin: 10px 25px 0 25px;
}
#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.forumrules {
background-color: #3e3e3e;
border-width: 1px;
border-style: solid;
border-color: #a78447;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: red;
}
#pageheader { }
#pagecontent { }
#pagefooter { }
#poll { }
#postrow { }
#postdata { }
/* Text
--------------------- */
h1 {
color: black;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}
h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0;
float: left;
color: black;
font-weight: bold;
}
.rtl p.moderators {
float: right;
}
p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}
.rtl p.linkmcp {
float: left;
}
p.breadcrumbs {
margin: 0;
float: left;
color: black;
font-weight: bold;
white-space: normal;
font-size: 1em;
}
.rtl p.breadcrumbs {
float: right;
}
p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}
.rtl p.datetime {
float: left;
}
p.searchbar {
padding: 2px 0;
white-space: nowrap;
}
p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}
.rtl p.searchbarreg {
float: left;
}
p.forumdesc {
padding-bottom: 4px;
}
p.topicauthor {
margin: 1px 0;
}
p.topicdetails {
margin: 1px 0;
}
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}
.postapprove img, .postreported img {
vertical-align: bottom;
}
.postauthor {
color: #fff;
}
.postdetails {
color: #fff;
}
.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}
.posthilit {
background-color: yellow;
}
.nav {
margin: 0;
color: #e7e7e7;
font-weight: bold;
}
.pagination {
padding: 4px;
color: black;
font-size: 1em;
font-weight: bold;
}
.cattitle {
}
.gen {
margin: 1px 1px;
font-size: 1.2em;
}
.genmed {
margin: 1px 1px;
font-size: 1.1em;
}
.gensmall {
margin: 1px 1px;
font-size: 1em;
}
.copyright {
color: #444;
font-weight: normal;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.titles {
color: orange;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}
.error {
color: red;
}
/* Tables
------------ */
th {
color: #db8216;
font-size: 10px;
font-weight: bold;
background-color: #1a1a1a;
white-space: nowrap;
border-left: 1px solid #303030;
border-top: 1px solid #303030;
padding: 5px 5px;
}
td {
padding: 2px;
}
td.profile {
padding: 4px;
}
.tablebg {
border: 1px solid #303030;
background-color: #1e1e1e;
}
.catdiv {
height: 25px;
margin: 0;
padding: 0;
border: 0;
background: white url() repeat-y scroll top left;
}
.rtl .catdiv {
background: white url() repeat-y scroll top right;
}
.cat {
height: 25px;
margin: 0;
padding: 0;
border: 0;
background-color: #d5d3c9;
background-image: url();
text-indent: 4px;
}
.row1 {
background-color: #262626;
border-left: 1px solid #303030;
border-top: 1px solid #303030;
padding: 4px;
}
.row2 {
background-color: #262626;
border-left: 1px solid #303030;
border-top: 1px solid #303030;
padding: 4px;
}
.row3 {
background-color: #353434;
padding: 6px;
}
.spacer {
background-color: #202020;
}
hr {
height: 1px;
border-width: 0;
background-color: #dad9d3;
color: #dad9d3;
}
.legend {
text-align:center;
margin: 0 auto;
}
/* Links
------------ */
a:link {
color: #FFA500;
text-decoration: none;
}
a:active,
a:visited {
color: #FFA500;
text-decoration: none;
}
a:hover {
color: #db6e19;
text-decoration: none;
}
a.forumlink {
font-weight: bold;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
a.topictitle {
margin: 1px 0;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
}
a.topictitle:visited {
color: #b49254;
text-decoration: none;
}
th a,
th a:visited {
color: #FFA34F !important;
text-decoration: none;
}
th a:hover {
text-decoration: underline;
}
/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}
input {
color: #fff;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
padding: 1px;
border: 1px solid #303030;
background-color: #3e3e3e;
}
textarea {
background-color: #2b2929;
color: #fafafa;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #1e1e1e;
padding: 2px;
}
select {
color: #fff;
background-color: #1f1f1f;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #303030;
padding: 1px;
}
option {
padding: 0 1em 0 0;
}
option.disabled-option {
color: graytext;
}
.rtl option {
padding: 0 0 0 1em;
}
input.radio {
border: none;
background-color: transparent;
}
.post {
background-color: #262626;
border-style: solid;
border-width: 1px;
}
.btnbbcode {
color: #fff;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #2c2929;
border: 1px solid #666666;
}
.btnmain {
font-weight: bold;
background-color: #262626;
border: 1px solid #1e1e1e;
cursor: pointer;
padding: 1px 5px;
font-size: 1.3em;
}
.btnlite {
font-weight: normal;
background-color: #262626;
border: 1px solid #1e1e1e;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnfile {
font-weight: normal;
background-color: #262626;
border: 1px solid #1e1e1e;
padding: 1px 5px;
font-size: 1.1em;
}
.helpline {
background-color: #262626;
border-style: none;
}
/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #1e1e1e;
color: #333333;
background-color: #1e1e1e;
font-size: 0.85em;
font-weight: bold;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #1e1e1e;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: #2b2929;
color: #fafafa;
}
.attachcontent {
font-size: 0.85em;
}
.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #1e1e1e;
color: #333333;
background-color: #1e1e1e;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}
.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #1e1e1e;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #fff;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background-color: #2b2929;
}
.syntaxbg {
color: #1f1f1f;
}
.syntaxcomment {
color: #FF8000;
}
.syntaxdefault {
color: #0000BB;
}
.syntaxhtml {
color: #fff;
}
.syntaxkeyword {
color: #007700;
}
.syntaxstring {
color: #DD0000;
}
/* Private messages
------------------ */
.pm_marked_colour {
background-color: #fff;
}
.pm_replied_colour {
background-color: #1e1e1e;
}
.pm_friend_colour {
background-color: #007700;
}
.pm_foe_colour {
background-color: #DD0000;
}
/* Chat
------------ */
#chatbox {
margin-top: 10px;
}
#chat_overflow {
overflow: auto;
height: 200px;
}
#chat_messages .chat_date {
font-size: 1.4em;
}
#chat_messages tr {
padding: 5px;
}
#chat_messages tr.new * {
background-color: #ecd5d8 !important; /*
}
Help would be appreciated
Last edited by Toxyna on July 6th 2012, 3:14 pm; edited 1 time in total