How to add CSS in phpbb3?

[Socialize]

How and where do I add this code to the CSS in phpbb3?

.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
    margin: 10px 0px;
    padding: 10px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 4px 4px 4px;
}
.info {
    background-color: #d1e4f3;
    background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
    color: #00529B;
    border: 1px solid #4d8fcb;
}
.success {
    background-color: #effeb9;
    background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
    color: #4F8A10;
    border: 1px solid #9ac601;
}
.warning {
    background-color: #ffeaa9;
    background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
    color: #9F6000;
    border: 1px solid #f9b516;
}
.error {
    background-color: #fccac3;
    background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
    color: #D8000C;
    border: 1px solid #db3f23;
}
.mes {
    background-color: #F2F2F2;
    background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
    border: 1px solid #AAAAAA;
    color: #545454;
}
.tips {
    background-color: #FEEAC9;
    background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
    border: 1px solid #D38E49;
    color: #bb640c;
}
.chat {
    background-color: #daecfb;
    background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
    border: 1px solid #2078c9;
    color: #066ac4;
}

 

[J Greig]

Open styles/yourtheme/theme/stylesheet.css and add to the bottom:

    @import url("your-stylesheet.css");

Otherwise, just add your custom CSS to the bottom of styles/yourtheme/theme/colours.css.

 

[Socialize]

I added the code! How do I create the BBcode? The tutorial I got this from is for Mybb so I am confused.

 

[J Greig]

Post the codes here and I will help you make it for phpBB.

 

[Socialize]

This is the link to the resource where I found this. If this helps in anyway. I do not know how to translate this tutorial to phpbb.
http://avastyles.com/projects/avastyles/showthread.php?tid=351

 

[J Greig]

BBCode Usage

[info]{TEXT}[/info]

HTML Replacement

<div class="info">{TEXT}</div>

Helpline/Example Usage

[info]Your Text Here[/info]

Give that a try and let me know if it works.

 

[Socialize]

Thank you so much! It does work!
http://prntscr.com/2xeet8

Another question, I just replace class="____" with with CSS i placed in my style?

 

[J Greig]

Sure. For instance, if you want the warning box to appear, just replace info with warning and so on.

 

[Socialize]

Alright! Thank you so much Greig! ^.^