Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

  ClosedNew TopicNew Poll

 Syntax Error? [SOLVED]
#
I don't know if anyone else has been having this problem or not, but this is an issue that seems to be growing no matter what board I go to. I had a syntax error in a CSS sheet that John helped me find a solution for earlier, but when it continued to be an issue, I decided to open a new board to see if the issue would follow me, or not. It was there on the new board. Now, I don't know if it's something in my coding or not, considering I used the default codes to start building up my skin. I went to an old board I've had sitting, never touched it, never worked on it, never did anything for it. It's been sitting since April. IT had the same issues as well.

I'm not sure if it's me, others are going through an issue, or there's a bug, but I wanted to bring it up in case there's a problem going on somewhere.

Edit: I've had to continue to place things under the html {} portion of my CSS just to get most things to work.

This post has been edited by Sunbear: Aug 11 2017, 01:40 AM
#
Please post the exact series of steps to replicate the issue as you have posted a bug report. It is doubtful that this is a bug. There are no CSS syntax errors in the stock board CSS.

signature
email: admin@jcink.com :: blog: John C.
#
Anytime I attempt to post code below a certain point on my board (for example, in this case, below the copyright CSS), it doesn't show up on the skin. I have to post it below the html {} before it shows up on my skin.

There are other instances of it happening with other pieces of CSS that are already there by default. For example, the .wrapmini was not formatting (I'll note that I hadn't attempted to format it at all) as it should. But once I placed it below html {} it showed it perfectly normal.

If this isn't a bug report, but something else entirely, I do apologize. But I wasn't sure where else to report it considering it was happening multiple times and across two boards.

This post has been edited by Sunbear: Aug 11 2017, 10:34 AM
#
Please provide the .wrapmini so that I will test it on a new board.

signature
email: admin@jcink.com :: blog: John C.
#
Here you go!

CODE
/* Topic Macros */
.wrapmini {
float: left; }
#
I realized that .wrapmini's fault is to float left, so instead I added font-weight bold and put it at the very end of the stylesheet.

http://wrapmini.jcink.net/index.php?showforum=1

As you can see it bolded, so there are no errors.

Please post your entire CSS that has this issue, because there is a syntax error in it. It's not the board software.

signature
email: admin@jcink.com :: blog: John C.
#
Here you are John and thank you for the help.


CODE
/*=============================================== *
* "Double Helix" Skin
* ==============================================
* Created by Selcouthe
*=============================================== */

html {
overflow-x: auto; }


/* Topic Macros */
.wrapmini {
float: left; }


/****************************************
Topic Rows / Return to Normal Place When Skin is Transferred
*****************************************/
.topichold {
background: #bfbfbf;
height: 50px;
border-bottom: 2px solid #968AA2;
position: relative;
text-transform: none;
font-family: 'Lato', sans-serif;
line-height: 100%; }

.topictic {
position: absolute;
top: 10px;
left: 5px;
height: 31px;
width: 31px;
padding: 7px; }

.topicname {
position: absolute;
left: 40px;
top: 2px;
font-size: 15px;
font-family: 'Forum', cursive;
padding: 9px 5px;
width: 455px;
letter-spacing: 1px; }

.topictd {
position: absolute;
left: 40px;
bottom: 10px;
font-size: 12px;
height: 10px;
padding: 5px;
width: 455px; }

.topiclast {
position: absolute;
right: 370px;
top: 8px;
font-size: 12px;
padding: 5px;
height: 25px;
width: 190px;
text-align: left; }

.topicmod {
position: absolute;
right: 10px;
top: 10px;
padding: 5px;
height: 35px; }

.topicreplies {
position: absolute;
top: 3px;
left: 775px;
padding: 10px;
height: 23px;
width: 50px;
background: #3c4169;
color: #f8f8f8;
font-family: 'Lato', sans-serif;
font-size: 12px;
text-align: center; }

.topicreplies a:link, .topicreplies a:visited, .topicreplies a:active {
text-decoration: none;
color: #ecd9a6;
-webkit-transition: .75s;
-moz-transition: .75s;
-o-transition: .75s;
transition: .75s; }

.topicreplies a:hover {
color: #f2f2f2;
text-decoration: none;
-webkit-transition: .75s;
-moz-transition: .75s;
-o-transition: .75s;
transition: .75s; }

.topicviews {
position: absolute;
top: 3px;
left: 690px;
padding: 10px;
height: 23px;
width: 50px;
background: #3c4169;
color: #f8f8f8;
font-family: 'Lato', sans-serif;
font-size: 12px;
text-align: center; }

.topic-subheader {
display:none; }

.topic-title-row {
font-family: 'Forum', cursive;
font-size: 23px;
padding: 5px;
background: #f8f8f8;
letter-spacing: 1px; }


/****************************************
Quote & Code BBCode Boxes / Return to Normal Place When Skin is Transferred
*****************************************/
#QUOTE {
white-space: normal;
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #000000;
background-image: url(https://files.jcink.net/uploads/denofthesunbear/codequotebg.jpg);
background-color: #bfbfbf;  
padding: 2px;
border: 1px solid #eaeaea;
margin-top: 2px; }

#CODE {
white-space: normal;
font-family: Courier, Courier New, Verdana, Arial;  
font-size: 12px;
color: #000000;
background-image: url(https://files.jcink.net/uploads/denofthesunbear/codequotebg.jpg);
background-color: #bfbfbf;  
padding: 2px;
border: 1px solid #eaeaea;
margin-top: 2px; }



/****************************************
Form Table Cell Styles / Return to Normal Place When Skin is Transferred
*****************************************/
.pformstrip {
background-image: url(//files.jcink.net/themes/default/gray-gradient.png);
background-color: #bfbfbf;
color: black;
font-weight: bold;
padding: 2px 5px;
margin-top: 1px; }

.pformleft {
background-color: #EFEFEF;
padding: 6px;
margin-top: 1px;width:25%;
border-top: 1px solid #eaeaea;
border-right: 1px solid #eaeaea; }

.pformleftw {
background-color: #EFEFEF;
padding: 6px;
margin-top: 1px;width:40%;
border-top: 1px solid #eaeaea;
border-right: 1px solid #eaeaea; }

.pformright {
background-color: #EFEFEF;
padding: 6px;
margin-top: 1px;
border-top: 1px solid #eaeaea; }


/****************************************
Table & Div Borders / Return to Normal Place When Skin is Transferred
*****************************************/
.tableborder {
background-color: #C0C0C0;
border: 1px solid #eaeaea;
padding: 0px;
margin: 0; }

.tablefill {
background-color: #EFEFEF;
border: 1px solid #eaeaea;
padding: 6px; }

.tablepad {
background-color: #EFEFEF;
padding: 6px; }

.tablebasic {
width: 100%;
padding: 0;
margin: 0px;
border: 0px; }

.plainborder {
border: 1px solid #eaeaea;
background-color: #EFEFEF; }


/**********************************************
Input Buttons (e.g. Submit, Text Input, Etc.) / Return to Normal Place When Skin is Transferred
***********************************************/
.post-buttons-top {
margin-top: 3px; }

.button-large.closed {
background: url(//files.jcink.net/themes/default/white-gradient.png);
padding: 7px 12px;
text-align: center;
margin: 0px 5px 0px 5px;
border: 1px solid #d8d8d8;
color: #660000;
font-weight: bold; }

.forminput, .codebuttons, .textinput, .radiobutton, .checkbox {
border-radius: 2px;
background: #FFF;
border: 1px solid #545454;
color: #000;
font-family: 'Lato', sans-serif;
font-size: 12px;
padding: 2px;
vertical-align: middle; }

input[type=submit], input[type=button], input[type=reset] {
background: #ecd9a6;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
color: #000000;
font-size: 12px;
font-weight: none;
margin: 3px;
padding: 2px 6px;
text-decoration: none;
border: none; }

.codebuttons  {
font-size: 12px; }


/****************************************
Post Template / Return to Normal Place When Skin is Transferred
*****************************************/
.posttemplate {
width: 600px;
height: auto;
max-height: 400px;
margin: auto;
background: url(http://files.jcink.net/uploads/denofthesunbear/postbg.png);
outline: 1px solid rgba(184, 184, 184, 0.3);}

.postborder {
width: 550px;
height: auto;
max-height: 350px;
padding: 25px;
background: rgba(93,80,93, 0.5); }

.charactername {
width: 188px;
height: 350px;
background: #E4E1DA;
display: inline-block;
vertical-align: top;
margin-right: 20px;
border-radius: 10px;
background: rgba(39,31,42,0.9); }

.characternametext {
width: 168px;
height: 95px;
margin: 10px 5px;
padding: 5px;
font-size: 12px;
font-family: 'Lato', sans-serif;
color: #E4E1DA;
overflow: auto;
text-align: justify; }

.charactername a {
color: #5d505d;
text-decoration: none;}

.charactername a:hover {
color: #D44818;
text-decoration: none; }

.imagebox {
width: 188px;
height: 225px; }

.imagebox img {
width: 188px;
max-height: 225px;
margin-top: 0x;
border-radius: 0px 0px 10px 10px; }

.textbox {
width: 337px;
height: 350px;
background: rgba(39,31,42,0.9);
display: inline-block;
vertical-align: top;
border: 1px solid rgba(184, 184, 184, 0.3);
border-radius: 10px; }

.templatetext {
width: 317px;
height: 320px;
margin: 10px 5px;
padding: 5px;
font-size: 12px;
font-family: 'Lato', sans-serif;
color: #E4E1DA;
overflow: auto;
text-align: justify; }

.templatetext a {
font-size: 13px;
font-family: 'Lato', sans-serif;
color: #D44818;
letter-spacing: 1px;
text-decoration: none;}

.templatetext a:hover {
text-decoration: none;
color: #d3cd7b; }


/****************************************
Mini-Profiles / Return to Normal Place When Skin is Transferred
*****************************************/
.minimain {
border-bottom: none;
color: #000000;
background: none;
font-size: 12px;
font-family: 'Lora', serif;
letter-spacing: 1px; }

.minititle {
color: #000000;
font-size: 12px;
font-family: 'Forum', cursive;
font-weight: bold;
letter-spacing: 1px; }

.miniprofile {
min-width: 200px;
font-size: 12px;
font-family: 'Lora', serif;
letter-spacing: 0px; }

.miniframe {
min-width: 200px;
min-height: auto;
border: 2px solid #000000;
background-color: #DB9442;
background-image: url(https://files.jcink.net/uploads/denofthesunbear/miniprofilebg.png); }

.miniprofile a:link, .miniprofile a:visited, .miniprofile a:active {
text-decoration: none;
color: #bfbfbf;
-webkit-transition: .75s;
-moz-transition: .75s;
-o-transition: .75s;
transition: .75s; }

.miniprofile a:hover {
color: #f2f2f2;
text-decoration: none;
-webkit-transition: .75s;
-moz-transition: .75s;
-o-transition: .75s;
transition: .75s; }



/****************************************
Signature Horizontal Rule Separator / Return to Normal Place When Skin is Transferred
*****************************************/
.sigsep {
border-top: 2px double #bfbfbf; }


/****************************************
Buttons / Return to Normal Place When Skin is Transferred
*****************************************/
.button-large {
background: #ecd9a6;
border-radius: 5px;
padding: 7px 12px 5px 12px;
text-align: center;
margin: 0px 5px 0px 5px;
color: #000000;
font-family: 'Lato', sans-serif;
font-size: 18px;
min-width: 75px;
display: inline-block; }

.button-large:hover {
background: #bfbfbf; }

.button-small {
background: #ecd9a6;
border-radius: 3px;
color: #000000;
font-size: 12px;
margin: 3px;
padding: 4px 7px;
text-decoration: none;
min-width: 50px;
max-width: 80px; }

.button-small:hover {
background: #bfbfbf; }



/****************************************
Forum Rows / Return to Normal Place When Skin is Transferred
*****************************************/
.dhhold {
border-bottom: 2px solid #968AA2;
height: 90px;
padding: 10px;
background: #bfbfbf;
position: relative;
display: block;
text-transform: none;
font-family: 'Lato', sans-serif; }

.dhpostmacro {
position: absolute;
top: 38px;
left: 5px; }

.dhpostname {
position: absolute;
top: 2px;
left: 55px;
padding: 0px;
font-size: 22px;
width: 250px;
font-family: 'Forum', cursive;
letter-spacing: 1px; }

.dhdatepost {
position: absolute;
top: 30px;
right: 235px;
width: 200px;
height: 80px;
font-size: 12px;
text-align: justify; }

.dhbox {
width: 65px;
height: 35px;
padding: 5px;
font-size: 12px;
color: #f8f8f8;
background: #3c4169;
text-align: left; }

.dhcnt {
font-size: 12px;
font-family: 'Lato', sans-serif;
text-align: right;
padding-right: 3px; }

.dhdesc {
position: absolute;
top: 29px;
left: 55px;
width: 400px;
height: 80px;
padding: 0px;
font-size: 12px;
overflow: auto; }

form {
display: inline; }

#board .tableborder table {
border-collapse: collapse; }

.post-normal td.row4:first-child {
text-align: center; }


/****************************************
Body Background & Text Style
*****************************************/
body {
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #222;
margin: 0px;
padding: 0px;
background-color: #75709E;
background-image: url(https://files.jcink.net/uploads/denofthesunbear/black_paper.png);
background-attachment: fixed; }


/****************************************
Table Styles
*****************************************/
table, tr, td {
font-family: 'Lato', sans-serif;
font-size: 12px;
color: #222; }


/****************************************
Board Width
*****************************************/
#wrapper {
text-align: left;
width: 980px;
margin: 20px auto 30px;
background: #fbfbfb;
padding-bottom: 5px;
padding-top: 15px; }

#innerwrapper {
padding: 0 10px; }


/****************************************
Link Colors
*****************************************/
a:link, a:visited, a:active {
text-decoration: none;
color: #4664A2;
-webkit-transition: .75s;
-moz-transition: .75s;
-o-transition: .75s;
transition: .75s; }

a:hover {
color: gray;
text-decoration: none;
-webkit-transition: .75s;
-moz-transition: .75s;
-o-transition: .75s;
transition: .75s; }


/****************************************
Profile Styles
*****************************************/
#profilename {
font-size: 28px;
font-weight: bold; }

#photowrap {
padding:6px; }

#phototitle {
font-size: 24px;
border-bottom: 1px solid black; }

#photoimg {
text-align: center;
margin-top: 15px; }


/****************************************
UserCP / My Controls Styles
*****************************************/
#ucpmenu {
line-height: 150%;
width: 22%;
border: 1px solid #eaeaea;
background-color: #EFEFEF; }

#ucpmenu p  {
padding: 2px 5px 6px 9px;
margin: 0px; }

#ucpcontent {
background-color: #EFEFEF;
border: 1px solid #eaeaea;
line-height: 150%;
width: auto; }

#ucpcontent p {
padding: 10px;
margin: 0px; }


/****************************************
Logo Strip
*****************************************/
#logostrip {
display: none; }

#logo {
min-height: 60px;
text-align: left;
line-height: 20px; }

#logo a, #logo a:hover {
font-size: 36px;
text-decoration: none;
font-weight: bold;
color: #800000; }


/****************************************
Navigation Bar / Submenu (Top/Right/Bottom/Left)
*****************************************/
#submenu  {
width: 958px;
font-size: 15px;
background-color: #bfbfbf;
background-position: center center;
margin: 15px auto 3px auto;
padding: 3px 6px 1px 6px;
font-family: 'Lato', sans-serif;
border-bottom: 2px solid #968AA2; }

#submenu img {
display: none; }

#submenu a:link, #submenu a:visited, #submenu a:active {
text-decoration: none;
color: #000 !important;
padding: 7px 7px;
font-weight: bold; }

#submenu a:hover {
color: #fff !important;
text-decoration: none; }

#navi br {
display: none; }

#navstrip  {
font-weight: bold;
padding: 6px 0px 16px 0px; }


/****************************************
Calendar Styling
*****************************************/
.caldate {
text-align: right;
font-weight: bold;
font-size: 12px;
color: #555;
background-color: #F2F2F2;
padding:4px; margin: 0px; }

#calendarname {
font-size: 22px;
font-weight: bold; }

#padandcenter {
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 14px 0px 14px 0px; }


/**************************************************
User Links Menu (Messages / View New Posts / Etc.)
***************************************************/
#userlinks {
background-color: #bfbfbf;
list-style: none;
width: 960px;
margin: 0 auto; }

#userlinks td {
color: #333; }

#userlinks a {
text-decoration: none;
padding: 1px; }

#userlinks a:hover {
text-decoration: none; }


/****************************************
Topic View Styles
*****************************************/
.activeuserstrip {
background-color: #bfbfbf;
padding: 6px; }

.normalname {
font-family: 'Forum', cursive;
font-size: 18px;
color: #003;
letter-spacing: 1px; }

.normalname a {
font-family: 'Forum', cursive;
font-size: 18px;
letter-spacing: 1px; }

.unreg {
font-family: 'Forum', cursive;
font-size: 18px;
color: #900;
letter-spacing: 1px; }

.post1 {
background-color: #F2F2F2; }

.post2 {
background-color: #F2F2F2; }

.postdetails {
font-size: 12px; }

.postcolor {
font-size: 12px;
line-height: 160%; }

.postlinksbar {
padding: 1px 5px;
background-color: #CCCCCC;
padding: 1px;
margin-top: 1px;
font-size: 12px;
background-image: url(//files.jcink.net/themes/default/thin-gray-gradient.png); }

.signature {
font-size: 12px;
color: #339;
line-height:150%; }


/*******************************
Pagination e.g. [1],2,3 ...
*******************************/
.pagination .pagination_current, .pagination a {
padding: 2px 5px; }

.pagination a:link, .pagination a:visited, .pagination a:active {
border: 1px solid #800000;
border-radius: 3px;
background-color: #740300;
padding-left: 6px;
padding-right: 6px;
color: #ffffff;
text-decoration: none;
box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4); }

.pagination a:hover {
background: #EFEEEE;
text-decoration: none;
color: #000000;
box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
background-image: url(//files.jcink.net/themes/default/gray-gradient.png); }

.pagination .pagination_current {
background: none repeat scroll 0% 0% #FFFFFF;
border: 1px solid #545454;
border-radius: 3px;
padding-left: 6px;
padding-right: 6px;
background-image: url(//files.jcink.net/themes/default/gray-gradient.png); }

.pagination_first, .pagination_last, .pagination_page {
background: none repeat scroll 0% 0% #740300;
border: 1px solid #800000; }

.pagination_pagetxt {
display: none; }


/*******************************s*********
Global General Table / Div Row tyles
*****************************************/
.row1,.row3,.row4,.row2 {
background-color: #EFEFEF;
padding: 5px; }

#boardstats .row2 {
text-align: center; }

div[style="margin-bottom:3px;"] .row4 {
background: transparent; }

.darkrow1 {
background-color: #bfbfbf;
color:black; }

.darkrow2 {
background-color: #bfbfbf;
color:black; }

td.darkrow2 {
display: none; }

.darkrow3 {
background-color: #bfbfbf;
color: #000;
padding: 3px; }

.hlight {
background-color: #EFEFEF; }

.dlight {
background-color: #EFEFEF; }


/****************************************
Top Table Bars / Gradient Holders
*****************************************/
.maintitle {
border-bottom: 2px solid #968AA2;
background-color: #c48d79;
font-weight: none;
padding: 8px;
color: #000000;
font-family: 'Forum', cursive;
font-size: 28px;
letter-spacing: 1px; }

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
text-decoration: none;
color: #000000 !important; }

.maintitle a:hover {
text-decoration: none; }


/****************************************
Bar Directly Below the Maintitles
*****************************************/
.titlemedium {
font-weight: bold;
color: #222;
padding: 2px 6px;
margin: 0px;
background-color: #D8D8D8;

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
text-decoration: none;
color: #222; }




/****************************************
Tabs on the Portal Profiles + Sections
*****************************************/
.opentab {
color: #000000;
padding: 8px;
float: left;
width: auto;
background: #ecd9a6;
margin-top: 3px;
margin-right: 2px;
font-size: 12px;
border: #545454 1px solid; }

.closedtab {
color: #000000;
padding: 7px;
float: left;
width: auto;
background: #ecd9a6;
margin-top: 6px;
margin-right: 2px;
font-size: 12px;
border-top: #545454 1px solid;
border-right: #545454 1px solid;
border-left:  #545454 1px solid; }

.positiontab {
height: 34px;
margin-left: 2px; }


/****************************************
Delete all Cookies / Mark Read
*****************************************/
#delcookiesrow {
background-color: #EFEFEF;
border: 1px solid #545454;
font-size: 12px;
padding: 5px;
width: 260px;
float: right;
margin-top:-3px;
padding-left:1px; }

#mark-as-read-subto {
background-color: #EFEFEF;
border: 1px solid #545454;
font-size: 12px;
padding: 5px;
width: 260px;
float: right;
margin-top:-3px;
padding-left:1px; }

#mark-as-read-subto {
float: none;
padding-top: 3px; }


/****************************************
Board Statistics Links
*****************************************/
.toplinks a {
color: #ffffff;
font-size: 12px;
text-decoration: none; }

.toplinks {
margin: 0 11px -37px 0;
text-align: right;
color: transparent; }


/****************************************
Miscellaneous
*****************************************/
/* Image Tag Styles */
img {
vertical-align: middle;
border: 0px; }

img.attach {
border: 2px outset #555;
padding: 2px; }

/* Edited by Text */
.edit {
font-size: 12px; }

/* Warning CSS */
.warngood {
color: green; }

.warnbad  {
color: red; }

/* Skin Selector Dropdown */
#skin_selector {
margin: 10px 0; }

/* Online Users List Row */
.thin {
padding: 6px 0px 6px 0px;
line-height: 140%;
margin: 2px 0px 2px 0px;
border-top: 1px solid #968AA2;
border-bottom: 1px solid #968AA2; }

/* Latest News Area */
.newstext {
background-color: #EFEFEF;
border: 1px solid #555;
padding: 6px 6px 2px 6px;
margin-bottom: 10px; }

/* Highlighted Text in Search */
.searchlite {
color: #F00;
font-weight: bold;  
background-color: #FF0; }


/****************************************
Mobile-specific Styles
*****************************************/
#mobile {
background-color: #FBFBFB; }


/****************************************
Copyright: Removal is against Terms
*****************************************/
.copyright {
font-size: 12px;
line-height: 12px; }


This post has been edited by Sunbear: Aug 11 2017, 01:13 PM
#
Looks like it's right here:

.titlemedium {
font-weight: bold;
color: #222;
padding: 2px 6px;
margin: 0px;
background-color: #D8D8D8;


Sunbear you don't have a closing curly brace on this block.

signature
email: admin@jcink.com :: blog: John C.
#
user posted image

Excuse me while I go hide in my shame.

Thank you John, as always.
#
Moved to JFB Support, please post topics like this here next time. Thanks. http://files.b1.jcink.com/html/emoticons/smile.gif

signature
email: admin@jcink.com :: blog: John C.
#
No problem! Marking as solved.

signature
email: admin@jcink.com :: blog: John C.
#
This topic has been solved. If you need anymore help please post a new thread. Thanks for choosing Jcink services.

signature
email: admin@jcink.com :: blog: John C.
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options ClosedNew TopicNew Poll