Initial impl of Authenticator and jsp files

WebContent/css/zallery.css

@@ -1,110 +1,51 @@
-.progressbar, .progressbarYellow, .progressbarGreen, .progressbarRed, .progressbarBlue{
-	background: transparent url(../img/bar-grey.gif) repeat-x scroll 0%;
-	border: 1px solid black;
-	color: white;
-	height: 16px;
-	margin: 5pt;
-	padding: 0pt;
-	position: relative;
-	text-align: center;
-	width; 150px;
-	border-collapse: collapse;
-}
-.progressbar b, .progressbarYellow b, .progressbarGreen b, .progressbarRed b, .progressbarBlue b{
-	float: left;
-	height: 16px;
-	margin: 0pt;
-	padding: 0pt;
-	font-size: 11px;
-}
-.progressbar b, .progressbarGreen b{
-	background: transparent url(../img/bar-green.gif) repeat-x scroll 0%;
-}
-.progressbarYellow b{
-	background: transparent url(../img/bar-yellow.gif) repeat-x scroll 0%;
-}
-.progressbarRed b{
-	background: transparent url(../img/bar-red.gif) repeat-x scroll 0%;
-}
-.progressbarBlue b{
-	background: transparent url(../img/bar-blue.gif) repeat-x scroll 0%;
-}
-
-
-input:focus{
-	border: 1px solid #7D6D06;
-}
-
-.slideshow-link{
-  background: url("../img/icons/slideshow.png") no-repeat left center
-}
-	
-#footer{
-	padding: 25px 0;
-}
-
-.fb_edge_comment_widget {
-  display: none !important;
-}
-
-
-
-/** Forms **/
-/* style.css:34 */
-input[type="submit"], input[type="button"], button {
-   padding: 3px 18px 6px 18px;
-   -moz-border-radius: 0px;
-   border-radius: 0px;
-   -webkit-border-radius: 0px;
-}
-
-/** Gallery **/
-/* style.css:141 */
-#header {
-   padding: 10px 0;
-}
-/* style.css:374 */
-.msie #content, .single #content, .home #content, .page #content {
-   padding-top: 0px;
-}
-/* style.css:516 */
-form {
-   margin: 0 0 1em 0;
-}
-
-/** Upload **/
-/* style.css:674 */
-/*#comments {
-   padding: 0px 0 0 0;
-}*/
-/* style.css:374 */
-/*.msie #content, .single #content, .home #content, .page #content {
-padding-top: 0px;
-}*/
-
-.entry-title {
-	margin-top: 1em;	
-}
-
-
-#edit-row{
-	margin: 0 0 0.8em 0;
-}
-#edit-row form{
-	margin: 0;
-}
-
-.modmedia_edit{
-	display: none;
-}
-
-.not-singular .entry-content .private{
-  display: block;
-	position: absolute;
-	top: -6px;
-	right: 10px;
-	width: 74px;
-	height: 22px;
-	background: url("../img/private.png") no-repeat top left;
-	z-index: 200
+body{
+	margin-bottom: 200px;
+}
+
+.navbar {
+	margin-top:    20px;
+	margin-bottom: 0px;
+}
+.navbar .action a, .navbar .action span{
+    color: #5a5ada !important;
+}
+
+.subnav {
+    width: 80%;
+    height: 10px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+.content {
+    margin-top: 20px;
+}
+
+.photo-thumb, .photo {
+	padding: 2px;
+}
+.photo-thumb img, .photo img {
+	width: 100%;
+	height: auto;
+}
+
+.col-center{
+    float: none;
+    margin: 0 auto;
+}
+
+.navbar .divider-vertical {
+    height: 40px;
+    margin: 5px 14px;
+    border-right: 2px solid #ffffff;
+    border-left: 2px solid #f2f2f2;
+}
+.navbar-inverse .divider-vertical {
+    border-right-color: #222222;
+    border-left-color: #111111;
+}
+@media (max-width: 767px) {
+    .navbar-collapse .nav > .divider-vertical {
+        display: none;
+     }
 }