Anonymous avatar Anonymous committed 81b40cc

Fix box style according to the pythondotorg style

Comments (0)

Files changed (1)

templates/standard_template.pt

        <link rel="stylesheet" media="screen" href="/css/docutils.css" type="text/css"/>
       
        <metal:slot define-slot="head" />
+
+       <style type="text/css" rel="stylesheet">
+	 #document-floating {
+  	   width: 15em;
+	 }
+	 .floating-box {
+	   float: right;
+	 }
+	 .homepage-box h4, #document-project-url h4, .externallinks h4
+	 {
+	 font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
+	 font-size: 88%;
+	 font-weight: bold;
+	 padding: 3px 0 4px 12px;
+	 margin-bottom:8px;
+	 border-bottom:3px solid #d5ad42;
+	 background-color: #F4F4F4;
+	 text-align: left;
+	 z-index: 0;
+	 -moz-border-radius-topleft: 16px;
+	 }
+
+	 #document-project-url h4, .homepage-box h4, .externallinks h4 {
+	 -moz-border-radius-topleft:11px;
+	 background-color:#376A94;
+	 color:#FFFFFF;
+	 font-family:Arial,Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif;
+	 font-size:94%;
+	 font-weight:bold;
+	 margin:0;
+	 padding:3px 0 4px 12px;
+	 text-align:left;
+	 z-index:0;
+	 }
+
+	 #document-project-url
+	 {
+	 font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
+	 font-size:  98%;
+	 text-align: left;
+	 color: #3C4B6B;
+	 background-color: #F7F6F0;
+	 width: 15em;
+	 border: 1px solid #B7BECC;
+	 z-index: 999;
+	 float:right;
+	 margin: 0 12px 12px 12px;
+	 padding-bottom: 10px;
+	 list-style:none;
+	 -moz-border-radius-topleft: 12px;
+	 -moz-border-radius-bottomright: 12px;
+	 }
+	 
+	 #document-project-url ul
+	 {
+	 list-style: none;
+	 display: block;
+	 border:0;
+	 padding: 0;
+	 margin: 0 3em 0 1.1em;
+	 color: #3C4B6B;
+	 background: none;
+	 width: auto;
+	 font-size: 103%;
+	 font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; 
+	 }
+	 
+	 #document-project-url a:link, #document-project-url a:visited 
+	 {
+	 color:#3C4B6B;
+	 text-decoration:  none;
+	 }
+	 
+	 #document-project-url a:hover
+	 {
+	 color: #000000;
+	 text-decoration: underline;
+	 }
+	 
+	 #document-project-url h4 a:link, #document-project-url  h4 a:visited
+	 {
+	 color: #FFFFFF;
+	 }
+	 
+
+	 #document-project-url h4 a:hover
+	 {
+	 color: #FFFFFF;
+	 
+	 }
+	 #document-project-url form {
+	 margin:12px;
+	 }
+	 #document-project-url input {
+	 margin-top:3px;
+	 }
+       </style>
     </head>
     <body>
       <!--  Logo  -->
               
             </div>
 
-	    <div style="max-height: 15em;">
+	    <div id="document-floating" class="floating-box">
 
-            <div id="document-navigation" style="float:right">
-              <tal:if-not-user condition="not: app/loggedin">
-                <h4>Not Logged In</h4>
+              <div id="document-navigation" class="floating-box">
+		<tal:if-not-user condition="not: app/loggedin">
+                  <h4>Not Logged In</h4>
 
-                <ul>
-		  <li tal:condition="app/username"><a tal:attributes="href python:app.link_action('clear_auth')">Clear Basic Auth</a></li>
-                  <li><a tal:attributes="href python: app.link_action('login')">Login</a></li>
-                  <li><a tal:attributes="href python: app.link_action('register_form')">Register</a></li>
-                  <li><a tal:attributes="href python: app.link_action('forgotten_password_form')">Lost Login?</a></li>
-		  <li>Use <a tal:attributes="href string:${app/url_path}?:action=openid">OpenID</a>
-                    <tal:block tal:repeat="prov data/providers">
-                     <a tal:attributes="href prov/login">
-                     <img tal:attributes="src prov/favicon; title prov/title"/>
-                     </a>
-                    </tal:block>
+                  <ul>
+		    <li tal:condition="app/username"><a tal:attributes="href python:app.link_action('clear_auth')">Clear Basic Auth</a></li>
+                    <li><a tal:attributes="href python: app.link_action('login')">Login</a></li>
+                    <li><a tal:attributes="href python: app.link_action('register_form')">Register</a></li>
+                    <li><a tal:attributes="href python: app.link_action('forgotten_password_form')">Lost Login?</a></li>
+		    <li>Use <a tal:attributes="href string:${app/url_path}?:action=openid">OpenID</a>
+                      <tal:block tal:repeat="prov data/providers">
+			<a tal:attributes="href prov/login">
+                       <img tal:attributes="src prov/favicon; title prov/title"/>
+			</a>
+                      </tal:block>
+                    </li>
+                  </ul>
+		  
+		</tal:if-not-user>
+		
+		<tal:if-user condition="app/loggedin">
+
+                  <h4>Welcome <span tal:replace="app/username"/></h4>
+                  <li>
+                    <a tal:attributes="href python:app.link_action('user_form')">Your details</a>
                   </li>
-                </ul>
+		  
+                  <tal:let define="packages python:app.store.user_packages(app.username)">
+                    <tal:if-packages condition="packages">
+                      <li>
+			Your packages:
+                      </li>
+                      <ul>                      
+			<li>
+                          <tal:block repeat="pkg_info packages">
+                            <a tal:attributes="href python: app.link_action('pkg_edit', name=pkg_info[0])"
+                               tal:content="python:pkg_info[0]">package</a><br />
+                          </tal:block>
+			</li>
+                      </ul>
+                    </tal:if-packages>
+                  </tal:let>
 
-              </tal:if-not-user>
-
-              <tal:if-user condition="app/loggedin">
-
-                <h4>Welcome <span tal:replace="app/username"/></h4>
-                <li>
-                  <a tal:attributes="href python:app.link_action('user_form')">Your details</a>
-                </li>
-
-                <tal:let define="packages python:app.store.user_packages(app.username)">
-                  <tal:if-packages condition="packages">
-                    <li>
-                      Your packages:
-                    </li>
-                    <ul>                      
-                      <li>
-                        <tal:block repeat="pkg_info packages">
-                          <a tal:attributes="href python: app.link_action('pkg_edit', name=pkg_info[0])"
-                             tal:content="python:pkg_info[0]">package</a><br />
-                        </tal:block>
-                      </li>
-                    </ul>
-                  </tal:if-packages>
-                </tal:let>
-
-                <li>
-                  <a tal:attributes="href python:app.link_action('logout')">Logout</a>
-                </li>
-              </tal:if-user>
-
+                  <li>
+                    <a tal:attributes="href python:app.link_action('logout')">Logout</a>
+                  </li>
+		</tal:if-user>
             
             </div>
 
 	    <tal:block condition="data/project_url | nothing">
-	      <div id="document-navigation" style="float:right">
+	      <div id="document-project-url" class="floating-box">
 		<h4>Project-URL</h4>
 		<ul>
 		  <tal:block tal:repeat="project data/project_url">
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.