List of themes made for the Roundabout software

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

Preformat text with code tag

Basically, if you apply the preformatted-text class to a code element, it acts like a pre element(but it's pre-wrap)

steve0greatness,
created on Saturday, 1 June 2024, 06:38:09 (1717223889), received on Saturday, 1 June 2024, 06:51:56 (1717224716)
Author identity: Steve0Greatness <steve0greatnessiscool@gmail.com>

8412411b75186a5ff328bcccb22fe38ee92cad88

style.css

@@ -82,9 +82,11 @@ code {

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                font-family: "RH Mono";
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        code:has(pre) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        code.preformatted-text {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                display: block;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            white-space: pre-wrap;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                padding: 5px;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            font-size: small;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            [aria-label=breadcrumbs] ol {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

submit.html

@@ -30,7 +30,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <p>You can also submit your theme in a PR to the repository this is hosted at: <a href="https://roundabout-host.com/steve0greatness/ThemeIndex">roundabout-host.com/steve0greatness/ThemeIndex</a> (or its mirror at <a href="https://codeberg.org/Steve0Greatness/ThemeIndex">codeberg.org/Steve0Greatness/ThemeIndex</a>).</p>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <p>Simply place your theme CSS into a subdirectory under the theme direcotry(this should be your username), then include a bit of metadata in the themes.xml file in the project root.</p>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <p>This meta data should be as follows:</p>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        <code><pre>&lt;theme&gt;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        <code class="preformatted-text">&lt;theme&gt;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                &lt;title&gt;{Theme Name}&lt;/title&gt;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                &lt;author
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                    uri="https://{profile link}"
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -38,7 +38,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                    username="{author username}"
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                &gt;{Author display name}&lt;/author&gt;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                &lt;uri&gt;{pathto/theme.css}&lt;/uri&gt;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        &lt;/theme&gt;</pre></code>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        &lt;/theme&gt;</code>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            </body>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            </html>