Can anyone rip Notice Style for me please?

[NulledFL]

I really love what they did to their notice designs. Can anyone rip those notices for me please? Thanks in advance.

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Any way, just manage to get it. If anyone like it, here is it.

Following code will give you a notice exactly like the image above.

Here is the HTML part.

 <li id="LI_1">
    <div id="DIV_2">
        <div id="DIV_3">
            <div id="DIV_4">
                <h2 id="H2_5">
                    <span id="SPAN_6"> RULES </ span> <br id="BR_7" /> Summary
                </ H2>
                <h3 id="H3_8">
                    Guest, Read these rules or be banned.
                </ H3>
            </ Div>
            <ul id="UL_9">
                <li id="LI_10">
                    <span id="SPAN_11"> Don't </ span> Spam.
                </ Li>
                <li id="LI_12">
                     <span id="SPAN_13"> Don't </ span> Solicit for your personal business.
                </ Li>
                <li id="LI_14">
                     <span id="SPAN_15"> Don't </ span> do anything deceptive.
                </ Li>
                <li id="LI_16">
                    <span id="SPAN_17"> DO </ span> Participate and provide value.
                </ Li>
                <li id="LI_18">
                     <span id="SPAN_19"> DO </ span> Help create a united community.
                </ Li>
                <li id="LI_20">
                     <span id="SPAN_21"> DO </ span> Adhere to NERIUM's core values in your interaction with others.
                </ Li>
            </ Ul> <a href="http://www.whymovement.com/help/rules" id="A_22"> View Complete Forum Rules </ a>
        </ Div>
    </ Div>
</ Li> [/ HTML]

 

[NulledFL]

And, here is the CSS for it.

 # LI_1 {
    background-position: 0% 100%;
    color: rgb (20, 20, 20);
    float: left;
    height: 244px;
    overflow-wrap: break-word;
    position: relative;
    text-decoration: none solid rgb (20, 20, 20);
    width: 889px;
    word-wrap: break-word;
    perspective-origin: 444.5px 122px;
    transform-origin: 444.5px 122px;
    background: rgb (255, 255, 255) url (http://www.whymovement.com/styles/splash/xenforo/sources/notice3.jpg) no-repeat scroll 0% 100% / auto padding-box border-box ;
    border: 0px none rgb (20, 20, 20);
    font: normal normal normal 17px/22.186668395996094px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    margin: 1px;
    outline: rgb (20, 20, 20) none 0px;
    overflow: hidden;
} / * # LI_1 * /

# DIV_2 {
    color: rgb (20, 20, 20);
    height: 68px;
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (20, 20, 20);
    width: 874px;
    word-wrap: break-word;
    perspective-origin: 444.5px 44px;
    transform-origin: 444.5px 44px;
    border: 0px none rgb (20, 20, 20);
    font: normal normal normal 17px/22.186668395996094px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    outline: rgb (20, 20, 20) none 0px;
    padding: 10px 5px 10px 10px;
} / * # DIV_2 * /

# DIV_3 {
    color: rgb (20, 20, 20);
    height: 63px;
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (20, 20, 20);
    width: 594px;
    word-wrap: break-word;
    perspective-origin: 437px 31.5px;
    transform-origin: 437px 31.5px;
    border: 0px none rgb (20, 20, 20);
    font: normal normal normal 17px/22.186668395996094px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    outline: rgb (20, 20, 20) none 0px;
    padding: 0px 0px 0px 280px;
} / * # DIV_3 * /

# DIV_4 {
    color: rgb (20, 20, 20);
    height: 62px;
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (20, 20, 20);
    width: 594px;
    word-wrap: break-word;
    perspective-origin: 297px 31.5px;
    transform-origin: 297px 31.5px;
    border-top: 0px none rgb (20, 20, 20);
    border-right: 0px none rgb (20, 20, 20);
    border-bottom: 1px solid rgb (204, 204, 204);
    border-left: 0px none rgb (20, 20, 20);
    font: normal normal normal 17px/22.186668395996094px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    margin: 0px 0px 5px;
    outline: rgb (20, 20, 20) none 0px;
    overflow: hidden;
} / * # DIV_4 * /

# H2_5 {
    color: rgb (128, 128, 128);
    float: left;
    height: 59px;
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (128, 128, 128);
    width: 101px;
    word-wrap: break-word;
    perspective-origin: 50.5px 29.5px;
    transform-origin: 50.5px 29.5px;
    border: 0px none rgb (128, 128, 128);
    font: normal normal normal 17px/21.760000228881836px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    margin: 0px 0px 3px;
    outline: rgb (128, 128, 128) none 0px;
} / * # H2_5 * /

# SPAN_6 {
    color: rgb (114, 174, 182);
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (114, 174, 182);
    text-transform: uppercase;
    word-wrap: break-word;
    border: 0px none rgb (114, 174, 182);
    font: normal normal normal 30px/38.400001525878906px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    outline: rgb (114, 174, 182) none 0px;
} / * # SPAN_6 * /

# BR_7 {
    color: rgb (128, 128, 128);
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (128, 128, 128);
    word-wrap: break-word;
    border: 0px none rgb (128, 128, 128);
    font: normal normal normal 17px/21.760000228881836px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    outline: rgb (128, 128, 128) none 0px;
} / * # BR_7 * /

# H3_8 {
    color: rgb (176, 176, 176);
    float: right;
    height: 24px;
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (176, 176, 176);
    width: 327px;
    word-wrap: break-word;
    perspective-origin: 163.5px 12px;
    transform-origin: 163.5px 12px;
    border: 0px none rgb (176, 176, 176);
    font: normal normal normal 19px/23.96160125732422px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    margin: 18.720001220703125px 0px;
    outline: rgb (176, 176, 176) none 0px;
} / * # H3_8 * /

# UL_9 {
    color: rgb (20, 20, 20);
    overflow-wrap: break-word;
    position: relative;
    text-align: left;
    text-decoration: none solid rgb (20, 20, 20);
    width: 594px;
    word-wrap: break-word;
    perspective-origin: 297px 0px;
    transform-origin: 297px 0px;
    border: 0px none rgb (20, 20, 20);
    font: normal normal normal 17px/22.186668395996094px arial, helvetica, clean, sans-serif;
    list-style: circle outside none;
    margin: 0px;
    outline: rgb (20, 20, 20) none 0px;
    padding: 0px;
} / * # UL_9 * /

# LI_10, # LI_12, # LI_14, # LI_16, # LI_18, # LI_20 {
    background-position: 0% to 50%;
    box-sizing: border-box;
    color: rgb (237, 171, 107);
    float: left;
    height: 21px;
    overflow-wrap: break-word;
    text-decoration: none solid rgb (237, 171, 107);
    width: 594px;
    word-wrap: break-word;
    perspective-origin: 297px 10.5px;
    transform-origin: 297px 10.5px;
    background: rgba (0, 0, 0, 0) url (http://www.whymovement.com/styles/splash/xenforo/sources/notice3arrow.jpg) no-repeat scroll 0% 50% / auto padding-box border -box;
    border: 0px none rgb (237, 171, 107);
    font: normal normal normal 17px/22.186668395996094px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    margin: 2px 0px;
    outline: rgb (237, 171, 107) none 0px;
    padding: 0px 0px 0px 25px;
} / * # LI_10, # LI_12, # LI_14, # LI_16, # LI_18, # LI_20 * /

# SPAN_11, # SPAN_13, # SPAN_17, # SPAN_21 {
    color: rgb (237, 171, 107);
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (237, 171, 107);
    text-transform: uppercase;
    word-wrap: break-word;
    border: 0px none rgb (237, 171, 107);
    font: normal normal normal 17px/22.186668395996094px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    outline: rgb (237, 171, 107) none 0px;
} / * # SPAN_11, # SPAN_13, # SPAN_17, # SPAN_21 * /

# SPAN_15, # SPAN_19 {
    color: rgb (237, 171, 107);
    overflow-wrap: break-word;
    text-align: left;
    text-decoration: none solid rgb (237, 171, 107);
    text-transform: uppercase;
    word-wrap: break-word;
    border: 0px none rgb (237, 171, 107);
    font: normal normal normal 17px/22.186668395996094px arial, helvetica, clean, sans-serif;
    list-style: none outside none;
    outline: rgb (237, 171, 107) none 0px;
} / * # SPAN_15, # SPAN_19 * /

# A_22 {
    color: rgb (236, 244, 245);
    display: block;
    height: 19px;
    overflow-wrap: break-word;
    position: absolute;
    right: 39px;
    text-align: left;
    text-decoration: none solid rgb (236, 244, 245);
    top: 145px;
    width: 185px;
    word-wrap: break-word;
    perspective-origin: 107.5px 16.5px;
    transform-origin: 107.5px 16.5px;
    background: rgba (0, 0, 0, 0) linear-gradient (rgb (114, 174, 182) 0%, rgb (91, 156, 165), 100%) repeat scroll 0% 0% / auto padding-box border -box;
    border: 0px none rgb (236, 244, 245);
    font: normal normal normal 15px/19.200000762939453px Lato, sans-serif;
    list-style: none outside none;
    outline: rgb (236, 244, 245) none 0px;
    padding: 7px 15px;
} [/ CODE][/HTML]