API tools faq
paste
Advertisement
Guest User

TGMC Dark CSS

a guest
Sep 21st, 2019
1,563
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.11 KB | None | 0 0
raw download clone embed print report
  1. /*****************************************
  2. *
  3. * GLOBAL STYLES
  4. *
  5. ******************************************/
  6. html, body {
  7.   padding: 0;
  8.     margin: 0;
  9.     height: 100%;
  10.     color: #99aab5;
  11. }
  12. body {
  13.     background: #2c2f33;
  14.     font-family: Verdana, sans-serif;
  15.     font-size: 9pt;
  16.     font-color: #99aab5;
  17.     line-height: 1.2;
  18.     overflow-x: hidden;
  19.     overflow-y: scroll;
  20.     word-wrap: break-word;     
  21.     scrollbar-face-color:#1A1A1A;
  22.     scrollbar-track-color:#2c2f33;
  23.     scrollbar-highlight-color:#2c2f33;
  24. }
  25.  
  26. em {
  27.     font-style: normal;
  28.     font-weight: bold;
  29. }
  30.  
  31. img {
  32.     margin: 0;
  33.     padding: 0;
  34.     line-height: 1;
  35.     -ms-interpolation-mode: nearest-neighbor;
  36.     image-rendering: pixelated;
  37. }
  38. img.icon {
  39.     height: 1em;
  40.     min-height: 16px;
  41.     width: auto;
  42.     vertical-align: bottom;
  43. }
  44.  
  45. .r:before { /* "repeated" badge class for combined messages */
  46.     content: 'x';
  47. }
  48. .r {
  49.     display: inline-block;
  50.     min-width: 0.5em;
  51.     font-size: 0.7em;
  52.     padding: 0.2em 0.3em;
  53.     line-height: 1;
  54.     color: white;
  55.     text-align: center;
  56.     white-space: nowrap;
  57.     vertical-align: middle;
  58.     background-color: crimson;
  59.     border-radius: 10px;
  60. }
  61.  
  62. a {color: #397ea5;}
  63. a.visited {color: #7c00e6;}
  64. a:visited {color: #7c00e6;}
  65. a.popt {text-decoration: none;}
  66.  
  67. /*****************************************
  68. *
  69. * OUTPUT NOT RELATED TO ACTUAL MESSAGES
  70. *
  71. ******************************************/
  72. #loading {
  73.     position: fixed;
  74.     width: 300px;
  75.     height: 150px;
  76.     text-align: center;
  77.     left: 50%;
  78.     top: 50%;
  79.     margin: -75px 0 0 -150px;
  80. }
  81. #loading i {display: block; padding-bottom: 3px;}
  82.  
  83. #messages {
  84.     font-size: 13px;
  85.     padding: 3px;
  86.     margin: 0;
  87.     word-wrap: break-word;
  88. }
  89. #newMessages {
  90.     position: fixed;
  91.     display: block;
  92.     bottom: 0;
  93.     right: 0;
  94.     padding: 8px;
  95.     background: #ddd;
  96.     text-decoration: none;
  97.     font-variant: small-caps;
  98.     font-size: 1.1em;
  99.     font-weight: bold;
  100.     color: #8ba5c4;
  101. }
  102. #newMessages:hover {background: #171717;}
  103. #newMessages i {vertical-align: middle; padding-left: 3px;}
  104. #ping {
  105.     position: fixed;
  106.     top: 0;
  107.     right: 115px;
  108.     width: 45px;
  109.     background: #202020;
  110.     height: 30px;
  111.     padding: 8px 0 2px 0;
  112. }
  113. #ping i {display: block; text-align: center;}
  114. #ping .ms {
  115.     display: block;
  116.     text-align: center;
  117.     font-size: 8pt;
  118.     padding-top: 2px;
  119. }
  120. #userBar {
  121.     position: fixed;
  122.     top: 0;
  123.     right: 0;
  124. }
  125. #userBar .subCell {
  126.     background: #202020;
  127.     height: 30px;
  128.     padding: 5px 0;
  129.     display: block;
  130.     color: #8ba5c4;
  131.     text-decoration: none;
  132.     line-height: 28px;
  133.     border-top: 1px solid #b4b4b4;
  134. }
  135. #userBar .subCell:hover {background: #202020;}
  136. #userBar .toggle {
  137.     width: 40px;
  138.     background: #202020;
  139.     border-top: 0;
  140.     float: right;
  141.     text-align: center;
  142. }
  143. #userBar .sub {clear: both; display: none; width: 160px;}
  144. #userBar .sub.scroll {overflow-y: scroll;}
  145. #userBar .sub.subCell {padding: 3px 0 3px 8px; line-height: 30px; font-size: 0.9em; clear: both;}
  146. #userBar .sub span {
  147.     display: block;
  148.     line-height: 30px;
  149.     float: left;
  150. }
  151. #userBar .sub i {
  152.     display: block;
  153.     padding: 0 5px;
  154.     font-size: 1.1em;
  155.     width: 22px;
  156.     text-align: center;
  157.     line-height: 30px;
  158.     float: right;
  159. }
  160. #userBar .sub input {
  161.     position: absolute;
  162.     padding: 7px 5px;
  163.     width: 121px;
  164.     line-height: 30px;
  165.     float: left;
  166. }
  167. #userBar .topCell {border-top: 0;}
  168.  
  169. /* POPUPS */
  170. .popup {
  171.     position: fixed;
  172.     top: 50%;
  173.     left: 50%;
  174.     background: #ddd;
  175. }
  176. .popup .close {
  177.     position: absolute;
  178.     background: #aaa;
  179.     top: 0;
  180.     right: 0;
  181.     color: #333;
  182.     text-decoration: none;
  183.     z-index: 2;
  184.     padding: 0 10px;
  185.     height: 30px;
  186.     line-height: 30px;
  187. }
  188. .popup .close:hover {background: #999;}
  189. .popup .head {
  190.     background: #999;
  191.     color: #ddd;
  192.     padding: 0 10px;
  193.     height: 30px;
  194.     line-height: 30px;
  195.     text-transform: uppercase;
  196.     font-size: 0.9em;
  197.     font-weight: bold;
  198.     border-bottom: 2px solid green;
  199. }
  200. .popup input {border: 1px solid #999; background: #fff; margin: 0; padding: 5px; outline: none; color: #333;}
  201. .popup input[type=text]:hover, .popup input[type=text]:active, .popup input[type=text]:focus {border-color: green;}
  202. .popup input[type=submit] {padding: 5px 10px; background: #999; color: #ddd; text-transform: uppercase; font-size: 0.9em; font-weight: bold;}
  203. .popup input[type=submit]:hover, .popup input[type=submit]:focus, .popup input[type=submit]:active {background: #aaa; cursor: pointer;}
  204.  
  205. .changeFont {padding: 10px;}
  206. .changeFont a {display: block; text-decoration: none; padding: 3px; color: #333;}
  207. .changeFont a:hover {background: #ccc;}
  208.  
  209. .highlightPopup {padding: 10px; text-align: center;}
  210. .highlightPopup input[type=text] {display: block; width: 215px; text-align: left; margin-top: 5px;}
  211. .highlightPopup input.highlightColor {background-color: #FFFF00;}
  212. .highlightPopup input.highlightTermSubmit {margin-top: 5px;}
  213.  
  214. /* ADMIN CONTEXT MENU */
  215. .contextMenu {
  216.     background-color: #ddd;
  217.     position: fixed;
  218.     margin: 2px;
  219.     width: 150px;
  220. }
  221. .contextMenu a {
  222.     display: block;
  223.     padding: 2px 5px;
  224.     text-decoration: none;
  225.     color: #333;
  226. }
  227.  
  228. .contextMenu a:hover {
  229.     background-color: #ccc;
  230. }
  231.  
  232. /* ADMIN FILTER MESSAGES MENU */
  233. .filterMessages {padding: 5px;}
  234. .filterMessages div {padding: 2px 0;}
  235. .filterMessages input {}
  236. .filterMessages label {}
  237.  
  238. .icon-stack {height: 1em; line-height: 1em; width: 1em; vertical-align: middle; margin-top: -2px;}
  239.  
  240.  
  241. /*****************************************
  242. *
  243. * OUTPUT ACTUALLY RELATED TO MESSAGES
  244. *
  245. ******************************************/
  246.  
  247. /* MOTD */
  248. .motd {color: #99aab5;  font-family: Verdana, sans-serif;}
  249. .motd h1, .motd h2, .motd h3, .motd h4, .motd h5, .motd h6 {color: #99aab5; text-decoration: underline;}
  250. .motd a, .motd a:link, .motd a:visited, .motd a:active, .motd a:hover {color: #99aab5;}
  251.  
  252. /* ADD HERE FOR BOLD */
  253. .bold, .name, .prefix, .ooc, .looc, .adminooc, .admin, .medal, .yell {font-weight: bold;}
  254.  
  255. /* ADD HERE FOR ITALIC */
  256. .italic, .italics,  .emote {font-style: italic;}
  257.  
  258. /* OUTPUT COLORS */
  259. .highlight {background: yellow;}
  260.  
  261. h1, h2, h3, h4, h5, h6  {color: #99aab5;font-family: Georgia, Verdana, sans-serif;}
  262. h1.alert, h2.alert      {color: #99aab5;}
  263.  
  264. em                      {font-style: normal;    font-weight: bold;}
  265.  
  266. .ooc                    {color: #3366ff;                font-weight: bold;}
  267. .looc                   {color: #47a4bf;    font-weight: bold;}
  268. .adminobserverooc       {color: #0099cc;    font-weight: bold;}
  269. .adminooc               {color: #3d5bc3;    font-weight: bold;}
  270.  
  271. .adminsay               {color: #3d5bc3;    font-weight: bold;}
  272. .admin                  {color: #3d5bc3;    font-weight: bold;}
  273.  
  274. .name                   {                   font-weight: bold;}
  275.  
  276. .say                    {}
  277. .deadsay                {color: #7c00e6;}
  278. .binarysay              {color: #20c20e; background-color: #000000; display: block;}
  279. .binarysay a            {color: #00ff00;}
  280. .binarysay a:active, .binarysay a:visited {color: #88ff88;}
  281. .radio                  {color: #059223;}
  282. .sciradio               {color: #7c00e6;}
  283. .comradio               {color: #3d5bc3;}
  284. .secradio               {color: #a30000;}
  285. .medradio               {color: #397ea5;}
  286. .engradio               {color: #c75f35;}
  287. .suppradio              {color: #8b6532;}
  288. .servradio              {color: #577c2d;}
  289. .syndradio              {color: #6d3f40;}
  290. .centcomradio           {color: #2b677e;}
  291. .aiprivradio            {color: #811981;}
  292. .redteamradio           {color: #ff0000;}
  293. .blueteamradio          {color: #0000ff;}
  294.  
  295. .yell                   {                   font-weight: bold;}
  296.  
  297. .alert                  {color: #c51e1e;}
  298. h1.alert, h2.alert      {color: #99aab5;}
  299.  
  300. .emote                  {                   font-style: italic;}
  301. .selecteddna            {color: #ffffff;    background-color: #001B1B}
  302.  
  303. .attack                 {color: #c51e1e;}
  304. .disarm                 {color: #780202;}
  305. .passive                {color: #510000;}
  306.  
  307. .userdanger             {color: #c51e1e;    font-weight: bold; font-size: 24px;}
  308. .danger                 {color: #c51e1e;}
  309. .warning                {color: #c51e1e;    font-style: italic;}
  310. .boldwarning            {color: #c51e1e;    font-style: italic; font-weight: bold}
  311. .announce               {color: #c51e1e;    font-weight: bold;}
  312. .boldannounce           {color: #c51e1e;    font-weight: bold;}
  313. .greenannounce          {color: #059223;    font-weight: bold;}
  314. .rose                   {color: #ff5050;}
  315. .info                   {color: #3d5bc3;}
  316. .notice                 {color: #3d5bc3;}
  317. .boldnotice             {color: #3d5bc3;    font-weight: bold;}
  318. .adminnotice            {color: #3d5bc3;}
  319. .adminhelp              {color: #c51e1e;    font-weight: bold;}
  320. .unconscious            {color: #99aab5;    font-weight: bold;}
  321. .suicide                {color: #ff5050;    font-style: italic;}
  322. .green                  {color: #059223;}
  323. .nicegreen                  {color: #059223;}
  324. .shadowling             {color: #3b2769;}
  325. .cult                   {color: #740202;}
  326.  
  327. .cultitalic             {color: #740202;    font-style: italic;}
  328. .cultbold               {color: #740202; font-style: italic; font-weight: bold;}
  329. .cultboldtalic              {color: #740202; font-weight: bold; font-size: 24px;}
  330.  
  331. .cultlarge              {color: #740202; font-weight: bold; font-size: 24px;}
  332. .narsie                 {color: #740202; font-weight: bold; font-size: 120px;}
  333. .narsiesmall            {color: #740202; font-weight: bold; font-size: 48px;}
  334. .colossus               {color: #7F282A; font-size: 40px;}
  335. .hierophant             {color: #660099; font-weight: bold; font-style: italic;}
  336. .hierophant_warning     {color: #660099; font-style: italic;}
  337. .purple                 {color: #7c00e6;}
  338. .holoparasite           {color: #35333a;}
  339.  
  340. .revennotice            {color: #1d2953;}
  341. .revenboldnotice        {color: #1d2953;    font-weight: bold;}
  342. .revenbignotice         {color: #1d2953;    font-weight: bold; font-size: 24px;}
  343. .revenminor             {color: #823abb}
  344. .revenwarning           {color: #760fbb;    font-style: italic;}
  345. .revendanger            {color: #760fbb;    font-weight: bold; font-size: 24px;}
  346. .umbra                  {color: #7c00e6;}
  347. .umbra_emphasis         {color: #7c00e6;    font-weight: bold;  font-style: italic;}
  348. .umbra_large            {color: #7c00e6; font-size: 24px; font-weight: bold; font-style: italic;}
  349.  
  350. .deconversion_message   {color: #7c00e6; font-size: 24px; font-style: italic;}
  351.  
  352. .brass                  {color: #BE8700;}
  353. .heavy_brass            {color: #BE8700; font-weight: bold; font-style: italic;}
  354. .large_brass            {color: #BE8700; font-size: 24px;}
  355. .big_brass              {color: #BE8700; font-size: 24px; font-weight: bold; font-style: italic;}
  356. .ratvar                 {color: #BE8700; font-size: 48px; font-weight: bold; font-style: italic;}
  357. .alloy                  {color: #42474D;}
  358. .heavy_alloy            {color: #42474D; font-weight: bold; font-style: italic;}
  359. .nezbere_large          {color: #42474D; font-size: 24px; font-weight: bold; font-style: italic;}
  360. .nezbere                {color: #42474D; font-weight: bold; font-style: italic;}
  361. .nezbere_small          {color: #42474D;}
  362. .sevtug_large           {color: #AF0AAF; font-size: 24px; font-weight: bold; font-style: italic;}
  363. .sevtug                 {color: #AF0AAF; font-weight: bold; font-style: italic;}
  364. .sevtug_small           {color: #AF0AAF;}
  365. .inathneq_large         {color: #1E8CE1; font-size: 24px; font-weight: bold; font-style: italic;}
  366. .inathneq               {color: #1E8CE1; font-weight: bold; font-style: italic;}
  367. .inathneq_small         {color: #1E8CE1;}
  368. .nzcrentr_large         {color: #DAAA18; font-size: 24px; font-weight: bold; font-style: italic;}
  369. .nzcrentr               {color: #DAAA18; font-weight: bold; font-style: italic;}
  370. .nzcrentr_small         {color: #DAAA18;}
  371. .neovgre_large          {color: #6E001A; font-size: 24px; font-weight: bold; font-style: italic;}
  372. .neovgre                {color: #6E001A; font-weight: bold; font-style: italic;}
  373. .neovgre_small          {color: #6E001A;}
  374.  
  375. .newscaster             {color: #800000;}
  376. .ghostalert             {color: #5c00e6;    font-style: italic; font-weight: bold;}
  377.  
  378. .alien                  {color: #543354;}
  379. .noticealien            {color: #059223;}
  380. .alertalien             {color: #059223;    font-weight: bold;}
  381. .changeling             {color: #059223;    font-style: italic;}
  382. .assimilator            {color: #059223;    font-size: 16px ; font-weight: bold;}
  383.  
  384. .spider                 {color: #7c00e6;}
  385.  
  386. .interface              {color: #650065;}
  387.  
  388. .sans                   {font-family: "Comic Sans MS", cursive, sans-serif;}
  389. .papyrus                {font-family: "Papyrus", cursive, sans-serif;}
  390. .robot                  {font-family: "Courier New", cursive, sans-serif;}
  391.  
  392. .command_headset        {font-weight: bold; font-size: 24px;}
  393. .small                  {font-size: 8px;}
  394. .big                    {font-size: 24px;}
  395. .reallybig              {font-size: 32px;}
  396. .extremelybig           {font-size: 40px;}
  397. .greentext              {color: #059223;    font-size: 24px;}
  398. .redtext                {color: #c51e1e;    font-size: 24px;}
  399. .clown                  {color: #FF69Bf;    font-size: 24px; font-family: "Comic Sans MS", cursive, sans-serif; font-weight: bold;}
  400. .his_grace              {color: #15D512;    font-family: "Courier New", cursive, sans-serif; font-style: italic;}
  401. .hypnophrase            {color: #2c2f33;    font-weight: bold; animation: hypnocolor 1500ms infinite;}
  402. @keyframes hypnocolor {
  403.     0% { color: #2c2f33; }
  404.     25% { color: #410194; }
  405.     50% { color: #7f17d8; }
  406.     75% { color: #410194; }
  407.     100% { color: #3bb5d3; }
  408. }
  409.  
  410. .phobia         {color: #dd0000;    font-weight: bold; animation: phobia 750ms infinite;}
  411. @keyframes phobia {
  412.     0% { color: #0d0d0d; }
  413.     50% { color: #dd0000; }
  414.     100% { color: #0d0d0d; }
  415. }
  416.  
  417. .icon                   {height: 1em;   width: auto;}
  418.  
  419. .memo                   {color: #638500;    text-align: center;}
  420. .memoedit               {text-align: center;    font-size: 16px;}
  421. .abductor               {color: #800080; font-style: italic;}
  422. .mind_control               {color: #A00D6F; font-size: 3; font-weight: bold; font-style: italic;}
  423. .slime                  {color: #00CED1;}
  424. .drone                  {color: #848482;}
  425. .monkey                 {color: #975032;}
  426. .swarmer                {color: #2C75FF;}
  427. .resonate               {color: #298F85;}
  428.  
  429. .monkeyhive             {color: #774704;}
  430. .monkeylead             {color: #774704;    font-size: 2;}
  431.  
  432. .connectionClosed, .fatalError {background: red; color: white; padding: 5px;}
  433. .connectionClosed.restored {background: green;}
  434. .internal.boldnshit {color: #3d5bc3; font-weight: bold;}
  435.  
  436. /* HELPER CLASSES */
  437. .text-normal {font-weight: normal; font-style: normal;}
  438. .hidden {display: none; visibility: hidden;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!