nitdoc: Replace old nitdoc by nitdoc_ni
[nit.git] / share / nitdoc / styles / main.css
index d45e1cc..d9174f4 100644 (file)
@@ -1,7 +1,6 @@
 /* General */\r
 \r
 body {\r
-       margin: 0;\r
        font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;\r
 }\r
 \r
@@ -24,11 +23,16 @@ pre, code {
        font-size: 1em;\r
 }\r
 \r
-pre {\r
+.description div.comment {\r
        background: #EEE;\r
-       padding: 5px;\r
        color: black;\r
        overflow: auto;\r
+       padding: 0 0 0 12px;\r
+       margin: 1em 0 0 0;\r
+}\r
+\r
+.description textarea.baseComment {\r
+       display: none;\r
 }\r
 \r
 hr {\r
@@ -60,76 +64,98 @@ h3 {
 \r
 /* Page display */\r
 \r
-body {\r
+html {\r
+       height: 100%;\r
        overflow: hidden;\r
+}\r
+\r
+body {\r
        height: 100%;\r
+       margin: 0;\r
 }\r
 \r
 header {\r
+       position: fixed;\r
+       z-index: 600;\r
+       left: 0;\r
+       right: 0;\r
 }\r
 \r
 .page {\r
-       width: 937px;\r
        margin: auto;\r
+       height: 100%;\r
 }\r
 \r
-.menu {\r
+.sidebar {\r
        position: fixed;\r
+       z-index: 500;\r
        top: 50px;\r
-       bottom: 2em;\r
+       bottom: 1em;\r
        width: 250px;\r
        overflow-y:     scroll;\r
 }\r
 \r
+.sidebar nav:last-child {\r
+       margin-bottom: 0;\r
+}\r
+\r
 .content {\r
        position: fixed;\r
+       z-index: 500;\r
        top: 50px;\r
-       bottom: 2em;\r
+       bottom: 1em;\r
+       left: 0;\r
+       right: 0;\r
        margin-left: 265px;\r
-       width: 667px;\r
        overflow-y:     scroll;\r
+       margin-right: 5px;\r
        padding-right: 10px;\r
 }\r
 \r
 .content.fullpage {\r
        margin-left: 20px;\r
-       width: 910px;\r
+       width: auto;\r
+}\r
+\r
+.page.footed .content, .page.footed .sidebar {\r
+       bottom: 2em;\r
 }\r
 \r
 footer {\r
        position: fixed;\r
+       z-index: 500;\r
        bottom: 0;\r
        width: 100%;\r
 }\r
 \r
 /* Webkit scroll bars */\r
 \r
-.menu {\r
+.sidebar {\r
     overflow-y: hidden;\r
 }\r
 \r
-.menu:hover {\r
+.sidebar:hover {\r
     overflow-y: scroll;\r
 }\r
 \r
-.menu::-webkit-scrollbar, .content::-webkit-scrollbar {\r
+.sidebar::-webkit-scrollbar, .content::-webkit-scrollbar {\r
     width: 10px;\r
 }\r
 \r
-.menu::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {\r
+.sidebar::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {\r
        background: #CCC;\r
        -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);\r
 }\r
 \r
-.menu::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {\r
+.sidebar::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {\r
        background: #999;\r
 }\r
 \r
-.menu::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {\r
+.sidebar::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {\r
        background: transparent;\r
 }\r
 \r
-.menu::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {\r
+.sidebar::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {\r
        width: 0;\r
        height: 0;\r
        display: none;\r
@@ -140,7 +166,6 @@ footer {
 header nav ul {\r
        padding: 0;\r
        list-style-type: none;\r
-       width: 900px;\r
        margin: auto;\r
 }\r
 \r
@@ -151,14 +176,6 @@ header nav ul li {
        color: #999;\r
 }\r
 \r
-header nav ul li a {\r
-       color: black;\r
-}\r
-\r
-header nav ul li a:hover {\r
-       color: #0D8921;\r
-}\r
-\r
 footer {\r
        text-align: center;\r
        padding-bottom: 10px;\r
@@ -168,62 +185,66 @@ footer {
 /* Main menu */\r
 \r
 header nav.main {\r
-       background: #E0E0E0 url(../resources/top_back.gif) repeat-x top left;\r
+       background: #f1f1f1;\r
+       border-bottom: 1px solid #ddd;\r
        padding: 7px 0;\r
 }\r
 \r
 header nav.main ul li.current {\r
        background: #0D8921;\r
-       color: white;\r
+       border-radius: 2px;\r
+       -moz-border-radius: 2px;\r
+       -webkit-border-radius: 2px;\r
+       border: 1px solid #1d7900;\r
+       color: #fff;\r
+       text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
+       -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
+       -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
 }\r
 \r
-/* Latteral Menu */\r
+/* Sidebar */\r
 \r
-.menu nav {\r
+.sidebar nav {\r
        margin: 20px;\r
        width: 208px;\r
-       border: 1px solid #CCC;\r
+       border: 1px solid #ddd;\r
 }\r
 \r
-.menu nav:first-child {\r
+.sidebar nav:first-child {\r
        margin-top: 0;\r
 }\r
 \r
-.menu nav h3 {\r
+.sidebar nav h3 {\r
        margin: 0;\r
        padding: 5px;\r
-       background: #CCC;\r
+       background: #f1f1f1;\r
        font-size: 1em;\r
 }\r
 \r
-.menu nav h4 {\r
+.sidebar nav h4 {\r
        font-weight: bold;\r
        color: #555555;\r
        margin: 10px 0 0 10px;\r
        font-size: 12px;\r
 }\r
 \r
-.menu nav h4:last-child {\r
+.sidebar nav h4:last-child {\r
        margin-bottom: 5px;\r
 }\r
 \r
-.menu nav ul {\r
+.sidebar nav ul {\r
        margin: 10px;\r
        padding: 0;\r
        list-style-type: none;\r
 }\r
 \r
-.menu nav ul li {\r
+.sidebar nav ul li {\r
        overflow: hidden;\r
        color: #CCC;\r
 }\r
 \r
 /* Content */\r
 \r
-.content section {\r
-       margin: 20px 0;\r
-}\r
-\r
 .content article {\r
        color: #6C6C6C;\r
        background-repeat: no-repeat;\r
@@ -234,7 +255,7 @@ header nav.main ul li.current {
 \r
 .content article h3 {\r
        margin: 0;\r
-       font-weight: normal;\r
+       font-weight: bold;\r
        color: #333;\r
 }\r
 \r
@@ -262,8 +283,7 @@ header nav.main ul li.current {
        padding-left: 10px;\r
 }\r
 \r
-nav ul li span,\r
-.content article ul li span {\r
+nav ul li span {\r
        color: #CCC;\r
        text-align: center;\r
        font-family: monospace;\r
@@ -285,7 +305,7 @@ nav ul li span,
        color: #555;\r
 }\r
 \r
-.content article.highlighted {\r
+.content article:target {\r
        background-color: #FFF3C2;\r
        color: black;\r
 }\r
@@ -294,27 +314,47 @@ nav ul li span,
        color: #6C6C6C;\r
 }\r
 \r
+.content a {\r
+       color: #0D8921;\r
+}\r
+\r
 .content a:hover {\r
        color: #333;\r
 }\r
 \r
-.content a {\r
+.info {\r
+       color: #6C6C6C;\r
+}\r
+\r
+.info a {\r
+       color: #333;\r
+}\r
+\r
+.info a:hover {\r
        color: #0D8921;\r
 }\r
 \r
+\r
 article .info .code {\r
        float: right;\r
 }\r
 \r
+.description .inheritance {\r
+       text-align: right;\r
+       margin: 2px;\r
+\r
+}\r
+\r
 .content .concern-doc {\r
-       border-top: 3px dotted #CCC;\r
+       border-bottom: 1px dashed #CCC;\r
        padding: 5px 0;\r
-       color: #999;\r
+       color: #6C6C6C;\r
 }\r
 \r
 .content section.concerns {\r
        padding: 10px;\r
        border: 1px solid #ccc;\r
+\r
 }\r
 \r
 .content section.concerns h2 {\r
@@ -340,508 +380,88 @@ article .info .code {
 }\r
 \r
 .content section.methods h3.concern-toplevel {\r
-       border-top: 3px dotted #CCC;\r
-       padding-top: 0.83em;\r
-       color: #999;\r
+       padding: 10px;\r
+       border: 1px solid #ccc;\r
+       color: #6C6C6C;\r
 }\r
 \r
 .show-code {\r
        margin: 0;\r
 }\r
 \r
-/* JS facilities */\r
+/* Icons */\r
+\r
+.type.public, .interface.public, .abstract.class.public { background-image: url('../resources/icons/vtype_public.png')}\r
+.type.protected, .interface.protected, .abstract.class.protected { background-image: url('../resources/icons/vtype_protected.png')}\r
+.type.private, .interface.private, .abstract.class.private { background-image: url('../resources/icons/vtype_private.png')}\r
+.init.public, .enum.public { background-image: url('../resources/icons/const_public.png')}\r
+.init.protected, .enum.protected { background-image: url('../resources/icons/const_protected.png')}\r
+.init.private, .enum.private { background-image: url('../resources/icons/const_private.png')}\r
+.fun.public, .class.public, .extern.public { background-image: url('../resources/icons/meth_public.png')}\r
+.fun.protected, .class.protected, .extern.protected { background-image: url('../resources/icons/meth_protected.png')}\r
+.fun.private, .class.private, .extern.private { background-image: url('../resources/icons/meth_private.png')}\r
+\r
+/* Form elements */\r
 \r
 input[type=text] {\r
-       width: 150px;\r
        border: 1px solid #CCC;\r
-       margin-right: 5px;\r
        padding: 1px 2px;\r
 }\r
 \r
-input[type=text].notUsed {\r
-       color: #999;\r
-       font-style: italic;\r
-}\r
-\r
-nav .filter {\r
-       text-align: center;\r
-       padding: 5px;\r
-}\r
-\r
 nav.main input[type=text] {\r
        margin: -2px 10px;\r
        color: black;\r
        font-style: normal;\r
 }\r
 \r
-nav.main form {\r
-       float: right;\r
-}\r
-\r
-.filter a {\r
-       color: #0D8921;\r
-       cursor: pointer;\r
-       font-family: monospace;\r
-       margin-right: 5px;\r
-   font-weight: bold;\r
-}\r
-\r
-.filter a.hidden {\r
-       color: #999;\r
-   font-weight: normal;\r
-}\r
+/* New comments style */\r
 \r
-.filter a:hover {\r
-       text-decoration: underline;\r
+.content .nitdoc {\r
+  background: #F7F7F7;\r
+  padding: 5px;\r
+  color: black;\r
+  overflow: auto;\r
 }\r
 \r
-nav h3 a.fold {\r
-       margin: 0 5px;\r
-       color: #999;\r
-       font-family: monospace;\r
-       font-weight: bold;\r
-       font-size: 120%;\r
-       cursor: pointer;\r
+.content .nitdoc pre {\r
+  background: #EEE;\r
 }\r
 \r
-.hide {\r
-       overflow-y: hidden;\r
-       height: 0;\r
+.content .nitdoc code {\r
+  background: #DDD;\r
+  padding: 0 1px;\r
 }\r
 \r
-/* Icons */\r
-.vtype.public { background-image: url('../resources/icons/vtype_public.png')}\r
-.vtype.protected { background-image: url('../resources/icons/vtype_protected.png')}\r
-.vtype.private { background-image: url('../resources/icons/vtype_private.png')}\r
-.init.public { background-image: url('../resources/icons/const_public.png')}\r
-.init.protected { background-image: url('../resources/icons/const_protected.png')}\r
-.init.private { background-image: url('../resources/icons/const_private.png')}\r
-.fun.public { background-image: url('../resources/icons/meth_public.png')}\r
-.fun.protected { background-image: url('../resources/icons/meth_protected.png')}\r
-.fun.private { background-image: url('../resources/icons/meth_private.png')}\r
-\r
-/* Quick Search */\r
-\r
-#search {\r
-       width: 300px;\r
+.rawcode {\r
 }\r
 \r
-#searchTable {\r
-       background-color: #FFFFFF;\r
-       border: 1px solid #E0E0E0;\r
-       border-spacing: 0px;\r
-       z-index: 10; /* the menu must be over the rest of the page. */\r
-}\r
+.nitcode a { color: inherit; text-decoration: inherit; } /* hide links */\r
+.nitcode a:hover { text-decoration: underline; } /* underline links */\r
+.nitcode span[title]:hover { text-decoration: underline; } /* underline titles */\r
+/* lexical raw tokens. independent of usage or semantic: */\r
+.nitcode .nc_c { color: gray; font-style: italic; } /* comment */\r
+.nitcode .nc_d { color: #3D8127; font-style: italic; } /* documentation comments */\r
+.nitcode .nc_k { font-weight: bold; } /* keyword */\r
+.nitcode .nc_o {} /* operator */\r
+.nitcode .nc_i {} /* standard identifier */\r
+.nitcode .nc_t { color: #445588; font-weight: bold; } /* type/class identifier */\r
+.nitcode .nc_a { color: #445588; font-style: italic; } /* old style attribute identifier */\r
+.nitcode .nc_l { color: #009999; } /* char and number literal */\r
+.nitcode .nc_s { color: #8F1546; } /* string literal */\r
+/* syntactic token usage. added because of their position in the AST */\r
+.nitcode .nc_ast { color: blue; } /* assert label */\r
+.nitcode .nc_la { color: blue; } /* break/continue label */\r
+.nitcode .nc_m { color: #445588; } /* module name */\r
+/* syntactic groups */\r
+.nitcode .nc_def { font-weight: bold; color: blue; } /* name used in a definition */\r
+.nitcode .nc_def.nc_a { color: blue; } /* name used in a attribute definition */\r
+.nitcode .nc_def.nc_t { color: blue; } /* name used in a class or vt definition */\r
+.nitcode .nc_ss { color: #9E6BEB; } /* superstrings */\r
+.nitcode .nc_cdef {} /* A whole class definition */\r
+.nitcode .nc_pdef {} /* A whole property definition */\r
+/* semantic token usage */\r
+.nitcode .nc_v { font-style: italic; } /* local variable or parameter */\r
+.nitcode .nc_vt { font-style: italic; } /* virtual type or formal type */\r
 \r
-#searchTable .activeSearchResult {\r
-       cursor: pointer;\r
-       background: #EEE;\r
-}\r
+.nitcode .nc_error { border: 1px red solid;} /* not used */\r
 \r
-#searchTable td {\r
-       white-space: nowrap;\r
-       overflow: hidden;\r
-       line-height: 22px;\r
-       padding: 2px;\r
-       width: 25%;\r
-}\r
-\r
-#searchTable td.entryInfo {\r
-       color: #0D8921;\r
-       font-size: small;\r
-       width: 75%;\r
-       text-align: right;\r
-}\r
-\r
-textarea {\r
-       margin: 10px;\r
-       font-family: monospace;\r
-       font-size: 1em;\r
-       width: 100%;\r
-}\r
-#commitBtn, #cancelBtn{\r
-       float: right;\r
-       margin-right: 10px;\r
-}\r
-#commitBtn:hover, #cancelBtn:hover, #lblDiffCommit:hover{\r
-       cursor: hand; cursor: pointer;\r
-}\r
-\r
-#waitCommit { /*--Masque opaque noir de fond--*/\r
-       display: none;\r
-       top: 40%; left: 40%;\r
-       z-index: 99999;\r
-}\r
-#fade { /*--Masque opaque noir de fond--*/\r
-       display: none; /*--masqué par défaut--*/\r
-       background: #000;\r
-       position: fixed; left: 0; top: 0;\r
-       width: 100%; height: 100%;\r
-       opacity: .80;\r
-       z-index: 9999;\r
-}\r
-#modal{\r
-       display: none; /*--masqué par défaut--*/\r
-       background: #fff;\r
-       padding: 20px;\r
-       border: 3px solid #ddd;\r
-       float: left;\r
-       font-size: 1.2em;\r
-       position: fixed;\r
-       top: 20%; left: 40%;\r
-       z-index: 99999;\r
-       /*--Les différentes définitions de Box Shadow en CSS3--*/\r
-       -webkit-box-shadow: 0px 0px 20px #000;\r
-       -moz-box-shadow: 0px 0px 20px #000;\r
-       box-shadow: 0px 0px 20px #000;\r
-       /*--Coins arrondis en CSS3--*/\r
-       -webkit-border-radius: 10px;\r
-       -moz-border-radius: 10px;\r
-       border-radius: 10px;\r
-}\r
-\r
-#modal #logginName{\r
-       display: none; /*--masqué par défaut--*/\r
-       background: #fff;\r
-       padding: 20px;\r
-       margin-bottom: 400px;\r
-       font-size: 1.2em;\r
-}\r
-\r
-#modalQuestion{\r
-       display: none; /*--masqué par défaut--*/\r
-       background: #fff;\r
-       padding: 20px;\r
-       border: 3px solid #ddd;\r
-       float: left;\r
-       font-size: 1.2em;\r
-       position: fixed;\r
-       top: 20%; left: 40%;\r
-       z-index: 99999;\r
-       /*--Les différentes définitions de Box Shadow en CSS3--*/\r
-       -webkit-box-shadow: 0px 0px 20px #000;\r
-       -moz-box-shadow: 0px 0px 20px #000;\r
-       box-shadow: 0px 0px 20px #000;\r
-       /*--Coins arrondis en CSS3--*/\r
-       -webkit-border-radius: 10px;\r
-       -moz-border-radius: 10px;\r
-       border-radius: 10px;\r
-}\r
-\r
-#btnCreateBranch, #btnCancelBranch{\r
-       padding: 6px 7px;\r
-       -moz-border-bottom-colors: none;\r
-    -moz-border-left-colors: none;\r
-    -moz-border-right-colors: none;\r
-    -moz-border-top-colors: none;\r
-    background-color: #F5F5F5;\r
-    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);\r
-    background-repeat: repeat-x;\r
-    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;\r
-    border-image: none;\r
-    border-radius: 4px 4px 4px 4px;\r
-    border-style: solid;\r
-    border-width: 1px;\r
-    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);\r
-    color: #333333;\r
-    cursor: pointer;\r
-    display: inline-block;\r
-    font-size: 14px;\r
-    line-height: 20px;\r
-    margin-bottom: 0;\r
-    padding: 4px 12px;\r
-    text-align: center;\r
-    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);\r
-    vertical-align: middle;\r
-    margin-top: 5%;\r
-    margin-left: 10px;\r
-\r
-}\r
-\r
-#btnCreateBranch{\r
-       margin-left: 35%;\r
-}\r
-\r
-img.btn_close, img.btnCloseQuestion {\r
-       float: right;\r
-       margin: -35px -35px 0 0;\r
-}\r
-fieldset {\r
-    margin-bottom: 20px;\r
-}\r
-\r
-#login, #password, #commitMessage, #repoCommit, #branchName{\r
-       border: 1px solid #ccc;\r
-       padding: 6px 7px;\r
-       outline: none;\r
-       -moz-border-radius: 2px;\r
-       -webkit-border-radius: 2px;\r
-       border-radius: 2px;\r
-       font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;\r
-       color: #777;\r
-       margin: 0;\r
-       width: 210px;\r
-       max-width: 100%;\r
-       display: block;\r
-       margin-bottom: 20px;\r
-       background: #fff;\r
-}\r
-\r
-.connect-button a{\r
-       display: block;\r
-       cursor: pointer;\r
-       margin: 0 0 20px 0;\r
-       background-color: #92C929;\r
-       background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */\r
-       background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */\r
-       background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */\r
-       background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */\r
-       background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */\r
-       background-image:         linear-gradient(top, #92C929, #1d7900);\r
-       filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */\r
-       border-radius: 4px;\r
-       -moz-border-radius: 4px;\r
-       -webkit-border-radius: 4px;\r
-       -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;\r
-       box-shadow: 0px 2px 4px rgba(0,0,0, .2);\r
-       -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);\r
-       -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);\r
-       text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
-       -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
-       -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
-       border: 1px solid #1d7900;\r
-       color: #fff;\r
-       font-weight: 300;\r
-       font-size: 14px;\r
-       padding: 5px 7px 5px 7px;\r
-       text-align: center;\r
-       margin-top: 0px;\r
-}\r
-\r
-.connect-button a:hover{\r
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#9AD42C), to(#1d7900)); /* Saf4+, Chrome */\r
-    background-image: -webkit-linear-gradient(top, #9AD42C, #1d7900); /* Chrome 10+, Saf5.1+ */\r
-    background-image:    -moz-linear-gradient(top, #9AD42C, #1d7900); /* FF3.6 */\r
-    background-image:     -ms-linear-gradient(top, #9AD42C, #1d7900); /* IE10 */\r
-    background-image:      -o-linear-gradient(top, #9AD42C, #1d7900); /* Opera 11.10+ */\r
-    background-image:         linear-gradient(top, #92C929, #1d7900);\r
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9AD42C', EndColorStr='#1d7900'); /* IE6–IE9 */\r
-}\r
-\r
-.connect-button a:active{\r
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#73BD39), to(#1d7900)); /* Saf4+, Chrome */\r
-    background-image: -webkit-linear-gradient(top, #73BD39, #1d7900); /* Chrome 10+, Saf5.1+ */\r
-    background-image:    -moz-linear-gradient(top, #73BD39, #1d7900); /* FF3.6 */\r
-    background-image:     -ms-linear-gradient(top, #73BD39, #1d7900); /* IE10 */\r
-    background-image:      -o-linear-gradient(top, #73BD39, #1d7900); /* Opera 11.10+ */\r
-    background-image:         linear-gradient(top, #73BD39, #1d7900);\r
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73BD39', EndColorStr='#1d7900'); /* IE6–IE9 */\r
-}\r
-\r
-.connect-button a strong{\r
-    color: #fff;\r
-    font-weight: 600;\r
-}\r
-\r
-.connect-button a:hover{\r
-    text-decoration: none;\r
-}\r
-\r
-.connect-button a img{\r
-    margin-right: 7px;\r
-    margin-bottom: -3px;\r
-    height: 16px;\r
-    width: 16px;\r
-}\r
-\r
-.popover a:hover {\r
-       color: #333;\r
-       cursor: hand; cursor: pointer;\r
-}\r
-\r
-.popover a {\r
-       color: #0D8921;\r
-       margin-bottom: 10px;\r
-}\r
-\r
-.popover {\r
-       position: absolute;\r
-       width : 220px;\r
-       height:280px;\r
-       margin-left: -102px;\r
-       z-index: 1010;\r
-       display: block;\r
-       max-width: 276px;\r
-       padding: 1px;\r
-       text-align: left;\r
-       white-space: normal;\r
-       background-color: #ffffff;\r
-       border: 1px solid #ccc;\r
-       border: 1px solid rgba(0, 0, 0, 0.2);\r
-       -webkit-border-radius: 6px;\r
-        -moz-border-radius: 6px;\r
-             border-radius: 6px;\r
-       -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r
-        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r
-             box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r
-       -webkit-background-clip: padding-box;\r
-        -moz-background-clip: padding;\r
-             background-clip: padding-box;\r
-}\r
-\r
-.popover.bottom {\r
-       margin-top: 10px;\r
-}\r
-\r
-.popover-title {\r
-       padding: 8px 14px;\r
-       margin: 0;\r
-       font-size: 14px;\r
-       font-weight: normal;\r
-       line-height: 18px;\r
-       background-color: #f7f7f7;\r
-       border-bottom: 1px solid #ebebeb;\r
-       -webkit-border-radius: 5px 5px 0 0;\r
-        -moz-border-radius: 5px 5px 0 0;\r
-             border-radius: 5px 5px 0 0;\r
-}\r
-\r
-.popover-title:empty {\r
-       display: none;\r
-}\r
-\r
-.popover-content {\r
-       padding: 9px 14px;\r
-}\r
-\r
-.popover .arrow,\r
-.popover .arrow:after {\r
-       position: absolute;\r
-       display: block;\r
-       width: 0;\r
-       height: 0;\r
-       border-color: transparent;\r
-       border-style: solid;\r
-}\r
-\r
-.popover .arrow {\r
-       border-width: 11px;\r
-}\r
-\r
-.popover .arrow:after {\r
-       border-width: 10px;\r
-       content: "";\r
-}\r
-\r
-.popover.bottom .arrow {\r
-       top: -11px;\r
-       left: 50%;\r
-       margin-left: -11px;\r
-       border-bottom-color: #999;\r
-       border-bottom-color: rgba(0, 0, 0, 0.25);\r
-       border-top-width: 0;\r
-}\r
-\r
-.popover.bottom .arrow:after {\r
-       top: 1px;\r
-       margin-left: -10px;\r
-       border-bottom-color: #ffffff;\r
-       border-top-width: 0;\r
-}\r
-\r
-#logGitHub{\r
-       cursor: hand; cursor: pointer;\r
-       height: 17px;\r
-       width: 17px;\r
-}\r
-\r
-#liGitHub{\r
-       float:right;\r
-       margin-top:-4px;\r
-       height: 20px;\r
-}\r
-\r
-#liGitHub input {\r
-       margin: 4px 10px 5px 10px;\r
-       color: black;\r
-       font-style: normal;\r
-       font-size: 12px;\r
-       border: 1px solid #CCC;\r
-}\r
-\r
-#lbloginGit, #lbpasswordGit, #lbrepositoryGit, #lbbranchGit, #lblSignedOff{\r
-       color: black;\r
-       font-style: normal;\r
-       margin-left: 10px;\r
-       margin-top: 10px;\r
-}\r
-#logginMessage , #lbBranches{\r
-       color: black;\r
-       font-style: normal;\r
-       text-align: center;\r
-       margin-top: 10px;\r
-}\r
-\r
-#divlogIn{\r
-       text-align: center;\r
-}\r
-\r
-#signIn{\r
-       display: block;\r
-       cursor: pointer;\r
-       margin: 10px 10px 5px 10px;\r
-       background-color: #92C929;\r
-       background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */\r
-       background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */\r
-       background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */\r
-       background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */\r
-       background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */\r
-       background-image:         linear-gradient(top, #92C929, #1d7900);\r
-       filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */\r
-       border-radius: 4px;\r
-       -moz-border-radius: 4px;\r
-       -webkit-border-radius: 4px;\r
-       -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;\r
-       box-shadow: 0px 2px 4px rgba(0,0,0, .2);\r
-       -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);\r
-       -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);\r
-       text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
-       -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
-       -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);\r
-       border: 1px solid #1d7900;\r
-       color: #fff;\r
-       font-weight: 300;\r
-       font-size: 14px;\r
-       padding: 5px 7px 5px 7px;\r
-       text-align: center;\r
-}\r
-\r
-#passwordGit, #loginGit, #repositoryGit, #branchGit, #signedOff{\r
-       height:30px;\r
-       width: 200px;\r
-}\r
-\r
-#imgGitHub{\r
-       width:20px;\r
-}\r
-\r
-#dropBranches{\r
-       font-size: 12px;\r
-       height:20px;\r
-}\r
-\r
-#listBranches, #divGitHubRepoDisplay{\r
-       color: #000000;\r
-       display:block;\r
-       text-align:center;\r
-       margin-top: 15px;\r
-       margin-bottom: 15px;\r
-}\r
-\r
-.githubTitle{\r
-       text-align:center;\r
-}\r
-\r
-#preSave{\r
-       display: none;\r
-}\r