Quantcast
Channel: MyBB Community Forums - Tutorials
Viewing all articles
Browse latest Browse all 690
↧

Styling changes for Default Theme

October 15, 2018, 9:19 pm
$
0
0
Part 1

Global.css
Find approx line 150:
Code:
#panel .upper {
    background: #0f0f0f url(images/tcat.png) repeat-x;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 7px;
    clear: both;
}

Replace with:
Code:
#panel .upper {
    background: #444;
    color: #fff;
    /*border-top: 1px solid #444;
    border-bottom: 1px solid #000;*/    
    padding: 8px 12px;
    clear: both;
}

Find approx line 166:
Code:
#panel .lower {
    background: #efefef;
    color: #999;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

Replace with:
Code:
#panel .lower {
    background: #efefef;
    color: #999;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding: 8px 12px;
}

Find approx line 194:
Code:
#search input.button {
    background: #0066a2 url(images/thead.png) top left repeat-x;
    color: #fff;
}

Replace with:
Code:
#search input.button {
    background: #007fd0;
    color: #fff;
}

Find approx line 264:
Code:
#footer .lower {
    color: #666;
    padding: 6px 6px 12px 6px;
    overflow: hidden;
    font-size: 11px;
}

Replace with:
Code:
#footer .lower {
    color: #666;
    padding: 6px 6px 12px 6px;
    overflow: hidden;
    font-size: 12px;
}

Find approx line 289:
Code:
#debug {
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 11px;
}

Replace with:
Code:
#debug {
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 12px;
}

Find approx line 365:
Code:
.thead {
    background: #0066a2 url(images/thead.png) top left repeat-x;
    color: #ffffff;
    border-bottom: 1px solid #263c30;
    padding: 8px;
}

Replace with:
Code:
.thead {
    background: #007fd0;
    color: #ffffff;
    /*border-bottom: 1px solid #263c30;*/
    padding: 8px 12px;
}

Find approx line 388:
Code:
.tcat {
    background: #0f0f0f url(images/tcat.png) repeat-x;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 6px;
    font-size: 12px;
}

Replace with:
Code:
.tcat {
    background: #444;
    color: #fff;
    /*border-top: 1px solid #444;
    border-bottom: 1px solid #000;*/
    padding: 8px 12px;
    font-size: 12px;
}

Find approx line 410:

.trow1 {
background: #f5f5f5;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}

.trow2 {
background: #efefef;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}

Replace with:

.trow1 {
    background: #fafafa;
    padding: 8px 12px;
    border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
}

.trow2 {
background: #f6f6f6;
    padding: 8px 12px;
    border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
}

Find approx 468:

Code:
.trow_sep {
    background: #ddd;
    color: #333;
    border-bottom: 1px solid #c5c5c5;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    border-top: 1px solid #fff;
    padding: 6px;
    background: #ddd;
    color: #666;
}

Replace with:

Code:
.trow_sep {
    background: #ddd;
    color: #333;
    /*border-bottom: 1px solid #c5c5c5;*/
    padding: 8px 12px;
    /*font-size: 12px;*/
    font-weight: bold;
}

.tfoot {
    border-top: 1px solid #fff;
    padding: 8px 12px;
    background: #ddd;
    color: #666;
}

Find approx line 536:

.smalltext {
font-size: 11px;
}

Replace with:

.smalltext {
font-size: 12px;
}

Find approx line 594:

button,
input.button {
padding: 3px 8px;
cursor: pointer;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
background: #eee url(images/buttons_bg.png) repeat-x;
border: 1px solid #bbb;
color: #333;
outline: 0;
}

Replace with:

button,
input.button {
padding: 3px 8px;
cursor: pointer;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
background: #eee;
border: 1px solid #bbb;
color: #333;
outline: 0;
}

Find approx line 625:

label.error {
color: #f30;
margin: 5px;
padding: 0px;
display: block;
font-weight: bold;
font-size: 11px;
}

Replace with:

label.error {
color: #f30;
margin: 5px;
padding: 0px;
display: block;
font-weight: bold;
font-size: 12px;
}

Find approx line 860:

.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}

.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
word-wrap: break-word;
}

Replace with:

.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 12px 20px;
margin-bottom: 15px;
/*font-size: 11px;*/
}

.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 12px 20px;
margin-bottom: 15px;
/*font-size: 11px;*/
word-wrap: break-word;
}

Find approx line 923:

div.error {
padding: 5px 10px;
border: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
}

Replace with:

div.error {
padding: 12px 20px;
border: 2px solid #FFD324;
background: #FFF6BF;
/*font-size: 12px;*/
}

Find approx line 949:

.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}

Replace with:

.pagination {
font-size: 12px;
padding-top: 10px;
margin-bottom: 5px;
}

Find approx line 1153:

.post .post_author div.author_statistics {
float: right;
font-size: 11px;
padding: 3px 10px 3px 5px;
color: #666;
line-height: 1.3;
}

Replace with:

.post .post_author div.author_statistics {
float: right;
font-size: 12px;
padding: 3px 10px 3px 5px;
color: #666;
line-height: 1.3;
}

Find approx line 1168:

.post .post_head {
font-size: 11px;
padding-bottom: 4px;
border-bottom: 1px dotted #ddd;
margin-bottom: 4px;
}

Replace with:

.post .post_head {
font-size: 12px;
padding-bottom: 4px;
border-bottom: 1px dotted #ddd;
margin-bottom: 4px;
}

Find approx line 1209:

.post .post_meta {
margin: 4px 0;
font-size: 11px;
color: #999;
}

Replace with:

.post .post_meta {
margin: 4px 0;
font-size: 12px;
color: #999;
}

Find approx line 1233:

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: #eee url(images/buttons_bg.png) repeat-x;
border: 1px solid #ccc;
color: #555;
}

Replace with:

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 12px;
background: #eee;
border: 1px solid #ccc;
color: #555;
}

Find approx line 1336:

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #0f0f0f url(images/tcat.png) repeat-x;
color: #fff;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #000;
font-size: 14px;
}

Replace with:

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #0f0f0f;
color: #fff;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
border: 1px solid #000;
font-size: 14px;
}

Find approx line 1686:

div.jqi{
width: 400px;
max-width:90%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
background-color: #ffffff;
font-size: 11px;
text-align: left;
border: solid 1px #eeeeee;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 7px;
}

Replace with:

div.jqi{
width: 400px;
max-width:90%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
background-color: #ffffff;
font-size: 12px;
text-align: left;
border: solid 1px #eeeeee;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 7px;
}

Before:


.png   mybb-1-min.png (Size: 43.45 KB / Downloads: 10)

After:


.png   mybb-2-min.png (Size: 40.42 KB / Downloads: 10)
↧
Search
Viewing all articles
Browse latest Browse all 690

Trending Articles

RAMAYAMPET Mandal Sarpanch | Upa-Sarpanch | Ward member Mobile Numbers Medak...

May 24, 2017, 2:00 am

लड़कियां सेक्स के दौरान क्यों करती है उह! आह!लड़कियां सेक्स के दौरान क्यों करती...

May 19, 2016, 1:54 am

Neem Baba Extra Questions Answer Class 6 English Poorvi

February 1, 2025, 5:19 am

Throw Back: 4×4 — Sikilitele (Ft Castro) Prod by JQ

March 5, 2015, 8:24 am

Rajasthan Board 10th Result 2016 Roll No wise & Name Wise

August 20, 2016, 5:13 pm

Lowe faces four theft charges

November 14, 2017, 6:52 pm

Practice Sheet of Right form of verbs for HSC Students

September 22, 2019, 11:40 pm

Mafia, Murder & Mayhem In The Motor City: Detroit Mob Hit Timeline (1937-2007)

December 7, 2016, 3:57 pm

The 10 Tennessee Cities With The Largest Black Population For 2021

December 21, 2020, 10:12 am

Materials Around Us Class 6 Worksheet Science Chapter 6

October 3, 2024, 5:20 am

デスクトップ ヒープの枯渇

January 18, 2018, 8:31 pm

Best Suvichar in Hindi |बेस्ट सुविचार |शुभ विचार हिंदी में

March 7, 2020, 11:19 pm

Kanulanu Thaake Lyrics and translation | Manam (2014)

May 9, 2014, 5:45 am

Korean Sex Porn Videos: XXX Videos & Free Porn Movies

May 30, 2025, 9:29 pm

Teen Shot In Miami Drive-By Dies From Injuries

August 8, 2011, 1:16 pm

Download: IQ Muzatasha feat Shy D & Pmj – Ulesi NiFertilizer Yamavuto

March 22, 2018, 7:23 pm

Mahakal Attitude Status

February 29, 2020, 9:52 am

Property developer set up cannabis factory to help pay off debts...

August 3, 2015, 2:29 am

♡

July 11, 2015, 6:15 am

KB: How to troubleshoot issues when adding a Hyper-V host in System Center...

August 14, 2012, 10:05 am
Search