Most of CSS isn't Showing
4 posters
Page 1 of 1
Most of CSS isn't Showing
Technical Details
Forum version : phpBB3Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
When the problem appeared : When I refreshed after removing a code from the stylesheet.
Forum link : http://zydrateanatomy.forumotion.com/
Description of problem
Okay, I created a forum, and I was making the CSS for it, but atfer a few minutes on trying to customize the once sidebar, the only things from the CSS are the border and scrollbar from the CSS. Yes, I do have the CSS backed up. It worked just fine, but when I removed a code to attempt to add more space to the widgets and fiddling around with the widgets width, all of the coding went poof. Are there any solutions for this? I tried resynchronizing my forum and that didn't help. I also optimized my CSS when it already was only for it to work until I enabled the widgets again. I currently disabled it.Last edited by Amber Sweet on February 10th 2015, 1:28 am; edited 1 time in total
Re: Most of CSS isn't Showing
you might have a error in your css witch will cause all css under the error to not work
Re: Most of CSS isn't Showing
All of the CSS is correct, and it didn't mention anything about broken brackets whenever I save it.
Re: Most of CSS isn't Showing
What line is your CSS stylesheet on?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Most of CSS isn't Showing
Please use the code tags to post your CSS stylesheet.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Most of CSS isn't Showing
Here's the stylecheet.
- Code:
/*wrap*/
#wrap {
background-color: #fff;
border: 20px solid #1F747A;
width: 1285px;
margin-bottom: -25px;
margin-top: -25px;
}
::-webkit-scrollbar {
background: white;
width: 9px;
height: 9px;
}
::-webkit-scrollbar-thumb {
background: #000B0C;
width: 5px;
border: 2px solid white;
}
::-webkit-scrollbar-corner {
background: white;
}
::-webkit-scrollbar-track {
width: 1px;
background: #000B0C;
border: 4px solid white;
}
::selection {
background: #454B4C;
color: white;
text-shadow: none;
}
::-moz-selection {
background: #454B4C;
color: white;
text-shadow: none;
}
#search-box {
display: none;
}
/*category*/
li.header {
background-color: #085E5A;
padding: 44px 0 44px;
font-size: 25px;
text-align: center;
position: relative;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
border-left: 70px solid #7796A3;
border-right: 70px solid #7796A3;
}
li.header:hover {
background-color: #1F747A;
padding: 44px 0 44px;
font-size: 25px;
text-align: center;
position: relative;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
border-left: 70px solid #000B0C;
border-right: 70px solid #000B0C;
}
.forabg li.header dd.posts {
display: none;
}
.forabg li.header dd.topics {
display: none;
}
.forabg li.header dd.lastpost{
display: none;
}
.table-title, .table-title h2 {
font-family: 'Six Caps', sans-serif;
color: #fff;
font-size: 55px;
text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
letter-spacing: 1px;
}
.forabg.row {
display: inline-block;
width: 60%;
}
/*forum title*/
a.forumtitle {
font-family: 'Astloch', cusive;
text-transform: lowercase;
text-decoration: none;
color: #fff;
text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
letter-spacing: 1px;
font-size: 35px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
text-align: center;
padding: 10px 0px 10px;
margin-left: 25px;
width: 250px;
background-color: #085E5A;
display: block
background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
}
a.forumtitle:hover {
font-family: 'Astloch', cusive;
text-transform: lowercase;
text-decoration: none;
color: #085E5A;
text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
letter-spacing: 1px;
font-size: 35px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
text-align: center;
padding: 10px 0px 10px;
margin-left: 25px;
width: 250px;
background-color: #085E5A;
display: block;
background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
}
/*topic and post*/
.forabg li.row dd.posts {
background-color: #000B0C;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 30px;
height: 88px;
position: relative;
text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
margin-left: -330px;
margin-top: 104px;
width: 88px;
border-top: 5px solid #7796A3;
}
.forabg li.row dd.topics {
background-color: #454B4C;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 30px;
height: 88px;
position: relative;
text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
margin-left: -330px;
margin-top: 4px;
width: 88px;
border-bottom: 5px solid #7796A3;
}
.last-post-icon{ display:none; }
.lastpost br { display:none;}
.sprite-icon_topic_latest{display:none}
/*last post*/
ul.topiclist.forums dd.lastpost {
display: block;
height: 91px;
width: 338px;
background-color: #085E5A;
margin-left: -580px;
margin-bottom: 4px;
margin-top: 205px;
text-align: center;
}
ul.topiclist.forums dd.lastpost span a[href^="/t"] {
width: 230px;
display: block;
font-family: 'Ruge Boogie';
text-transform: lowercase;
font-size: 30px;
text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
color: #fff;
}
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
color: #fff;
font-family: calibri;
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 230px;
}
/*desc*/
#desc {
width: 250px;
background-color: #085E5A;
height: 120px;
display: block;
margin-left: 25px;
margin-top: -15px;
padding: 10px 0px 10px;
background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
}
#desc3 {
width: 240px;
height: 110px;
overflow: auto;
background-color: #fff;
color: #000;
font-size: 12px;
font-family: calibri;
margin-left: 5px;
}
#desc3:first-letter {
color: #fff;
float: left;
font-family: Oswald, sans-serif;
font-size: 35px;
font-style: normal;
font-weight: 300;
line-height: 100%;
margin: 2px 8px 5px 0;
text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
text-transform: uppercase;
}
/*postprofile*/
.postprofile {
width: 225px;
padding: 10px;
background-color: #454B4C;
float: right;
border: 5px solid #454B4C;
box-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000;
background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
}
.nombre-post {
width: 145px;
text-align: center;
padding: 40px;
background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
background: #000B0C;
outline: 1px solid #fff;
outline-offset: -3px;
}
#efecto-post:hover #author-avatar{
transform: scale(0); transition: 0.5s;
display:inline;
}
#author-avatar {
position: absolute; transform: scale(1); width: 225px; height: 325px; transition:0.5s;
}
#efecto-post{
width: 225px; height: 325px; overflow: hidden;
}
.nombre-post a {
display: block;
background: #1F747A;
outline: 1px solid #fff;
outline-offset: -3px;
padding: 3px;
text-transform: uppercase;
font-family: 'Oswald';
-moz-transition: all 1.2s ease-in-out;
-ms-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
font-size: 25px;
text-shadow: 1px 1px #B6CB4C, 2px 2px #562A4B, 3px 3px #B6CB4C;
}
.nombre-post a:hover {
display: block;
background: #085E5A;
outline: 1px solid #fff;
outline-offset: -3px;
padding: 3px;
text-transform: uppercase;
text-decoration: none;
font-weight: lighter;
font-family: 'Oswald';
-moz-transition: all 1.2s ease-in-out;
-ms-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
font-size: 25px;
text-shadow: 1px 1px #B6CB4C, 2px 2px #562A4B, 3px 3px #B6CB4C;
}
#rango-post {
position: relative;
margin-top: -17px;
}
#title-post {
width: 200px;
display: block;
text-align: center;
background: #EA8E4B;
padding: 5px;
text-transform: lowercase;
display: none;
}
#info-datos {
outline: 1px solid #000B0C;
border: 3px solid #1F747A;
background: url('http://i.imgur.com/xYrXSWq.png');
display: block;
width: 210px;
padding: 5px;
height: 290px;
overflow: auto
}
#dato-post {
width: 200px;
display: block;
text-align: justify;
background: #fff;
}
#caja-botones {
text-align: center;
margin-top: 3px;
background: #085E5A;
}
#total-post {
background: transparent;
position: relative;
display: block;
width: 210px;
margin-top: -305px;
margin-left: -220px;
height: 255px;
}
/*sidebartitle*/
.sidebar {
width: 180px;
border-left: 10px solid #7796A3;
border-right: 10px solid #7796A3;
height: 50px;
background-color: #085E5A;
font-family: 'Six Caps', sans-serif;
color: #fff;
text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
letter-spacing: 1px;
font-size: 35px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
text-align: center
}
.sidebar:hover {
width: 180px;
border-left: 10px solid #000B0C;
border-right: 10px solid #000B0C;
height: 50px;
background-color: #1F747A;
font-family: 'Six Caps', sans-serif;
color: #fff;
text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
letter-spacing: 1px;
font-size: 35px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
text-align: center;
}
/*fonts*/
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
@font-face {
font-family: 'Astloch';
font-style: normal;
font-weight: 700;
src: local('Astloch Bold'), local('Astloch-Bold'), url(http://fonts.gstatic.com/l/font?kit=oltd7j17n8tVuP3FbmAigyhqGa-CSr3nQtF3lrv2wWeu7RP096c_0cFQ7arjjB7ybFaXKHeky_O7IdzbE_trRh2NL1ThVuLv506WDWjwTFK0tkCcv8VGcP6XCC56Ww8-) format('woff2');
}
@font-face {
font-family: 'Wire One';
font-style: normal;
font-weight: 400;
src: local('Wire One'), local('WireOne'), url(http://fonts.gstatic.com/s/wireone/v6/-MxIyq7MjF_jN3IpMqrkQA.woff2) format('woff2');
}
@font-face {
font-family: 'Six Caps';
font-style: normal;
font-weight: 400;
src: local('Six Caps'), local('SixCaps'), url(http://fonts.gstatic.com/s/sixcaps/v7/qNkXrw9LMOJxGyQhtQ3sAw.woff2) format('woff2');
}
@font-face {
font-family: 'Ruge Boogie';
font-style: normal;
font-weight: 400;
src: local('Ruge Boogie'), local('RugeBoogie-Regular'), url(http://fonts.gstatic.com/s/rugeboogie/v7/U-TTmltL8aENLVIqYbI5QVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
Re: Most of CSS isn't Showing
The only error I can find in that CSS code is on line 109; you need to put a semicolon after
- Code:
display: block
Re: Most of CSS isn't Showing
ok only things i found was like /\ said display:block u missed ; its in "a.forumtitle " on line 109 and
Unknown pseudo-element or pseudo-class ::selection [selection] on line 28
Unknown pseudo-element or pseudo-class ::selection [selection] on line 28
Re: Most of CSS isn't Showing
I didn't notice that.
The unknown element/unknown pseudo-element is supposed to be that way.
It's solved. Thanks!
The unknown element/unknown pseudo-element is supposed to be that way.
It's solved. Thanks!
Re: Most of CSS isn't Showing
Topic solved and archived
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Chatbox isnt sizing correctly.
» cant spend my 500 credits
» THe Thanks button isnt working D:
» Color isnt changing?
» the forum Javascript isnt working
» cant spend my 500 credits
» THe Thanks button isnt working D:
» Color isnt changing?
» the forum Javascript isnt working
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum