Wow... http://wikiphilo.tiddlyspot.com
This is beautiful and a pleasure to browse, Alberto!
With a bit of searching I even found the bottom tabs. :)
I played a bit with the css that will hopefully stop the buttons from
shuffling around.
Give it a try (amongst others, I gave the buttons a min-width of 45 which
won't have them jump with up to 2-digit numbers)...
*title: $:/plugins/amp/BT/css/BottomTabs/tabs*
.bottom-tabs {
margin: 0px 0px -42px 0px;
}
.tc-tab-divider {
display: none;
}
.tc-tiddler-controls .close-tabs {
position: relative;
bottom: -3px;
}
.bottom-tabs div.tc-tab-buttons {
text-align: {{$:/config/BottomTabs/position/$:/plugins/amp/BT}};
padding: 0px 0px 14px 0px;
}
.bottom-tabs .tc-tab-buttons button{
min-width:45px;
display:inline-block;
font-size:12px;
text-align:center;
border-radius: 10px 10px 0px 0px;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0) inset;
}
.bottom-tabs .tc-tab-buttons button:not(.tc-tab-selected):hover {
color: <<color foreground>>;
background: transparent;
font-weight: bold;
font-size: 16px;
margin-top:-5px;
}
.bottom-tabs .tc-tab-buttons button.tc-tab-selected {
color: <<color foreground>>;
background-color: <<color background>>;
font-weight: bold;
font-size: 16px;
padding-bottom:6px;
margin-bottom: -4px;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset;
}
.bottom-tabs .tc-tab-buttons.blue button.tc-tab-selected {
background-color: {{$:/config/BottomTabs/colors/$:/plugins/amp/BT##blue}};
}
.bottom-tabs .tc-tab-buttons.red button.tc-tab-selected {
background-color: {{$:/config/BottomTabs/colors/$:/plugins/amp/BT##red}};
}
.bottom-tabs .tc-tab-buttons.yellow button.tc-tab-selected {
background-color: {{$:/config/BottomTabs/colors/$:/plugins/amp/BT
##yellow}};
}
.bottom-tabs .tc-tab-buttons button:not(.tc-tab-selected) {
background-color: <<color background>>;
color: #c0c0c0;
border-left: <<color background>>;
border-right: <<color background>>;
border-top: <<color background>>;
}
.bottom-tabs .tc-tab-content {
margin: -14px -42px 0px -42px;
padding: 14px 42px 14px 42px;
}
.bottom-tabs .tc-tab-content.blue {
background-color: {{$:/config/BottomTabs/colors/$:/plugins/amp/BT##blue}};
border-top: 1px solid <<colour tiddler-info-border>>;
border-bottom: 1px solid <<colour tiddler-info-border>>;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
}
.bottom-tabs .tc-tab-content.red {
background-color: {{$:/config/BottomTabs/colors/$:/plugins/amp/BT##red}};
border-top: 1px solid <<colour tiddler-info-border>>;
border-bottom: 1px solid <<colour tiddler-info-border>>;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
}
.bottom-tabs .tc-tab-content.yellow {
background-color: {{$:/config/BottomTabs/colors/$:/plugins/amp/BT
##yellow}};
border-top: 1px solid <<colour tiddler-info-border>>;
border-bottom: 1px solid <<colour tiddler-info-border>>;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
}
Best wishes, Tobias.
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
