ni_nitdoc: added fast copy past utility to signatures.
[nit.git] / share / nitdoc / styles / main.css
index d54e696..6d1d80a 100644 (file)
@@ -58,6 +58,109 @@ h3 {
        font-weight: bold;\r
 }\r
 \r
+/* Page display */\r
+\r
+body {\r
+       overflow: hidden;\r
+       height: 100%;\r
+}\r
+\r
+header {\r
+}\r
+\r
+.page {\r
+       width: 937px;\r
+       margin: auto;\r
+}\r
+\r
+.menu {\r
+       position: fixed;\r
+       top: 50px;\r
+       bottom: 2em;\r
+       width: 250px;\r
+       overflow-y:     scroll;\r
+}\r
+\r
+.content {\r
+       position: fixed;\r
+       top: 50px;\r
+       bottom: 0em;\r
+       margin-left: 265px;\r
+       width: 667px;\r
+       overflow-y:     scroll;\r
+       padding-right: 10px;\r
+}\r
+\r
+.content.fullpage {\r
+       margin-left: 20px;\r
+       width: 910px;\r
+}\r
+\r
+.content.footed {\r
+       bottom: 2em;\r
+}\r
+\r
+footer {\r
+       position: fixed;\r
+       bottom: 0;\r
+       width: 100%;\r
+}\r
+\r
+article:hover > .signature .copyButton, .copyButton.zeroclipboard-is-hover {\r
+       visibility: visible;\r
+}\r
+\r
+.copyButton.zeroclipboard-is-active {\r
+       border-color: #0D8921;\r
+}\r
+\r
+.copyButton {\r
+       visibility: hidden;\r
+       vertical-align: middle;\r
+       margin: -2px 0px 0px 10px;\r
+       width: 22px;\r
+       height: 19px;\r
+       padding: 1px;\r
+       cursor: pointer;\r
+}\r
+\r
+.copyButton img {\r
+       width: 16px;\r
+}\r
+\r
+/* Webkit scroll bars */\r
+\r
+.menu {\r
+    overflow-y: hidden;\r
+}\r
+\r
+.menu:hover {\r
+    overflow-y: scroll;\r
+}\r
+\r
+.menu::-webkit-scrollbar, .content::-webkit-scrollbar {\r
+    width: 10px;\r
+}\r
+\r
+.menu::-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
+       background: #999;\r
+}\r
+\r
+.menu::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {\r
+       background: transparent;\r
+}\r
+\r
+.menu::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {\r
+       width: 0;\r
+       height: 0;\r
+       display: none;\r
+}\r
+\r
 /* Header, Footer */\r
 \r
 header nav ul {\r
@@ -82,6 +185,12 @@ header nav ul li a:hover {
        color: #0D8921;\r
 }\r
 \r
+footer {\r
+       text-align: center;\r
+       padding-bottom: 10px;\r
+       color: #CCC;\r
+}\r
+\r
 /* Main menu */\r
 \r
 header nav.main {\r
@@ -94,22 +203,11 @@ header nav.main ul li.current {
        color: white;\r
 }\r
 \r
-/* Page content */\r
-\r
-.page {\r
-       width: 940px;\r
-       margin: auto;\r
-}\r
-\r
 /* Latteral Menu */\r
 \r
-.menu {\r
-       width: 250px;\r
-       float: left;\r
-}\r
-\r
 .menu nav {\r
        margin: 20px;\r
+       width: 208px;\r
        border: 1px solid #CCC;\r
 }\r
 \r
@@ -148,14 +246,6 @@ header nav.main ul li.current {
 \r
 /* Content */\r
 \r
-.content {\r
-       margin: 20px 20px 20px 260px;\r
-}\r
-\r
-.content.fullpage {\r
-       margin: 20px;\r
-}\r
-\r
 .content section {\r
        margin: 20px 0;\r
 }\r
@@ -230,63 +320,112 @@ 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 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
+.content .concern-doc {\r
+       border-top: 3px dotted #CCC;\r
+       padding: 5px 0;\r
+       color: #999;\r
+}\r
+\r
+.content section.concerns {\r
+       padding: 10px;\r
+       background: #EEE;\r
+}\r
+\r
+.content section.concerns h2 {\r
+       margin-top: 0;\r
+}\r
+\r
+.content section.concerns ul {\r
+    list-style-type: none;\r
+    padding-left: 0;\r
+    margin: 0;\r
+}\r
+\r
+.content section.concerns li {\r
+    margin-top: 20px;\r
+}\r
+\r
+.content section.concerns ul ul {\r
+    padding-left: 20px;\r
+}\r
+\r
+.content section.concerns li li {\r
+    margin-top: 0;\r
+}\r
+\r
+.content section.methods h3.concern-toplevel {\r
+       border-top: 3px dotted #CCC;\r
+       padding-top: 0.83em;\r
+       color: #999;\r
+}\r
+\r
+.show-code {\r
+       margin: 0;\r
+}\r
+\r
+/* JS facilities */\r
 \r
-/* JS facilities */
-
 input[type=text] {\r
        width: 150px;\r
        border: 1px solid #CCC;\r
-       border-radius: 5px;\r
-       margin-right: 5px;
+       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
-}
-
-nav.main input[type=text] {
-       margin: -2px 10px;
-       color: black;
-       font-style: normal;
-}
-
-nav.main form {
-       float: right;   
+}\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;
+       margin-right: 5px;\r
    font-weight: bold;\r
 }\r
 \r
 .filter a.hidden {\r
-       color: #999;
+       color: #999;\r
    font-weight: normal;\r
-}
-
+}\r
+\r
 .filter a:hover {\r
        text-decoration: underline;\r
 }\r
@@ -306,12 +445,452 @@ nav h3 a.fold {
 }\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
+.type.public { background-image: url('../resources/icons/vtype_public.png')}\r
+.type.protected { background-image: url('../resources/icons/vtype_protected.png')}\r
+.type.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')}
\ No newline at end of file
+.fun.private { background-image: url('../resources/icons/meth_private.png')}\r
+\r
+/* Quick Search */\r
+\r
+#search {\r
+       width: 300px;\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
+\r
+#searchTable .activeSearchResult {\r
+       cursor: pointer;\r
+       background: #EEE;\r
+}\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: -185px;\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: 72px;\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: 2px 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
+\r
+.noComment {\r
+       padding: 5px;\r
+}\r
+\r
+a.newComment {\r
+       padding: 5px;\r
+       color: #0D8921;\r
+       display: block;\r
+       margin: 1em 0px;\r
+}\r
+a.newComment: hover {\r
+       color: #333;\r
+}\r