Soft Responsive [Deleted]

[ArnyVee]

Since I heard Stew raving about the style, I'm starting to take a look at this one for a possible project I'm working on.

Good work Arty!

 

[Sheldon]

Since I heard Stew raving about the style, I'm starting to take a look at this one for a possible project I'm working on.

Good work Arty!

You will not be disappointed. I promise.

 

[TimeWizardCosmo]

How can I round these corners at the top and bottom?
http://thevoxelforum.com/

 

[Arty]

Top: style properties -> login bar -> login bar collapsed height -> change to 0

Bottom: add this to extra.css

#forumFooter { background-image: none !important; }

 

[TimeWizardCosmo]

Top: style properties -> login bar -> login bar collapsed height -> change to 0

Bottom: add this to extra.css

#forumFooter { background-image: none !important; }

Hi Arty, thanks for the fast reply! I meant these corners:

 

[Arty]

Bottom borders: apply that change I posted above to remove image, add border radius to #headerMover:

#headerMover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

Top borders are very tricky because dark background is covering white background, not other way around. It can be done by adding 2 absolutely positioned boxes to each top corner: one with dark background, one with white background covering it and border radius for corner. Add this to extra.CSS:

#navigation { position: relative; }
#navigation:before, #navigation:after, #navigation nav:before, #navigation nav:after
{
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    left: -15px;
    width: 5px;
    height: 5px;
    background: #53777A url('@imagePath/xenforo/layout/pattern.png');
}
#navigation nav:before, #navigation nav:after
{
    left: auto;
    right: -15px;
}
#navigation:after
{
    border-top-left-radius: 5px;
    background-color: @pageBackground;
}
#navigation nav:after
{
    border-top-right-radius: 5px;
    background-color: @pageBackground;
}

@media only screen and (max-width: 1060px), only screen and (max-device-width: 1060px)
{
    #navigation:before, #navigation:after, #navigation nav:before, #navigation nav:after { display: none; }
}

 

[TimeWizardCosmo]

<genius stuff>

You're awesome, thank you so much that worked perfectly!

 

[TimeWizardCosmo]

It even stops being rounded when it meets the edge of the screen!

 

[Sheldon]

Arty... I found a bug with this style. I thought it was an add-on, but I am almost positive it isn't. I had turned off all my add-ons, it still showed. I was unsure, so I checked your forum as well:



I turned off all my social stuff, and it was still there. Maybe we both have the same add-ons, but not sure.

Not sure why it doesn't go away turning off the Social add-on. Its only one with Google and Twitter both...

 

[Sheldon]

For whatever reason, in the account_wrapper template, there are duplicates.

 

[Arty]

Confirmed. For some reason add-on adds its links 3 times to wrapper template. I'll debug that.

 

[Arty]

Found the problem. I've made a mistake of exporting XML file with TMS changes. Sorry

Replace account_wrapper template with one in attachment.

 

[Sheldon]

Worked perfect.

 

[Shelley]

Since I heard Stew raving about the style, I'm starting to take a look at this one for a possible project I'm working on.

Good work Arty!

You won't regret it Arny. I made the comment this is possibly the best style submitted on xenforo and I still stand by that. I almost purchased it only reason why i didn't it would look odd a graphics forum using another persons style. I'd recommended this style to anyone.

 

[3rd AnGle]

Anyone using this with XenPorta?

 

[Sheldon]

Anyone using this with XenPorta?

Looks fine on full screen...

Once going smaller, the portal blocks on front page, the "portal" so to speak, leave.

 

[3rd AnGle]

Looks fine on full screen...

Once going smaller, the portal blocks on front page, the "portal" so to speak, leave.

heh stewart you got any live site with Xenporta?

 

[Arty]

Anyone using this with XenPorta?

You have good timing for this question because I'm testing it right now. Looks like it requires minor changes, which I'll make available as child style.

 

[Sheldon]

heh stewart you got any live site with Xenporta?

No, no live site. Sorry.

 

[Arty]

Responsive layout for popular "xenPorta" portal is available on style download page. Zip file contains style XML file. Install it as child style of "Soft Responsive" style.

Style contains modified template files that work with responsive layout and includes options to hide specific blocks from mobile devices. You can find those options in admin control panel in Appearance -> Styles -> Style Components -> Sidebar.