Aug
25
2015
25
2015
Unity Answers Custom CSS Style
An article by mgear
No Comments
Custom CSS style for new Unity Answers website (using Stylish plugin)
Features:
– General cleaning up of clutter
– Add all line numbers to code
– More towards stackoverflow style & fonts
– …
Custom.css: *still work in progress..
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@namespace url(http://www.w3.org/1999/xhtml); | |
@-moz-document domain("answers.unity3d.com") | |
{ | |
/* http://unitycoder.com/blog/2015/08/25/unity-answers-custom-css-style/ */ | |
/* ————— page ————— */ | |
/* page padding */ | |
.main{ | |
padding: 0px !important; | |
} | |
/* compact topnavs */ | |
.header-wrapper { | |
display: none !important; | |
} | |
#section-header { | |
display: none !important; | |
} | |
/* cleanup sidebar */ | |
.sidebarTwo{ | |
width: 330px; /*optional */ | |
font-size-adjust: 0.45 !important; | |
} | |
.widget .widget-content { | |
padding: 0px !important; | |
} | |
.sidebarTwo>div:first-child { | |
display: none !important; | |
} | |
/* related questions */ | |
div.span4.sidebarTwo div div.widget div.widget-content p a | |
{ | |
float:right !important; | |
} | |
/* TODO: number of answers at front, without "answer" */ | |
/* | |
div.span4.sidebarTwo div div.widget div.widget-content p:not(a) | |
{ | |
color:red !important; | |
}*/ | |
/* ————— original post ————— */ | |
/* post fonts */ | |
.question-body{ | |
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |
font-size: 15px; | |
line-height: 1.3; | |
} | |
/* topic title */ | |
.question h1 { | |
font-size: 20px !important; | |
padding-bottom: 5px; | |
} | |
/* clean up poster info */ | |
.post-gravatar.question-gravatar{ | |
display: none !important; | |
} | |
/* more space for post */ | |
.post { | |
padding-right: 0px !important; | |
/* TODO: move reply users faces to right, so can set all padding to 0px */ | |
} | |
/* display all line numbers */ | |
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { | |
list-style-type:inherit; | |
} | |
/* smaller linenums, adjust color */ | |
.linenums{ | |
font-size: 10px !important; | |
color: #aaa; | |
} | |
/* code font, border off, rounding off */ | |
code, pre { | |
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif; | |
border-radius: 0px; | |
border: none !important; | |
} | |
/* no alternate line colors */ | |
li.L0, li.L2, li.L4, li.L6, li.L8 { | |
background-color: #eeeeee; | |
} | |
/* report button – TODO */ | |
/*.icon-cog{ | |
background-image: url("https://www.assetstore.unity3d.com/images/sprites.png"); | |
background-position: -102px 0px; | |
opacity: 0.7; | |
}*/ | |
/* post answer button to right */ | |
.form-actions{ | |
float:right !important; | |
} | |
/* smaller hints */ | |
.help-inline{ | |
font-size: 10px; | |
color:#888 !important; | |
font-style: italic; | |
} | |
} |
Related Posts
Leave a comment
Recent posts
- [GreaseMonkey] Unity Forum Fixer
- UnityHub: Make Hub application background Translucent
- Customize SpriteShapeRenderer quality (but has issues)
- Editor tool: Copy selected gameobject’s names into clipboard as rows (for Excel)
- Editor tool: Replace string in selected gameobject’s names
- UnityHub: Enable built-in Login Dialog (no more browser login/logout issues!)
- Use TikTok-TTS in Unity (with WebRequest)
- Create Scene Thumbnail Image using OnSceneSaved & OnPreviewGUI
- webgl+javascript TTS
- Using Moonsharp (LUA) + Unity Webgl
- Using 3D gameobject prefabs with Unity Tilemap + NavMesh Surface
- Custom Unity Hub Project Template Preview Image/Video (using HTML+CSS in package description)
Recent Comments
- Vector3 maths for dummies! on
- UnityHub: Make Hub application background Translucent on
- UnityHub: Make Hub application background Translucent on
- Install Android SDK+JDK+NDK for Unity (without AndroidStudio or Unity Hub) on
- Install Android SDK+JDK+NDK for Unity (without AndroidStudio or Unity Hub) on
- [Asset Store] Point Cloud Viewer & Tools on
- [Asset Store] Point Cloud Viewer & Tools on
- ffmpeg stream raw video into Unity Texture2D on
@unitycoder_com
My TweetsSubscribe to Blog via Email
Tag Cloud
2d
3D
AI
algorithm
android
asset
build
color
custom
demo
editor
effect
error
fake
free
game
generator
greasemonkey
indie
javascript
light
line
ludumdare
mesh
paint
particles
physics
plugin
proto
prototype
script
sea
shader
shadow
sprite
terrain
texture
tutorial
ui
unity
vertex
visibility
water
waves
webgl