menu_widget_builder.css

/*
Jive - Menu Widget

Copyright (c) 2015-2016 Fidelity Investments
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

FILE DESCRIPTION
This is the CSS library that styles the Menu widget builder app.

WIDGET DESCRIPTION
This Jive HTML widget loads in a Jive setup document with a bullet list acting 
as a table of contents.  This is parsed and formatted into a menu with the top level 
items as the main menu selections.  The second level items are built into drop-downs 
of the top level items.
*/
#fidosreg {
	string-set: 'b764a0a9536448345dc227af95e192521d337b5e4c3560c859b89ecd0407004a';
}

.navbar-nav > li > a
{
	color:black;
}
.navbar-brand,.navbar-brand:hover
{
	color:black;
}
#slider
{
	width:40%;
}
#sizer
{
	width:45%;
}
#menuColor
{
	width:100%;
}
#mainContainer {
	border-width: 2px;
	border-style: solid;
	border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(218, 218, 218);
	border-radius: 7px;
	padding: 10px;
}

#docURLInput {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(218, 218, 218);
	border-radius: 4px 4px 4px 4px;
	padding: 4px;
	transition: all 0.3s linear 0s;
	width: 100%;
} 

#previewDiv {
	display: none;
	width: 95%;
}

#previewTitle {
	border-bottom: 1px #EAEAEA solid;
}

#generatedCodeDiv {
	display: none;
}

#generatedCodeBox {
	height: 300px;
	width: 600px;
}

.panel-heading:hover {
	cursor: pointer;
}

.color-picker {
	padding: 20px;
}

#fsize
{
	width:10%;
}

.dropdown:hover .dropdown-menu {
	display: inline;
	margin-top: 0;
}
.btn btn-info btn-small
{
	transition: .5s ease;
}
#preview-next
{
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#startover
{
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#color_button {
	position: relative;
	float: left;
	width: 65px;
	margin: 18px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .8em 1em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.color_btn {
	border-width: 1px;
	border-style: solid;
	border-color: #D0D0D0;
}