iAndrew
Sidr - Responsive MyBB 1.8 theme - Printable Version

+- iAndrew (http://iandrew.org)
+-- Forum: My Category (http://iandrew.org/Forum-My-Category)
+--- Forum: Theme support (http://iandrew.org/Forum-Theme-support)
+--- Thread: Sidr - Responsive MyBB 1.8 theme (/Thread-Sidr-Responsive-MyBB-1-8-theme)

Pages: 1 2 3 4 5


Sidr - Responsive MyBB 1.8 theme - iAndrew - 08-30-2018

Sidr- light and dark Responsive MyBB 1.8.x Theme

[Image: paypalbutton.jpg]


Works on all your mobile / tablet and desktop devices and comes with the below.

Quote: Wrote:One click stylesheet switcher for light/dark variants.
Responsive sidebar (works on all pages)
Animation effects
Stacked fonts
Bootstrap / FontAwesome icons 
Social share thread and pages
Media queries for mobile / tablet use
Every major template has been modified

Quote:Index social buttons and the rest of the sidebar can be edited in Templates > Sidr > Header Templates > Header

I offer free support for the theme and all future updates for the theme.


Sidr - Desktop View

Index:

[Image: guest.png]

[Image: member.png]

[Image: footer.png]

Forumdisplay:
[Image: forumdisplay.png]

Showthread:
[Image: showthread.png]

UserCP:
[Image: usercp.png]

ModCP: 
[Image: modcp.png]

Profile:
[Image: profile.png]

Memberlist:
[Image: memberlist.png]




Sidr - Mobile View

[Image: i.jpeg] [Image: f.jpeg] [Image: s.jpeg] [Image: p.jpg] [Image: u.jpg] [Image: n.jpeg] [Image: m.jpeg]


Dark version added - screenshots in second post.


RE: Sidr - Responsive MyBB 1.8 theme - iAndrew - 09-14-2018

Sidr now has a one click stylesheet switcher for light and dark variants. Previews of the dark are below.

Index
[Image: index.png] [Image: forumdisplay.png] [Image: thread.png] [Image: profile.png]


RE: Sidr - Responsive MyBB 1.8 theme - iAndrew - 09-17-2018

Updated for MyBB 1.8.19


RE: Sidr - Responsive MyBB 1.8 theme - Herbert - 09-20-2018

This theme was really cool, having two color options is very interesting. Congratulations on the great work iandrew!


RE: Sidr - Responsive MyBB 1.8 theme - iAndrew - 09-20-2018

(09-20-2018, 12:22 PM)Herbert Wrote: This theme was really cool, having two color options is very interesting. Congratulations on the great work iandrew!

Thank you. Glad you like it.


RE: Sidr - Responsive MyBB 1.8 theme - iAndrew - 10-03-2018

Sidr now has a one click stylesheet switcher for light and dark variants.

[attachment=28]


RE: Sidr - Responsive MyBB 1.8 theme - Brody - 10-28-2018

This theme is amazing and so is all of iAndrew's work. He is the most responsive and helpful theme dev I have ever met. I STRONGLY recommend him!

Also, the light switch feature is pure genius.


RE: Sidr - Responsive MyBB 1.8 theme - iAndrew - 10-28-2018

Did you over write the global.css from the other day with the theme switcher? Open your Sidr images folder and copy paste me the content of your alt.css.


Edit: Ok your problem is within alt.css. move this bit of code to the very bottom of alt.css

Code:
@media screen and (max-width: 990px) {
    
.logocont{
width: 0px;
height: 0px;
padding: 65px 192px !important;
background: url('/images/sidr/logo2.png');
margin-left: -26px;
background-position: top left !important;
background-size: contain !important;
}

}

@media screen and (max-width: 700px) {

.logocont {
   width: 0px;
   height: 0px;
   padding: 51px 151px !important;
}

}



RE: Sidr - Responsive MyBB 1.8 theme - iAndrew - 10-28-2018

Also the tab edits should be sorted now. Let me know if it works for you.


RE: Sidr - Responsive MyBB 1.8 theme - Brody - 10-28-2018

Hey there, I moved the @media code down to the very bottom, but still seeing this.
http://prntscr.com/lbe7tx

The tabs look good, thank you!

Code:
.skicon {
    color: #ff6c00;
}

.skusername {
    color: #ff6c00;
}

.ericon {
    color: #11e544;
}

.erusername {
    color: #11e544;
}

.thicon {
    color: #ff47bd;
}

.thusername {
    color: #ff47bd;
}

.caicon {
    color: #fff600;
}

.causername {
    color: #fff600;
}

.cficon {
    color: #ff0000;
}

.cfusername {
    color: #ff0000;
    font-weight: 700;
}
.premicon {
    color: #aeff00;
}

.premusername {
    color: #aeff00;
}
.modicon {
    color: #008aff;
}

.modusername {
    color: #008aff;
    font-weight: 700;
}

.selectedtabalt {
    color: #fff !important;
}

.selectedpcrtab {
    background-image: url('/images/sidr/pcrtab.png') !important;
    background-size: cover !important;
}

.selectedpttab {
    background-image: url('/images/sidr/pttab.png') !important;
    background-size: cover !important;
}

.selectedofftab {
    background-image: url('/images/sidr/offtopictab.png') !important;
    background-size: cover !important;
}

.bam_announcement.red {
   background: #A5161A !important;
   border: 1px solid #A5161A !important;
}

.logocont {
    background:url("/images/sidr/logo2.png") !important;
}

.lightbulb i {
    color: #a3a3a3 !important;
}

.awards i {
    color: #a3a3a3 !important;
}

.todaysposts i {
    color: #a3a3a3 !important;
}

.newposts i {
    color: #a3a3a3 !important;
}

.lightbulb i:hover {
    color: #fcff00 !important;
}

.awards i:hover {
    color: #fff !important;
}

.todaysposts i:hover {
    color: #fff !important;
}

.newposts i:hover {
    color: #fff !important;
}

.bam_announcement.green {
background-image: linear-gradient(60deg, #76b300 0%, #5b850a 100%) !important;
   border: 1px solid #5b850a !important;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.bam_announcement.green a {
    color: #fff !important;
}

.bam_announcement {
    padding: 12px !important;
    font-size: 16px !important;
}

.popup_menu {
   color: #000;
   background-color: #fff;
   box-shadow: 0px 10px 70px rgba(0,0,0,0.3);
   border: 1px solid #f5f5f5;
}

.popup_menu .popup_item {
    color: #000;
}

.thread_status.dot_folder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 0;
    content: "\f114";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.dot_hotfolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -20px;
    content: "\f07b";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.dot_hotclosefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -40px;
    content: "\f023";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.dot_closefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -60px;
    content: "\f023";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.dot_newfolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -80px;
    content: "\f14a";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.dot_newhotfolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -100px;
    content: "\f08a";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.dot_newhotclosefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -120px;
    content: "\f08a";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.dot_newclosefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -140px;
    content: "\f023";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.folder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -160px;
    content: "\f115";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.hotfolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -180px;
    content: "\f08a";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.hotclosefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -200px;
    content: "\f004";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.closefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -220px;
    content: "\f023";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.movefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -240px;
    content: "\f079";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.newfolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -260px;
    content: "\f07c";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.newhotfolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -280px;
    content: "\f004";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.newhotclosefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -300px;
    content: "\f023";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.thread_status.newclosefolder:before {
    color: #ccc;
    position: absolute;
    background-position: 0 -320px;
    content: "\f023";
    text-shadow: 1px 1px 0px #3c3c3c;
    font-family: FontAwesome;
    font-size: 16px;
}

.memberlisttime {
  background: #2b2b46; -moz-border-radius: 3px;
    -webkit-border-radius: 3px; border-radius: 3px;
    
}

.navicon {
background-image: linear-gradient(60deg, #256DFF 0%, #0952E7 100%); color: #fff;
-moz-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; padding: 4px 6px;  
border: 1px solid #0952E7; font-size: 12px
    
}

.twPc-div {
   background: #3c3c3c none repeat scroll 0 0;
   color: #ccc;
   box-shadow: 0 2px 5px rgba(0,0,0,.10);
   border: 5px solid #3c3c3c;
    
}
.twPc-bg {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}
.twPc-avatarLink {
   background-color: #3c3c3c;

}
.twPc-avatarImg {
   border: 2px solid #3c3c3c;
   color: #ccc;
}
.twPc-divName {
    color: #fff;
}
.twPc-divName a {
   color: #fff !important;
}
.twPc-divStats {
    color: #ccc;
    text-shadow: none !important;    
}

.twPc-StatLabel {
   color: #ccc;
}

.quicksearch {
    background-color: #f2f2f2;
    color: #b3b3b4;
}

.searchbox {
    background: #f2f2f2;
    color: #959595;    
}

.searchbutton {
    background: transparent;
    color: #000;
}

.searchbutton:hover {
   color: #000;
}

.menu-background {
      background: rgba(255,255,255,0.1);
}

.menubackground {
        background: #eaebef;
}

.topbar {
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
    background-color: #3c3c3c;
    border: 5px solid #3c3c3c;
}

.topfooter {
    background-color: #505050;
}

.bottomfooter {
    background-color: #464646;
}

.Footer-menu ul li a {
    color: #ccc;
    text-shadow: 1px 1px 1px #303056;
}

.Footer-menu ul li a:hover {
    color: #fff;
    text-shadow: 1px 1px 1px #303056;
}

.copyrightf {
    color: #ccc !important;
    text-shadow: 1px 1px 1px #464646;
}

.copyrightf {
    color: #fff !important;
    text-shadow: 1px 1px 1px #464646;
}

.dropdown-menu {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.15);
    box-shadow: 0 0 25px rgba(0,0,0,.15);
}

.dropdown-menu .divider {
 background-color: #f9f9f9;
}

.dropdown-menu > li > a {
 color: #868e96;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
 text-decoration: none;
 color: #666;
 background-color: #fbfbfb;
    border-bottom-color: #f2f2f2;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
 color: #868e96;
 text-decoration: none;
 background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
 color: #777777;
}

.dropdown-header {
 color: #868e96;
}

.discordbutton {
    color: #fff !important;
    background-image: url(images/darksidr/discordbg.jpg) center center repeat-x;
}

.threadtitle {
    background: #27a844;
    color: #fff;
    border: 1px solid #25bb47;
}

.itext23 {
   color: #fff;
}

.discord {
   border: 1px solid rgba(255, 255, 255, 0.1);
   -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
}

a.discord:active,
a.discord:link,
a.discord:visited {
    background: #7289da;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #708ae5;
}

.subscribe-block__subscribers-number {
   background: #a0a0a0;
   color: #fff;
}

.subscribe-block__subscribers-number:before {
   border: solid transparent;
   border-color: hsla(224, 8%, 64%, 0);
   border-left-color: #a0a0a0;
}

.guestloginb {
    color: #fff;
}

.trowmodal {
    background: #2c2c2c;
    color: #ccc;
}

.trowm {
    background: #3c3c3c;
    color: #fff;
}

.showthread_tborder {
    background: #3c3c3c;
    box-shadow: 0 2px 5px rgba(0,0,0,.10);
    border: 1px solid #3c3c3c;
}

a.st:active,
a.st:link,
a.st:visited {
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #474848;
}

a.rss:active,
a.rss:link,
a.rss:visited {
    color: #ff6600;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

a.bgc:active,
a.bgc:link,
a.bgc:visited {
    background: #c62d6e;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

a.am:active,
a.am:link,
a.am:visited {
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

a.cu:active,
a.cu:link,
a.cu:visited {
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

a.steam:active,
a.steam:link,
a.steam:visited {
    background: #393a3a;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #474848;
}

a.yt:active,
a.yt:link,
a.yt:visited {
    background: #e52c27;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #f42721;
}

a.tw:active,
a.tw:link,
a.tw:visited {
    background: #00aced;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #01b6fa;
}

a.twitch:active,
a.twitch:link,
a.twitch:visited {
    background: #4b367c;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #553a96;
}


a.button2:active,
a.button2:link,
a.button2:visited {
    background: #d93746 !important;
    color: #fff;
    border: 1px solid #bf323f !important;
}

a.button2:hover {
    background: #e6404f !important;
}

a.button2:active,
a.button2:hover,
a.button2:link,
a.button2:visited {
    text-shadow: 0 0 40px #fff;
}

.pms {
    background: #cb1212;
    color: #FFF;
    border: 1px solid #da1212;
}

#pm_notification {
    color: #fff;
    border: 1px solid #d94242;
    text-shadow: 1px 1px 0 #b23636;
}

a#pm_notification {
   color: #fff;
   text-shadow: 1px 1px 0 #cc4a48;
}

a#pm_notification:hover {
   color: #fff;
   text-shadow: 1px 1px 0 #cc4a48
}

#footerstuff {
    background: rgba(15, 15, 15, 0.88);
    color: #f8f8f8;
    box-shadow: 0px 1px 8px rgba(0,0,0,0.7), inset 0px 0px 0px 1px rgba(0,0,0,0.4);
}

.topforum {
   color: #fff;
}

.topforum:hover {
   color: #a11e39;
}

a.button6:active,
a.button6:link,
a.button6:visited {
   background: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);
   color: #414141;
   border: 1px solid #c0c2c3;
   text-shadow: #fff 0 1px 0;
   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
   box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
}

a.button6:hover {
   background: linear-gradient(to bottom, #f4f4f4 0%, #fff 100%);
   color: #414141;
   border: 1px solid #c0c2c3;
   text-shadow: #fff 0 1px 0;
   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
   box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
}

.fa-angle-double-up:before {
   color: #fff;
   background-color: #969696;
   background-color: rgba(0, 0, 0, 0.4);
}

.topforum {
   color: #333;
}

.topforum:hover {
   color: #a11e39;
}

a.button5:active,
a.button5:link,
a.button5:visited {
    background: #27a844;
    color: #fff;
    border: 1px solid #2cb54b;
    
}

a.button5:hover {
   -webkit-transition: background-color 600ms linear, color 600ms linear;
   -moz-transition: background-color 600ms linear, color 600ms linear;
   -o-transition: background-color 600ms linear, color 600ms linear;
   -ms-transition: background-color 600ms linear, color 600ms linear;
   transition: background-color 600ms linear, color 600ms linear;
   -webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
   -moz-box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
   box-shadow: inset rgba(255, 255, 255, 0.1) 0 0 0 1px;
   background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.05)), color-stop(100%, rgba(255, 255, 255, 0)));
   background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
   background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
   background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%)
}

a.button4:active,
a.button4:link,
a.button4:visited {
    background: #dc3546;
    color: #fff;
    border: 1px solid #ec384b;
}

a.button4:hover {
   color: #ccc;
}

#fadehover a {
   text-shadow: 1px 1px 0 #fff
}

.stat2 {
   border: 1px solid #ccc;
   text-shadow: 0 1px 1px #fff;
   -moz-box-shadow: inset 0 0 10px #efefef;
   -webkit-box-shadow: inset 0 0 10px #efefef;
   box-shadow: inset 0 0 10px #efefef;
   color: #9a9696;
}

.pagination2 a:link,
.pagination2 a:visited {
    background: #646464;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
    border: 1px solid #737272;
}

.border {
   border-bottom: 1px dashed #ccc;
}

.stat {
   color: #fff;
   background-image: linear-gradient(#272727, #212121);
   border: 1px solid #000;
   text-shadow: 1px 1px 0 #161617;
   -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px, inset rgba(255, 255, 255, 0.13) 0 1px 0;
   -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px, inset rgba(255, 255, 255, 0.13) 0 1px 0;
   box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px, inset rgba(255, 255, 255, 0.13) 0 1px 0;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
}

.topbar {
   background: url('/images/sidr/darkpcr.jpg') no-repeat center center;
}

legend {
    color: #fff;
    background-image: linear-gradient(60deg, #256DFF 0%, #0952E7 100%);
    border: 1px solid #0952E7;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
}

fieldset {
    color: #ccc;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
    box-shadow: 0 0 40px rgba(0,0,0,.05);
    background-color: #2c2c2c;
    border: 1px solid #383838;
}

.tabs label {
    background: #474747;
    color: #fff;
    border: 1px solid #3C3C3C;
    border-bottom: none;
}

.tabs .tab {
    background: #3c3c3c;
    color: #a4a4a4;
    box-shadow: 0 2px 5px rgba(0,0,0,.10);
    border: 5px solid #3c3c3c;
}

.tabs input[type="radio"]:checked + label {
    background: #3c3c3c;
    color: #5e93ff;
    box-shadow: 0 2px 5px rgba(0,0,0,.10);
    border: 5px solid #3c3c3c;
    border-top: 4px solid #1d65f8 !important;
}

a.cu:active,
a.cu:link,
a.cu:visited {
    background: #939495;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

a.rss:active,
a.rss:link,
a.rss:visited {
    background: #ff6600;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

a.fb:active,
a.fb:link,
a.fb:visited {
    background: #3b5998;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #3459a6;
}

a.insta:active,
a.insta:link,
a.insta:visited {
    background: #cf3272;
    color: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #df2e76;
}

a[href*='#memberlist_more'] {
color:#fff;
}

/*MEMBERLİST PROFİLE STYLE*/

.memberlistprofile {
    color: #ccc;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
    box-shadow: 0 0 40px rgba(0,0,0,.05);
    background-color: #2c2c2c;
}

.memberlistbio {
    color: #fff;
}

h2 {
color: #6EE6E8;
}

.infothead{
  color: #333;
}

.pinfo {    
   background: #2F2F2F;
}

.postbit_bg:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-image: linear-gradient(to bottom,transparent,#3C3C3C);
}

.editor_control_bar a:active,
.editor_control_bar a:hover,
.editor_control_bar a:link,
.editor_control_bar a:visited {
   color: #fff !important;
   text-shadow: none;

   font-size: 11px !important;
}

#firstPost {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

#lastpostPost {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.deleted_post_collapsed {
   background: #2c2c2c;
   color: #ccc;
}
a:link {
   color: #f1f1f1;
   text-decoration: none;
}
a:visited {
   color: #f1f1f1;
   text-decoration: none;
}
a:active,
a:hover {
   color: #fff;
   -webkit-transition: background-color 600ms linear, color 600ms linear;
   -moz-transition: background-color 600ms linear, color 600ms linear;
   -o-transition: background-color 600ms linear, color 600ms linear;
   -ms-transition: background-color 600ms linear, color 600ms linear;
   transition: background-color 600ms linear, color 600ms linear;

   text-decoration: none;
}

#container {
   color: #878385;

}

.users {
   color: #fff;
   text-shadow: 0 1px 1px #000;

}
.users a:active,
.users a:hover,
.users a:link,
.users a:visited {
   color: #fff;
   text-shadow: 0 1px 1px #000;
}

#content {
   color: #878385;

}

#debug {
   color: #ccc;
   text-shadow: 1px 1px 1px #3c3c3c;
}
#debug a:active,
#debug a:hover,
#debug a:link,
#debug a:visited {
   color: #ccc;
   text-shadow: 1px 1px 1px #3c3c3c;

}

.subforum_minion {
   color: #fff;
}

.subforum_minioff,
.subforum_miniofflink,
.subforum_miniofflock {
   color: #ccc;
}

.subforum_minioff {
   opacity: 0.4;
}
.subforum_miniofflock i:before {
   content: "\f023";
}
.subforum_miniofflink i:before {
   content: "\f0c1";
}

table {
   color: #f1f1f1;

}

.tborder3 {
   -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
   box-shadow: 0 0 40px rgba(0,0,0,.05);
   background-color: #3c3c3c;
}

.tborder2 {
   -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
   box-shadow: 0 0 40px rgba(0,0,0,.05);
   background-color: #3c3c3c;
}

.tborder {
   -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
   box-shadow: 0 0 40px rgba(0,0,0,.05);
   background-color: #3c3c3c;
}

.thead {
   color: #fff;
   background-color: #4c437b;
   -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   border: 1px solid #2C2C2C;

}
.thead a:link {
   color: #fff;

}
.thead a:visited {
   color: #fff;
}
.thead a:active,
.thead a:hover {
   color: #fff;
}

.tcat {
   background: #2c2c2c;
   color: #fff;
   border-bottom: 1px solid #383838;
}
.tcat a:link {
   color: #878385;
}
.tcat a:visited {
   color: #878385;
}
.tcat a:active,
.tcat a:hover {
   color: #878385;
}

.trow1 {
   background: transparent;
   color: #fff;
   text-shadow: none;
   border-bottom: 1px solid #383838;
}

.trow2 {
   color: #fff;
   text-shadow: none;
   border-bottom: 1px solid #383838;
}

.trow3 {
   color: #878385;
   text-shadow: none;
   border-bottom: 1px solid #383838;
}

.trow4 {
   color: #878385;
   text-shadow: none;
   border-bottom: 1px solid #383838;
}

.postc {
   border: 1px solid #ddd;
   -webkit-box-shadow: inset 0 0 1px 1px #fff;
   -moz-box-shadow: inset 0 0 1px 1px #fff;
   box-shadow: inset 0 0 1px 1px #fff;
   background: #f5f5f5;
   text-shadow: 0 1px 1px #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
}

.trow_shaded {
   background: #212134;
   color: #fff;
}

.no_bottom_border {
   border-bottom: 0;
}

.post.unapproved_post {
   color: #333;
   background: rgba(151, 140, 127, 0.2);
}

.post.unapproved_post .post_controls {
   background: rgba(151, 140, 127, 0.2);
   color: #333;
}

.post.deleted_post,
.trow_deleted {
   background: #212134;
   text-shadow: none;
}

.trow_selected,
tr.trow_selected td {
   background: #031945;
   color: #fff;
   -webkit-transition: background-color 600ms linear, color 600ms linear;
   -moz-transition: background-color 600ms linear, color 600ms linear;
   -o-transition: background-color 600ms linear, color 600ms linear;
   -ms-transition: background-color 600ms linear, color 600ms linear;
   transition: background-color 600ms linear, color 600ms linear;
   text-shadow: none;
}
.trow_selected a:active,
.trow_selected a:hover,
.trow_selected a:link,
.trow_selected a:visited {
   color: #fff;
}

.trow_sep {
   color: #fff;
   text-shadow: none !important;
   background-color: #4c437b;
   -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   border: 1px solid #2C2C2C;
}

.tfoot {
   color: #fff;
   text-shadow: none !important;
   background-image: linear-gradient(60deg, #256DFF 0%, #0952E7 100%);
   -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   border: 1px solid #2C2C2C;
}
.tfoot a:link {
   color: #fff;
   text-decoration: none;
}
.tfoot a:visited {
   color: #fff;
   text-decoration: none;
}
.tfoot a:active,
.tfoot a:hover {
   color: #fff;
   -webkit-transition: background-color 600ms linear, color 600ms linear;
   -moz-transition: background-color 600ms linear, color 600ms linear;
   -o-transition: background-color 600ms linear, color 600ms linear;
   -ms-transition: background-color 600ms linear, color 600ms linear;
   transition: background-color 600ms linear, color 600ms linear;
}

.thead input.textbox,
.thead select {
   border: 1px solid #263c30;
}

.bottommenu {
   background: #efefef;
   color: #333;
   border: 1px solid #4874a3;
}

.navigation {
   color: #a4a4a4;
   text-shadow: none;
   -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
   box-shadow: 0 0 40px rgba(0,0,0,.05);
   background-color: #3c3c3c;
}
.navigation a:link {
   color: #a4a4a4;
   text-shadow: none;

   text-decoration: none;
}
.navigation a:visited {
   color: #a4a4a4;
   text-shadow: none;

   text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
   color: #fff;
   text-shadow: none;

   text-decoration: none;
}

.navigation .active {
   color: #a4a4a4;
   text-shadow: none;
}

fieldset {
   -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
   box-shadow: 0 0 40px rgba(0,0,0,.05);
   background-color: #2c2c2c;
   border: 1px solid #383838;
}

fieldset.trow1,
fieldset.trow2 {
   -webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
   box-shadow: 0 0 40px rgba(0,0,0,.05);
   background-color: #2c2c2c;
   border: 1px solid #383838;

}

input.textbox {
   background: #2F2F2F !important;
   color: #ccc !important;
   -webkit-text-fill-color: #ccc !important;
   border: 1px solid #474747;
}

textarea {
   background: #2c2c2c !important;
   color: #ccc;
   border: 1px solid #383838;
    -moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

select {
   background: #2c2c2c;
   color: #ccc;
   border: 1px solid #383838;
   -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
   box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
}

button,
input.button {
  background-image: linear-gradient(60deg, #256DFF 0%, #0952E7 100%);
   color: #ffffff;
   border: 1px solid #0952E7;
   text-shadow: 1px 1px 0 #646872;
}
button:hover,
input.button:hover {
   background-image: linear-gradient(60deg, #0952E7 0%, #256DFF 100%);
   color: #fff;
}

#content {
    background: #2E2E2E;
}



.cd-main-content .content-wrapper {
    padding: 0px;
}

.editor_control_bar {
   background: #dd3546;
   color: #fff !important;
   text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
   border: 1px solid #f32237;
}

.trow_reputation_positive {
   background: rgba(151, 140, 127, 0.2);
}

.trow_reputation_negative {
   background: rgba(151, 140, 127, 0.2);
}

hr {
   background: #2c2c2c;
   color: #ccc;
}

.selectall {
   background: rgba(15, 15, 15, 0.95);
   color: #fff;
}

blockquote {
   background: #2c2c2c;
   color: #ccc;
   border-left: 3px solid #7564fb !important;
}

blockquote cite {
   color: #fff;
}

blockquote cite span {
   color: #ccc;
}

blockquote cite span.highlight {
   color: #ccc;
}

.codeblock {
   background: #2c2c2c;
   color: #ccc;
   border-left: 3px solid #26a943 !important;
}

.codeblock .title {
   color: #ccc;
}

.codeblock code {
   color: #ccc;
   text-shadow: none;
}

.pm_alert {
   background: #3b5998;
   color: #fff;
   text-shadow: none;
   -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
   border: 1px solid #3c63b4;
}
.pm_alert a:active,
.pm_alert a:hover,
.pm_alert a:link,
.pm_alert a:visited {
   color: #fff;
   text-shadow: none;
}

.red_alert {
   background: #e52c27;
   color: #fff;
   text-shadow: none;
   -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
   border: 1px solid #f22620;
}
.red_alert a:active,
.red_alert a:hover,
.red_alert a:link,
.red_alert a:visited {
   color: #fff;
   text-shadow: none;
}

.pagination .pages {
   color: #ccc;
}

.pagination .pagination_current,
.pagination a {
   color: #646363;
   background-color: #fff;
   border: 1px solid #f2f1f1;
}

.pagination a {
   background: #2c2c2c;
   color: #ccc;
   border: 1px solid #383838;
}

.pagination .pagination_current {
   background-color: #474747;
   border: 1px solid #364cf9;
   color: #fff;
}
.pagination a:hover {
   background: #2c2c2c;
   color: #ccc;
   border: 1px solid #353a60;
}

.pagination .go_page img {
   color: #fff;
}

.post .post_author {
   text-shadow: 0 1px 1px #171717;
}

.post.classic .post_author {
   text-shadow: 0 1px 1px #171717;

}

.post .post_author div.author_information {
   text-shadow: 0 1px 1px #171717;
}

.post .post_author div.author_statistics {
   text-shadow: 0 1px 1px #171717;
}

.post.classic .post_author div.author_statistics {
   text-shadow: 0 1px 1px #171717;
}

.post .post_head span.post_date {
   color: #a1a1a1;
}

.post .post_head span.edited_post {
   color: #a1a1a1;
}

.post .post_head span.edited_post a {
   color: #a1a1a1;
}

.post .post_meta {
   color: #a1a1a1;
}
.post .post_meta a:link,
.post .post_meta a:visited {
   color: #a1a1a1;
}
.post .post_meta a:active,
.post .post_meta a:hover {
   color: #f1f1f1;
}

.post_controls {
   background: #2c2c2c;
   border-bottom: 4px solid #155EF1 !important;
}
.postbit_buttons > a:active,
.postbit_buttons > a:hover,
.postbit_buttons > a:link,
.postbit_buttons > a:visited {
   color: #fff;
   background-image: linear-gradient(60deg, #256DFF 0%, #0952E7 100%);
   border: 1px solid #1f1f1f;
   -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
   box-shadow: rgba(0,0,0,0.2) 0 2px 10px;
}
.postbit_buttons > a:hover {
   color: #ccc;
   background-color: #4357eb;
}
a.button:active,
a.button:link,
a.button:visited {
   color: #fff;
   background-color: #474747;
   border: 1px solid #1f1f1f;

}
a.button:hover {
   color: #fff;
   background-color: #4357eb;
}
a.button:active,
a.button:hover,
a.button:link,
a.button:visited {
   text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
   background-image: linear-gradient(60deg, #256DFF 0%, #0952E7 100%);
   border: 1px solid #1f1f1f;
}

.modal {
    color: #333;
    -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #2e2d49;
    text-decoration: none;
}

.color_preview {
  background-color:#000000;
}


.cd-main-header {
    background: #474747;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 10px;
    border: 1px solid #2C2C2C;
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
    background: #3c3c3c;
}

.cd-nav-trigger.nav-is-visible span {
    background: #3c3c3c;
}

.cd-top-nav a {
   color: #ffffff;
}

.cd-side-nav {
    background-color: #2c2c2c;
    border-right: solid 1px #383838;
}

.cd-side-nav.nav-is-visible {
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.cd-side-nav .cd-label {
 color: #fff;
    
}

.cd-side-nav a {
  color: #fff;
    
}

.cd-side-nav > ul > li > a {
 padding-left: calc(5% + 24px);
 border-bottom: none;
}

.cd-side-nav .count {
    color: #868e96;
    background-color: #3c3c3c;

}

.cd-side-nav .action-btn a {
    color: #868e96;
    background-color: #323232;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);

}

.cd-side-nav .active > a {
    box-shadow: inset 3px 0 0 #2C2C2C;
    background-color: #323232;
    
}

.cd-side-nav .count {
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);

}

.cd-side-nav > ul > li:not(.action-btn):hover > a {
    background-color: #3c3c3c;
}

.cd-side-nav > ul > li > a {
    border-bottom: none;
}

.no-touch .cd-side-nav .action-btn a:hover {
    background-color: #3c3c3c;
}

.cd-side-nav .count {
   /* reset style */
   color: #574B90;

}

.has-children ul {
 background-color: #eeeeee;
}

.has-children ul {
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.no-touch .has-children ul a:hover {
   color: #1784c7;
}

.cd-side-nav .has-children.selected > a {
   /* focus state -> show sub pages */
   background-color: #403869;
}

.cd-top-nav .has-children {
   background-color: #403869;
}

.cd-top-nav .has-children ul {
   background-color: #403869;
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}


@media screen and (max-width: 990px) {
   #mainpostsectionone {
       border-bottom: 1px solid #f6f6f6;
   }

}    

@media screen and (max-width: 990px) {
    
.logocont {
width: 0px;
height: 0px;
padding: 65px 192px !important;
background: url('/images/sidr/logo2.png');
margin-left: -26px;
background-position: top left !important;
background-size: contain !important;
}

}

@media screen and (max-width: 700px) {

.logocont {
  width: 0px;
  height: 0px;
  padding: 51px 151px !important;
}

}
There is my alt.css