NEW Re-added SilverStripeNavigator styling

This commit is contained in:
Ingo Schommer 2012-08-27 11:47:12 +02:00
parent 8442ed0ecd
commit cd8c3a0245
3 changed files with 116 additions and 1 deletions

View File

@ -314,7 +314,7 @@ class ContentController extends Controller {
</div> </div>
<div id="switchView" class="bottomTabs"> <div id="switchView" class="bottomTabs">
<div class="blank">$viewPageIn </div> $viewPageIn
$items $items
</div> </div>
</div> </div>

View File

@ -0,0 +1,25 @@
#SilverStripeNavigator { position: fixed; bottom: 0; left: 0; width: 100%; border-top: 2px solid #d4d0c8; background-color: #81858d; height: 22px; }
#SilverStripeNavigator * { font-family: Arial,Helvetica,sans-serif; font-size: 10px !important; }
#SilverStripeNavigator .holder { text-align: center; padding-top: 4px; padding-left: 3px; padding-right: 6px; color: white; border-top: 1px solid #555555; }
#SilverStripeNavigator #logInStatus { float: right; }
#SilverStripeNavigator #switchView { float: left; }
#SilverStripeNavigator a { color: #fff; background-color: transparent; text-decoration: underline; }
#SilverStripeNavigator a:hover { background-color: transparent; }
#SilverStripeNavigator .bottomTabs a { margin-right: 8px; text-decoration: underline; }
#SilverStripeNavigator .bottomTabs a.current { font-weight: bold; text-decoration: none; }
#SilverStripeNavigatorMessage { font-family: 'Lucida Grande', Verdana, Arial, 'sans-serif'; position: absolute; right: 20px; top: 40px; padding: 10px; border-color: #c99; color: #fff; background-color: #c00; border: 1px solid #000; }
#SilverStripeNavigatorLinkPopup { display: none; position: absolute; top: -60px; height: 50px; width: 350px; left: 200px; background-color: white; border: 1px solid black; z-index: 100; color: black; padding: 5px; }
#SilverStripeNavigatorLinkPopup input { width: 250px; }
#SilverStripeNavigatorLinkPopup a.close { color: blue; text-align: right; width: 80%; border: none !important; cursor: pointer; }

View File

@ -0,0 +1,90 @@
#SilverStripeNavigator {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
border-top: 2px solid #d4d0c8;
background-color:#81858d;
height: 22px;
}
#SilverStripeNavigator * {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px !important;
}
#SilverStripeNavigator .holder {
text-align: center;
padding-top : 4px;
padding-left : 3px;
padding-right : 6px;
color: white;
border-top: 1px solid #555555;
}
#SilverStripeNavigator #logInStatus {
float: right;
}
#SilverStripeNavigator #switchView {
float: left;
}
#SilverStripeNavigator a {
color: #fff;
background-color: transparent;
text-decoration: underline;
}
#SilverStripeNavigator a:hover {
background-color: transparent;
}
#SilverStripeNavigator .bottomTabs a {
margin-right: 8px;
text-decoration: underline;
}
#SilverStripeNavigator .bottomTabs a.current {
font-weight:bold;
text-decoration: none;
}
#SilverStripeNavigatorMessage {
font-family: 'Lucida Grande', Verdana, Arial, 'sans-serif';
position: absolute;
right: 20px;
top: 40px;
padding: 10px;
border-color: #c99;
color: #fff;
background-color: #c00;
border: 1px solid #000;
}
#SilverStripeNavigatorLinkPopup {
display: none;
position: absolute;
top: -60px;
height: 50px;
width: 350px;
left: 200px;
background-color: white;
border: 1px solid black;
z-index: 100;
color: black;
padding: 5px;
}
#SilverStripeNavigatorLinkPopup input {
width: 250px;
}
#SilverStripeNavigatorLinkPopup a.close {
color: blue;
text-align: right;
width: 80%;
border: none !important;
cursor: pointer;
}