3.0 Tip: Status Update Box Tweaks

[Fire-Tech]

If you find the new Status Update Box a bit boring, here's some CSS tweaks to spice it up a little.

• Borders
• Shadows
• Padding / margins
• Multi-layer CSS gradient

Simple & clean... enjoy :)

FT

/*------------------Fire Tech Status Update Tweaks---------------------*/
.status-container {border: 2px groove #fff;padding: 10px;border-radius: 10px;
background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(0,134,173,.8),rgba(255,255,255,0)), url(https://storage.ning.com/topology/rest/1.0/file/get/557835?profile=original);background-repeat:repeat-x,repeat;background-position:bottom,top;
-moz-box-shadow: 0px -1px 4px -1px rgba(0, 0, 0, 1) ;
-webkit-box-shadow: 0px -1px 4px -1px rgba(0, 0, 0, 1) ;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 1) ;}
.status-body.media-body {border-bottom:none;}
.js-statusForm.statusForm .button.button-primary {margin-top:10px;}
.js-statusForm.statusForm .input-full {border: 1px solid #000; border-radius:10px;}
.statusForm::before {border-color: transparent #000 transparent transparent;}

[Anam]

Thank you FireTech. That looks and works really groovy :)

[Fire-Tech]

Glad you like it :)

[soaringeagle]

as soon as it was released i was working on my own lil tweak

[Fire-Tech]

Looks good SE! I like the insets better on darker networks too. Have to do the same on my FTS site ;)

[Thiago Santos de Moraes]

Thanks, I love it.

[Fire-Tech]

Thanks Thiago :)

[⚡JFarrow⌁]

nice one FT!

[Fire-Tech]

Thanks J ;)

[Fire-Tech]

Looks great John! I threw mine together pretty quick before going to bed, but I'm glad you did the work for all the comments on your tip. 1 less thing I need to do. I always liked your color choices too. Thanks for sharing :)

[Fire-Tech]

Looks great John! I threw mine together pretty quick before going to bed, but I'm glad you did the work for all the comments on your tip. 1 less thing I need to do. I always liked your color choices too. Thanks for sharing :)