Flexile

Flexile 1.5.22.0

No permission to download
Overview Updates (8) Reviews (14) History Discussion
I have Flexile installed along with all it's color variations as children. Do I have to upgrade each one or just the parent?
 
I noticed Flexile Dark has a broken image for an empty avatar.

Edited to add:

The image path is styles/flexile-dark/xenforo/avatars/avatar_m.png. There is no Flexile Dark folder.


Edit # 2:
My mistake. I take it Dark isn't a child style of Flexile. Duh!

Edit #: 3:

I see the difference between the child style and regular one in the Dark zip. D'Oh must of not had enough coffee yet.
 
Last edited:
Great theme, I'm using it but have the following issue with the resource add-on (main container does not auto height with sidebar).....
 

Attachments

  • flexile.webp
    flexile.webp
    47.8 KB · Views: 13
Hi :)

If it can help some people, here are some visual improvements for style: (just add in EXTRA.css)

For notice:
Code: 
.PanelScroller .panel, .PanelScrollerOff .panel {
background-color: #fff !important;
}
.PanelScroller .scrollContainer, .PanelScrollerOff .panel {
border: 1px solid #d5d5d5 !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.PanelScroller .navControls a {
border: 1px solid #DBD6D6 !important;
background-color: #fffffc !important;
}
.PanelScroller .navControls a.current {
background-color: #F6F6F3 !important;
}

For Profil page:
Code: 
.profilePage .primaryUserBlock {
border-top: 1px solid #fff !important;
}
.profilePage .mast .section.infoBlock h3 {
font-size: 14px;
font-family: Georgia, "Times New Roman", serif;
color: #777777;
background: #F1F1EC;
padding: 10px 15px !important;
margin: -12px -12px 15px !important;
border-top-color: #d5d5d5 !important;
border-bottom: 1px solid #d5d5d5 !important;
-webkit-border-top-left-radius: 6px !important;
-moz-border-radius-topleft: 6px !important;
-khtml-border-top-left-radius: 6px !important;
-webkit-border-top-left-radius: 6px !important;
-moz-border-radius-topleft: 6px !important;
-khtml-border-top-left-radius: 6px !important;
border-top-left-radius: 6px !important;
-webkit-border-top-right-radius: 6px !important;
-moz-border-radius-topright: 6px !important;
-khtml-border-top-right-radius: 6px !important;
-webkit-border-top-right-radius: 6px !important;
-moz-border-radius-topright: 6px !important;
-khtml-border-top-right-radius: 6px !important;
border-top-right-radius: 3px !important;
border-top-left-radius: 3px !important;
}
.profilePage .mast .section.infoBlock {
border: 1px solid #d5d5d5 !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.profilePage .subHeading {
font-size: 14px;
font-family: Georgia, "Times New Roman", serif;
color: #777777;
background: #F1F1EC;
padding: 10px 15px !important;
border-top-color: #d5d5d5 !important;
border-right-color: #d5d5d5 !important;
border-left-color: #d5d5d5 !important;
border-bottom: 1px solid #d5d5d5 !important;
-webkit-border-top-left-radius: 6px !important;
-moz-border-radius-topleft: 6px !important;
-khtml-border-top-left-radius: 6px !important;
-webkit-border-top-left-radius: 6px !important;
-moz-border-radius-topleft: 6px !important;
-khtml-border-top-left-radius: 6px !important;
border-top-left-radius: 6px !important;
-webkit-border-top-right-radius: 6px !important;
-moz-border-radius-topright: 6px !important;
-khtml-border-top-right-radius: 6px !important;
-webkit-border-top-right-radius: 6px !important;
-moz-border-radius-topright: 6px !important;
-khtml-border-top-right-radius: 6px !important;
border-top-right-radius: 3px !important;
border-top-left-radius: 3px !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.textWithCount.subHeading .text {
color: #777777 !important;
}
.profilePage .tabs.mainTabs {
background: #fff !important;
}
.profilePage .primaryContent {
border-bottom: 1px solid #d5d5d5 !important;
}
.profilePage .mast .followBlocks .primaryContent.avatarHeap {
border-left: 1px solid #d5d5d5 !important;
border-right: 1px solid #d5d5d5 !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.profilePage .mast .sectionFooter {
border-left: 1px solid #d5d5d5 !important;
border-right: 1px solid #d5d5d5 !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
border-bottom-right-radius: 6px !important;
border-bottom-left-radius: 6px !important;
}
.profilePage .sectionFooter {
color: #777777 !important;
background-color: #F1F1EC !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
border-bottom: 1px solid #d5d5d5 !important;
}
.textWithCount.subHeading .count {
border: 1px solid #d5d5d5 !important;
background-color: #F6F6F3 !important;
color: #777777 !important;
}
.profilePage .sectionFooter a {
color: #777777 !important;
}

For Block Link hover:
Code: 
.blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList li.kbSelect a, .blockLinksList label:hover, .blockLinksList label:focus {
background-color: #d7edfc;
}

For Dark Postrating in profil page:
Code: 
.dark_postrating_member {
border-color: #d5d5d5 !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}

For resources manager:
Code: 
.resourceListMain {
background-color: #FFFFFF;
padding: 15px;
border: 1px solid #d5d5d5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 0 12px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 12px rgba(0,0,0,.1);
-khtml-box-shadow: 0 0 12px rgba(0,0,0,.1);
box-shadow: 0 0 12px rgba(0,0,0,.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.resourceListSidebar h3 {
font-size: 14px !important;
font-family: Georgia, "Times New Roman", serif !important;
color: #777777 !important;
background: #F1F1EC !important;
padding: 10px 14px !important;
margin: -10px -10px 10px !important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
border-bottom: 1px solid #d5d5d5 !important;
}
.resourceListSidebar .secondaryContent {
border: 1px solid #d5d5d5 !important;
border-radius: 6px !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.featuredResourceList .featuredResource {
width: 283px !important;
}

For Participants block in conversation:
Code: 
.participants .sectionFooter {
color: #777777 !important;
background-color: #F1F1EC !important;
border-bottom: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5 !important;
border-right: 1px solid #d5d5d5 !important;
border-bottom-right-radius: 6px !important;
border-bottom-left-radius: 6px !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.sidebar .participants .secondaryContent {
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.participants .sectionFooter a {
color: #777777 !important;
}

For Quicksearch:
Code: 
#QuickSearch {
top: -33px !important;
}
 
Last edited:
Seems it's been abandoned.
Going to uninstall it now.

Edit: It's gone.
 
Last edited:
Hi,
seems your Dark version inst updated :/
All other work fine for me but the dark version is kinda broken.
it 'cant' use images so the Avater / Logo / Forum icons etc don appear.

maybe you can fix that.


PS: A small hint before you upload your next Update go to your main folder and search for "desktop" than pres Alt+A; Entf;Enter. Thankyou :D
 
I've editing the xenforo-ui-sprite.png more to my liking. Is there a setting in style properties that I am perhaps missing to use a custom sprite? I'd rather not have to remember to save it before every time I update the style.
 
You must log in or register to reply here.

Similar threads

webtiryaki
SenSai [Paid]
Replies
2
Views
299
CedricV
CedricV
Mr Lucky
Making a custom style (for absolute beginners)
Replies
6
Views
631
Wildcat Media
Wildcat Media
Ozzy47
[OzzModz] Editor Icon Styling
Replies
0
Views
162
Ozzy47
Ozzy47
Ozzy47
[OzzModz] User Message Styles [Paid]
Replies
1
Views
227
Ozzy47
Ozzy47
X
Xero Invoice Sync [Paid]
Replies
5
Views
202
Xon
X
Top Bottom