hlmod.hu

Magyar Half-Life Mód közösség!
Pontos idő: 2025.06.15. 21:22

Megválaszolatlan témák | Aktív témák



» » »


Navigáció
Jelenlévő felhasználók

Jelenleg 359 felhasználó van jelen :: 1 regisztrált, 0 rejtett és 358 vendég

A legtöbb felhasználó (2761 fő) 2025.01.09. 20:06-kor tartózkodott itt.

Regisztrált felhasználók: Bing [Bot]az elmúlt 5 percben aktív felhasználók alapján

Utoljára aktív
Ahhoz hogy lásd ki volt utoljára aktív, be kell jelentkezned.



Az oldal teljeskörű
használatához regisztrálj.

Regisztráció

Kereső


Új téma nyitása Hozzászólás a témához  Oldal: 1 / 1
  [5 hozzászólás ] 
 Nyomtatóbarát verzió |Barát értesítése e-mailben Előző téma | Következő téma 
Szerző Üzenet
pixxa112
 Hozzászólás témája: Weboldal kinézet
HozzászólásElküldve:2013.07.04. 21:18 
Offline
Őskövület
Avatar

Csatlakozott:2011.12.28. 00:35
Hozzászólások:2736
Megköszönt másnak: 56 alkalommal
Megköszönték neki: 275 alkalommal
Hali.

Valaki aki ért a weboldal kinézetéhez meg tudja csinálni, hogy a háttér világos fekete legyen és a szöveg meg fehér:
SMA Forráskód: [ Mindet kijelol ]
  1. /* 
  2.    Reset
  3. ------------------------------------------------------------------- */
  4.  
  5. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
  6. table {border-collapse: collapse; border-spacing: 0;}
  7. caption, th, td {text-align: left; font-weight: normal;}
  8. table, td, th {vertical-align: middle;}
  9. blockquote:before, blockquote:after, q:before, q:after {content: "";}
  10. blockquote, q {quotes: "" "";}
  11. a img {border:0;}
  12. :focus {outline: 0;}
  13.  
  14. .img_input{border:0;outline:0;}
  15.  
  16. .admin_list tr{
  17. 	border-bottom:solid 1px grey;
  18. 	}
  19.  
  20. .rcon_box {
  21. 	color: #eeeeee;
  22. 	background-color: #000000;
  23. 	padding: 5px;
  24. 	font-family: verdana, tahoma, arial;
  25. 	font-size: 11px;
  26. 	font-style: normal;
  27. 	font-weight: bold;
  28. }
  29.  
  30. /* 
  31.    General 
  32. ------------------------------------------------------------------- */
  33.  
  34. html {
  35. 	height: 100%;
  36. 	padding-bottom: 1px; /* force scrollbars */
  37. }
  38.  
  39. body {
  40. 	background: #FFF;
  41. 	color: #334;
  42. 	font: normal 75% sans-serif;
  43. 	line-height: 1.5;
  44. }
  45.  
  46.  
  47. /* 
  48.    Typography 
  49. ------------------------------------------------------------------- */
  50.  
  51. /* Headings */
  52.  
  53. h1,h2,h3,h4,h5,h6 {
  54. 	color: #444;
  55. 	font-weight: normal;
  56. 	line-height: 1;
  57. 	margin-bottom: 0.3em;
  58. }
  59. h4,h5,h6 {font-weight: bold;}
  60.  
  61. h1 {font-size: 2.6em;}
  62. h2 {font-size: 2em;}
  63. h3 {font-size: 1.5em;}
  64. h4 {font-size: 1.25em;}
  65. h5 {font-size: 1.1em;}
  66. h6 {font-size: 1em;}
  67.  
  68. h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
  69.  
  70.  
  71. /* Links */
  72.  
  73. a:focus,a:hover {color: #357;}
  74. a {
  75. 	color: #357;
  76. 	text-decoration: underline;
  77. }
  78. a.feed {
  79. 	background: url('../_gfx/icon-feed.gif') no-repeat left center;
  80. 	padding-left: 18px;
  81. }
  82.  
  83. /* More links */
  84. a.more {
  85. 	color: #579;
  86. 	font-weight: bold;
  87. }
  88. a.more:hover {color: #234;}
  89.  
  90.  
  91. /* Text elements */
  92.  
  93. p {margin-bottom: 1em;}
  94.  
  95. abbr, acronym {border-bottom: 1px dotted #666;}
  96. address {margin-bottom: 1.5em;}
  97. blockquote {margin: 1.5em;}
  98. del, blockquote { color:#666; }
  99. em, dfn, blockquote, address {font-style: italic;}
  100. strong, dfn {font-weight: bold;}
  101. sup, sub {line-height: 0;}
  102.  
  103. pre {
  104. 	margin: 1.5em 0;
  105. 	white-space: pre;
  106. }
  107. pre,code,tt {
  108. 	font: 1em monospace;
  109. 	line-height: 1.5;
  110. }
  111.  
  112.  
  113. /* Lists */
  114.  
  115. li ul, li ol {margin-left: 1.5em;}
  116. ul, ol {margin: 0 0 1.5em 1.5em;}
  117.  
  118. ul {list-style-type: disc;}
  119. ol {list-style-type: decimal;}
  120.  
  121. dl {margin: 0 0 1.5em 0;}
  122. dl dt {font-weight: bold;}
  123. dd {margin-left: 1.5em;}
  124.  
  125.  
  126.  
  127. /* Special lists */
  128.  
  129. ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}
  130.  
  131. ul.tabbed {
  132. 	display: inline;
  133. 	margin: 0;
  134. }
  135. ul.tabbed li {float: left;}
  136.  
  137. ul.plain-list {margin: 0;}
  138.  
  139. ul.nice-list {margin-left: 0;}
  140. ul.nice-list li {
  141. 	list-style: none;
  142. 	border-top: 1px solid #EEE;
  143. 	padding: 4px 0;
  144. 	font: 11px Georgia, sans-serif;
  145. }
  146. ul.nice-list li:first-child {border-top: none;}
  147. ul.nice-list li .right {color: #999;}
  148.  
  149. li div.left {
  150. 	font-weight: bold;
  151. }
  152.  
  153.  
  154.  
  155.  
  156. /* Tables */
  157.  
  158. table {margin-bottom: 1.4em; width: 100%;}
  159. th {font-weight: bold;}
  160. th,td,caption {padding: 4px 10px 4px 5px;}
  161. tr.even td {background: #F2F6FA;}
  162. tfoot {font-style: italic;}
  163. caption {background: #EEE;}
  164.  
  165. table.data-table {
  166. 	border: 1px solid #CCB;
  167. 	margin-bottom: 2em;
  168. 	width: 100%;
  169. }
  170. table.data-table th {
  171. 	background: #F0F0F0;
  172. 	border: 1px solid #DDD;
  173. 	color: #555;
  174. 	text-align: left;
  175. }
  176. table.data-table tr {border-bottom: 1px solid #DDD;}
  177. table.data-table td, table th {padding: 10px;}
  178. table.data-table td {
  179. 	background: #F6F6F6;
  180. 	border: 1px solid #DDD;
  181. }
  182. table.data-table tr.even td {background: #FCFCFC;}
  183.  
  184. td.enter {
  185. 	width: 5%;
  186. }
  187.  
  188.  
  189. /* Misc classes */
  190.  
  191. .small {font-size: 0.9em;}
  192. .smaller {font-size: 0.8em;}
  193. .smallest {font-size: 0.7em;}
  194.  
  195. .large {font-size: 1.15em;}
  196. .larger {font-size: 1.25em;}
  197. .largest {font-size: 1.35em;}
  198.  
  199. .hidden {display: none;}
  200.  
  201. .quiet {color: #999;}
  202. .loud {color: #000;}
  203. .highlight {background:#ff0;}
  204.  
  205. .text-left {text-align: left;}
  206. .text-right {text-align: right;}
  207. .text-center {text-align: center;}
  208. .text-separator {padding: 0 5px;}
  209.  
  210. .error, .notice, .success {
  211. 	border: 1px solid #DDD;
  212. 	margin-bottom: 1em;
  213. 	padding: 0.6em 0.8em;
  214. }
  215.  
  216. .error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
  217. .error a {color: #8A1F11;}
  218.  
  219. .notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
  220. .notice a {color: #514721;}
  221.  
  222. .success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
  223. .success a {color: #264409;}
  224.  
  225.  
  226. /* 
  227.    Forms 
  228. ------------------------------------------------------------------- */
  229.  
  230. label {font-weight: bold; cursor: pointer;}
  231. fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
  232. legend {font-weight: bold; font-size: 1.2em;}
  233. textarea {overflow: auto;}
  234. input.text, textarea, select {
  235. 	background: #FCFCFC;
  236. 	border: 1px inset #AAA;
  237. 	margin: 0.5em 0;
  238. 	padding: 4px 5px;
  239. }
  240. input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
  241.  
  242. input.button {
  243. 	background: #DDD;
  244. 	border: 1px outset #AAA;
  245. 	padding: 2px 5px;
  246. }
  247. input.button:active {border-style: inset;}
  248.  
  249. .form-error {border-color: #F00;}
  250.  
  251. input, textarea {
  252. 	border: 1px #C0C0C0 solid;
  253. }
  254.  
  255. /* 
  256.    Alignment 
  257. ------------------------------------------------------------------- */
  258.  
  259. /* General */
  260.  
  261. .center,.aligncenter {
  262. 	display: block;
  263. 	margin-left: auto;
  264. 	margin-right: auto;
  265. }
  266.  
  267. legend {
  268. 	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  269. 	color: #696969;
  270. }
  271.  
  272. .fieldset { 
  273. 	margin-bottom: 6px; 
  274. }
  275.  
  276. fieldset { 
  277. 	border: 1px solid #d5d5d5;
  278. }
  279.  
  280.  
  281. /* Images */
  282. img {border:0;}
  283. img.bordered,img.alignleft,img.alignright,img.aligncenter {
  284. 	background-color: #FFF;
  285. 	border: 1px solid #DDD;
  286. 	padding: 3px;
  287. }
  288. img.alignleft, img.left {margin: 0 1.5em 1em 0;}
  289. img.alignright, img.right {margin: 0 0 1em 1.5em;}
  290.  
  291.  
  292. /* Floats */   
  293.  
  294. .left,.alignleft {float: left;}
  295. .right,.alignright {float: right;}
  296.  
  297. .clear,.clearer {clear: both;}
  298. .clearer {
  299. 	display: block;
  300. 	font-size: 0;
  301. 	line-height: 0;
  302. 	height: 0;
  303. }
  304.  
  305.  
  306. /* 
  307.    Separators 
  308. ------------------------------------------------------------------- */
  309.  
  310. .content-separator, .archive-separator {
  311. 	background: #D5D5D5;
  312. 	clear: both;
  313. 	color: #FFE;
  314. 	display: block;
  315. 	font-size: 0;
  316. 	line-height: 0;
  317. 	height: 1px;	
  318. }
  319. .content-separator {margin: 20px 0;}
  320. .archive-separator {margin: 10px 0;}
  321.  
  322.  
  323. /* 
  324.    Posts 
  325. ------------------------------------------------------------------- */
  326.  
  327. .post a {text-decoration: none;}
  328. .post a:hover {text-decoration: underline;}
  329.  
  330. .post img.left, .post img.right {margin-bottom: 0;}
  331.  
  332. .post-date {
  333. 	color: #777;
  334. 	margin: 2px 0 10px;
  335. }
  336. .post-date a {color: #444;}
  337.  
  338. .post-title h1, .post-title h2, .post-title h3 {margin-bottom: 0;}
  339.  
  340. .post-meta {
  341. 	background: #F6F6F6;
  342. 	border: 1px solid #DDD;
  343. 	color: #777;
  344. 	padding: 6px 10px;
  345. }
  346. .post-meta a {color: #345; }
  347. .post-meta a:hover {color: #001;}
  348.  
  349. .post-body {font-size: 1.1em;}
  350. .post-body a {color: #039;}
  351. .post-body a:hover {color: #039;}
  352.  
  353. .post-body img.left, .post-body img.right {margin-bottom: 1em;}
  354.  
  355.  
  356.  
  357. /* Archives */
  358. .archive-pagination {margin-bottom: 16px;}
  359. .archive-post-date {
  360. 	background: #F5F5F5;
  361. 	border-bottom: 1px solid #C5C5C5;
  362. 	border-right: 1px solid #CFCFCF;
  363. 	float: left;
  364. 	margin-right: 12px;
  365. 	padding: 2px 0 5px;
  366. 	text-align: center;
  367. 	width: 46px;
  368. }
  369. .archive-post-title .post-date {margin: 0;}
  370. .archive-post-title {padding-top: 4px;}
  371. .archive-post-day {font: normal 1.6em Georgia,serif;}
  372.  
  373.  
  374. /* 
  375.    Layout 
  376. ------------------------------------------------------------------- */
  377.  
  378. /* General */
  379. .center-wrapper {
  380. 	margin: 0 auto;
  381. 	width: 980px;
  382. }
  383.  
  384. span.title {
  385. 	font-weight:bold;
  386. 	font-size:20px;
  387. 	color:green;
  388. }
  389.  
  390. span.error {
  391. 	font-weight: bold;
  392. 	color: red;
  393. }
  394.  
  395. /* Network */
  396.  
  397. #network {background: #EEE;}
  398. #network .left {
  399. 	color: #333;
  400. 	vertical-align: text-bottom;
  401. }
  402.  
  403. #network .right {
  404. 	color: #333;
  405. 	vertical-align: text-bottom;
  406. }
  407.  
  408. #network .tabbed a {
  409. 	display: block;
  410. 	padding: 6px 10px 7px;
  411. 	text-decoration: none;
  412. 	color: #666;
  413. }
  414.  
  415. #network .install span {
  416. 	display: block;
  417. 	padding: 6px 10px 7px;
  418. 	text-decoration: none;
  419. 	color: #666;
  420. }
  421.  
  422. #network li a:hover {
  423. 	background: #F6F6F6;
  424. 	color: #000;
  425. }
  426. #network li.current-tab a {
  427. 	background: #FFF;
  428. 	font-weight: bold;
  429. }
  430. #network .text-separator, #network span {color: #999;}
  431.  
  432.  
  433. /* Toolbar */
  434. #toolbar {
  435. 	padding: 12px 0 8px;
  436. 	font-size: 1.1em;
  437. 	color: #999;
  438. }
  439. #toolbar img {vertical-align: middle;}
  440.  
  441.  
  442. /* Header */
  443.  
  444. #header {}
  445.  
  446. /* Site title */
  447. #site-title {
  448. 	font: normal 1.6em serif;
  449. 	padding-bottom: 24px;
  450. }
  451. #site-title span {color: #999;}
  452. #site-title a {
  453. 	color: #000;
  454. 	text-decoration: none;
  455. }
  456.  
  457.  
  458. /* Navigation */
  459.  
  460. #navigation {margin-bottom: 24px;}
  461. #navigation a {
  462. 	display: block;
  463. 	text-decoration: none;
  464. }
  465.  
  466. /* Main navigation */
  467.  
  468. #main-nav a {
  469. 	color: #888;
  470. 	font-size: 1.5em;
  471. 	padding: 9px 14px;
  472. }
  473. #main-nav li {background: url('../_gfx/navigation-separator.gif') no-repeat left center;}
  474. #main-nav li:first-child {background: none;}
  475. #main-nav li.current-tab a, #main-nav a:hover {color: #002;}
  476. #main-nav li.current-tab a {background: url('../_gfx/navigation-arrow.gif') no-repeat center bottom;}
  477.  
  478.  
  479. /* Subnav */
  480.  
  481. #sub-nav {
  482. 	background: #eceff5;
  483. 	padding: 0 5px;
  484. 	border-top: 1px solid #94a3c4;
  485. 	border-bottom: 1px solid #94a3c4;
  486. }
  487. #sub-nav a {
  488. 	color: #678;
  489. 	font: bold 1.2em sans-serif;
  490. 	padding: 10px;
  491. }
  492. #sub-nav li.current-tab a, #sub-nav a:hover {color: #223;}
  493.  
  494.  
  495. /* Main */
  496.  
  497. .main {margin-bottom: 18px;}
  498.  
  499. .main#main-three-columns .sidebar {width: 193px;}
  500. .main#main-three-columns #main-left {width: 520px;}
  501.  
  502. .main#main-two-columns .sidebar {width: 260px;}
  503. .main#main-two-columns #main-left {width: 671px;}
  504.  
  505. .main#main-two-columns .sidebar-50-50 {width: 460px;}
  506. .main#main-two-columns #main-left-50-50 {width: 471px;}
  507.  
  508. .sidebar a {text-decoration: none;}
  509. .sidebar a:hover {text-decoration: underline;}
  510.  
  511. #sidebar-1 {margin-left: 37px;}
  512.  
  513. /* Columns */
  514. .col3 {width: 32%;}
  515. .col3-mid {margin-left: 2%;}
  516.  
  517. /* Sidebar */
  518.  
  519. #sidebar-wrapper {}
  520. #sidebar {}
  521.  
  522.  
  523. /* Sidebar sections */
  524. .section {
  525. 	margin-bottom:	16px;
  526. 	border-top:		1px solid #94a3c4;
  527. 	border-left:		1px solid #d8dfea;
  528. 	border-right:		1px solid #d8dfea;
  529. 	border-bottom:	1px solid #94a3c4;
  530. }
  531. .section-title {
  532. 	margin-bottom: 5px;
  533. 	min-height: 0;
  534. 	font: 11px Georgia, sans-serif;
  535. 	font-weight: bold;
  536. 	background-color:	#eceff5;
  537. 	margin:		0;
  538. 	padding:		5px 8px;
  539. 	overflow:		hidden;
  540. 	border-bottom:	1px solid #94a3c4;
  541. 	clear:			left;
  542. }
  543.  
  544. .section-content {
  545. 	padding:		5px 8px;
  546. }
  547.  
  548. /* Dashboard */
  549.  
  550. #dashboard {
  551. 	background: #FAFAFA url('../_gfx/dashboard.gif') repeat-y left top;
  552. 	border: 1px solid #E7E7E7;
  553. }
  554.  
  555. #dashboard .column {width: 244px;}
  556. #dashboard #column-4 {border-right: none;}
  557.  
  558. #dashboard .column-content {
  559. 	padding: 14px 16px;
  560. }
  561. #dashboard .column-title {
  562. 	color: #666;
  563. 	font-size: 1.4em;
  564. 	font-weight: bold;
  565. 	padding-bottom: 5px;
  566. }
  567. #dashboard a {color: #456;}
  568. #dashboard a:hover {color: #000;}
  569.  
  570.  
  571. /* Footer */
  572.  
  573. #footer {padding: 10px 0;}
  574. #footer a {
  575. 	color: #579;
  576. 	text-decoration: none;
  577. }
  578. #footer .right, #footer .right a {
  579. 	color: #999;
  580. 	text-decoration: none;
  581. }
  582. #footer .text-separator {
  583. 	padding: 0 3px;
  584. 	color: #BBB;
  585. }
  586. #footer a:hover {color: #000;}
  587.  
  588. /* 
  589.    Misc overriding classes
  590. ------------------------------------------------------------------- */
  591.  
  592. /* Border */
  593.  
  594. .noborder {border: 0;}
  595. .notborder {border-top: 0;}
  596. .norborder {border-right: 0;}
  597. .nobborder {border-bottom: 0;}
  598. .nolborder {border-left: 0;}
  599.  
  600. /* Margin */
  601.  
  602. .nomargin {margin: 0;}
  603. .notmargin {margin-top: 0;}
  604. .normargin {margin-right: 0;}
  605. .nobmargin {margin-bottom: 0;}
  606. .nolmargin {margin-left: 0;}
  607.  
  608. /* Padding */
  609.  
  610. .nopadding {padding: 0;}
  611. .notpadding {padding-top: 0;}
  612. .norpadding {padding-right: 0;}
  613. .nobpadding {padding-bottom: 0;}
  614. .nolpadding {padding-left: 0;}
  615.  
  616. /* Single line IE fix */
  617. * html #sub-nav, * html .section-title, * html .main {height: 0.01%; min-height: 0.01%;}
  618.  
  619. /* Servers */
  620. .main thead {
  621. 	background-color: #eceff5;
  622. 	border-top: 1px solid #94a3c4;
  623. 	border-bottom: 1px solid #94a3c4;
  624. 	font: 11px Georgia, sans-serif;
  625. 	font-weight: bold;
  626. }
  627.  
  628. .main thead th {
  629. 	padding: 5px 8px;
  630. }
  631.  
  632. td.server-info {
  633. 	padding: 15px 30px 15px 30px;
  634. }
  635.  
  636. td.server-info table {
  637. 	border-right: 2px solid #ABC;
  638. 	border-left: 2px solid #ABC;
  639. 	border-bottom: 2px solid #ABC;
  640. }
  641.  
  642. td.server-info td {
  643. 	border: 1px solid #d8dfea;
  644. }
  645.  
  646. ._right {
  647. 	text-align: right;
  648. }
  649.  
  650. ._left {
  651. 	text-align: left;
  652. }
  653.  
  654. ._center {
  655. 	text-align: center;
  656. }
  657.  
  658. .fat {
  659. 	font-weight: bold;
  660. }
  661.  
  662. .m_over {
  663. 	background-color: #EEE;
  664. 	color: #666;
  665. 	cursor: pointer;
  666. }
  667.  
  668. .m_out {
  669. 	background-color: transparent;
  670. 	color: #000;
  671. 	cursor: pointer;
  672. }
  673.  
  674. tr.list {
  675. 	background-color: transparent;
  676. 	border-bottom: 1px solid #d8dfea;
  677. }
  678.  
  679. tr.list:hover  {
  680. 	background: #EAEBEB;
  681. }
  682.  
  683. tr.settings_line {
  684. 	background-color: transparent;
  685. 	border-bottom: 1px solid #d8dfea;
  686. }
  687.  
  688. tr.htable {
  689. 	background-color: #ECEFF5;
  690. 	border-bottom: 1px solid #94A3C4;
  691. 	border-top: 1px solid #94A3C4;
  692. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  693. 	font-weight: bold;
  694. }
  695.  
  696. tr.htabletop {
  697. 	background-color: #ECEFF5;
  698. 	border-top: 1px solid #94A3C4;
  699. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  700. 	font-weight: bold;
  701. }
  702.  
  703. tr.htablebottom {
  704. 	background-color: #ECEFF5;
  705. 	border-bottom: 1px solid #94A3C4;
  706. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  707. 	font-weight: bold;
  708. }
  709.  
  710. .offline {
  711. 	background-color: #FFEAEA;
  712. 	color: #000;
  713. }
  714.  
  715. .vtop {
  716. 	vertical-align: top;
  717. }
  718.  
  719. /* Image Buttons */
  720. .icons-stats {
  721. 	display: inline-block;
  722. 	background-image: url(../_gfx/stats.png);
  723. 	background-repeat: no-repeat;
  724. 	width: 16px;
  725. 	height: 16px;
  726. 	margin: 0;
  727. }
  728.  
  729. .icon-stats {
  730. 	background-position: 0 0;
  731. }
  732.  
  733. .icon-clock {
  734. 	background-position: -16px 0;
  735. }
  736.  
  737. .icon-kicks {
  738. 	background-position: -32px 0;
  739. }
  740.  
  741. .icons-func {
  742. 	display: inline-block;
  743. 	background-image: url(../_gfx/functions.png);
  744. 	background-repeat: no-repeat;
  745. 	width: 15px;
  746. 	height: 17px;
  747. 	cursor: pointer;
  748. 	margin: 0;
  749. }
  750.  
  751. .icon-view {
  752. 	background-position: 0 0;
  753. }
  754.  
  755. .icon-edit {
  756. 	background-position: -15px 0;
  757. }
  758.  
  759. .icon-delete {
  760. 	background-position: -30px 0;
  761. }
  762.  
  763. .icon-email {
  764. 	width: 16px;
  765. 	background-position: -45px 0;
  766. }
  767.  
  768. .icon-download {
  769. 	background-position: -61px 0;
  770. }
  771.  
  772. .icons-connect {
  773. 	display: inline-block;
  774. 	background-image: url(../_gfx/connect.png);
  775. 	background-repeat: no-repeat;
  776. 	width: 80px;
  777. 	height: 15px;
  778. 	cursor: pointer;
  779. 	margin: 0;
  780. }
  781.  
  782. .icon-steam {
  783. 	background-position: 0 0;
  784. }
  785.  
  786. .icon-hlsw {
  787. 	background-position: -80px 0;
  788. }
  789.  
  790. .icons-page {
  791. 	display: inline-block;
  792. 	background-image: url(../_gfx/pagenation.png);
  793. 	background-repeat: no-repeat;
  794. 	width: 16px;
  795. 	height: 16px;
  796. 	margin: 0;
  797. }
  798.  
  799. .icon-left-valid {
  800. 	background-position: 0 0;
  801. 	cursor: pointer;
  802. }
  803.  
  804. .icon-left-notvalid {
  805. 	background-position: -32px 0;
  806. }
  807.  
  808. .icon-left-end {
  809. 	background-position: -64px 0;
  810. 	cursor: pointer;
  811. }
  812.  
  813. .icon-right-valid {
  814. 	background-position: -16px 0;
  815. 	cursor: pointer;
  816. }
  817.  
  818. .icon-right-notvalid {
  819. 	background-position: -48px 0;
  820. }
  821.  
  822. .icon-right-end {
  823. 	background-position: -80px 0;
  824. 	cursor: pointer;
  825. }
  826.  
  827. .icon-access {
  828. 	display: inline-block;
  829. 	background-image: url(../_gfx/access.png);
  830. 	background-repeat: no-repeat;
  831. 	width: 16px;
  832. 	height: 16px;
  833. 	cursor: pointer;
  834. 	margin: 0;
  835. }
  836.  
  837. /* Error messages */
  838. .main_error {
  839. 	background-color: #FFFFFF;
  840. 	width: 90%;
  841. 	margin: 5px 20px 20px;
  842. 	border: 1px solid #8394B2;
  843. 	border-left: 4px solid #8394B2;
  844. }
  845.  
  846. .head_error {
  847. 	background-color: #FBBFBB;
  848. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  849. 	font-size: 12px;
  850. 	font-weight: bold;
  851. 	color: black;
  852. 	padding: 5px;
  853. 	border-bottom: 1px solid #FFFFFF;
  854. }
  855.  
  856. .block_error {
  857. 	margin-left: 20px;
  858. }
  859.  
  860. span.errored {
  861. 	font-weight:bold;
  862. 	color:red;
  863. }
  864.  
  865. /* Pagenavigation */
  866. .pager span.error {
  867. 	font-weight:normal;
  868. }
  869.  
  870. .pager a, .pager span {
  871. 	display:block;
  872. 	float:left;
  873. 	font-size:12px;
  874. 	font-weight:normal;
  875. 	height:20px;
  876. 	line-height:20px;
  877. 	margin:0 1px;
  878. 	padding:0 10px;
  879. }
  880.  
  881. .pager a {
  882. 	background:none repeat scroll 0 0 #F7F7F7;
  883. }
  884.  
  885. .pager a:hover {
  886. 	background:none repeat scroll 0 0 #ECEFF5;
  887. 	color:#000;
  888. }
  889.  
  890. .pager span {
  891. 	font-size:12px;
  892. 	font-weight:bold;
  893. }
  894.  
  895. .pager span.first {
  896. 	font-size:12px;
  897. 	margin:0;
  898. 	padding:0 10px 0 0;
  899. }
  900.  
  901. /* Tooltip */
  902. #tooltip {
  903. 	background: #fff;
  904. 	-moz-opacity:0.7;
  905. 	opacity: 0.7;
  906. 	filter: alpha(opacity=700);
  907. 	border-top: 1px solid #cccccc;
  908. 	border-right: 1px solid #cccccc;
  909. 	border-bottom: 1px solid #cccccc;
  910. 	border-left: 4px solid #94A3C4;
  911. 	color: #000;
  912. 	margin: 0px;
  913. 	padding: 3px 5px;
  914. 	position: absolute;
  915. 	visibility: hidden;
  916. 	z-index: 100;
  917. 	font: normal 11px Tahoma,  "Myriad Pro",  "Lucida Sans Unicode",  Verdana,  sans-serif;
  918. }

_________________
****


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
CeDee
 Hozzászólás témája: Re: Weboldal kinézet
HozzászólásElküldve:2013.07.05. 01:03 
Offline
Nagyúr
Avatar

Csatlakozott:2011.12.18. 10:40
Hozzászólások:671
Megköszönt másnak: 5 alkalommal
Megköszönték neki: 20 alkalommal
SMA Forráskód: [ Mindet kijelol ]
  1. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
  2. table {border-collapse: collapse; border-spacing: 0;}
  3. caption, th, td {text-align: left; font-weight: normal;}
  4. table, td, th {vertical-align: middle;}
  5. blockquote:before, blockquote:after, q:before, q:after {content: "";}
  6. blockquote, q {quotes: "" "";}
  7. a img {border:0;}
  8. :focus {outline: 0;}
  9.  
  10. .img_input{border:0;outline:0;}
  11.  
  12. .admin_list tr{
  13. 	border-bottom:solid 1px grey;
  14. 	}
  15.  
  16. .rcon_box {
  17. 	color: #eeeeee;
  18. 	background-color: #000000;
  19. 	padding: 5px;
  20. 	font-family: verdana, tahoma, arial;
  21. 	font-size: 11px;
  22. 	font-style: normal;
  23. 	font-weight: bold;
  24. }
  25.  
  26. /* 
  27.    General 
  28. ------------------------------------------------------------------- */
  29.  
  30. html {
  31. 	height: 100%;
  32. 	padding-bottom: 1px; /* force scrollbars */
  33. }
  34.  
  35. body {
  36. 	background: #444;
  37. 	color: white;
  38. 	font: normal 75% sans-serif;
  39. 	line-height: 1.5;
  40. }
  41.  
  42.  
  43. /* 
  44.    Typography 
  45. ------------------------------------------------------------------- */
  46.  
  47. /* Headings */
  48.  
  49. h1,h2,h3,h4,h5,h6 {
  50. 	color: #444;
  51. 	font-weight: normal;
  52. 	line-height: 1;
  53. 	margin-bottom: 0.3em;
  54. }
  55. h4,h5,h6 {font-weight: bold;}
  56.  
  57. h1 {font-size: 2.6em;}
  58. h2 {font-size: 2em;}
  59. h3 {font-size: 1.5em;}
  60. h4 {font-size: 1.25em;}
  61. h5 {font-size: 1.1em;}
  62. h6 {font-size: 1em;}
  63.  
  64. h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
  65.  
  66.  
  67. /* Links */
  68.  
  69. a:focus,a:hover {color: #357;}
  70. a {
  71. 	color: #357;
  72. 	text-decoration: underline;
  73. }
  74. a.feed {
  75. 	background: url('../_gfx/icon-feed.gif') no-repeat left center;
  76. 	padding-left: 18px;
  77. }
  78.  
  79. /* More links */
  80. a.more {
  81. 	color: #579;
  82. 	font-weight: bold;
  83. }
  84. a.more:hover {color: #234;}
  85.  
  86.  
  87. /* Text elements */
  88.  
  89. p {margin-bottom: 1em;}
  90.  
  91. abbr, acronym {border-bottom: 1px dotted #666;}
  92. address {margin-bottom: 1.5em;}
  93. blockquote {margin: 1.5em;}
  94. del, blockquote { color:#666; }
  95. em, dfn, blockquote, address {font-style: italic;}
  96. strong, dfn {font-weight: bold;}
  97. sup, sub {line-height: 0;}
  98.  
  99. pre {
  100. 	margin: 1.5em 0;
  101. 	white-space: pre;
  102. }
  103. pre,code,tt {
  104. 	font: 1em monospace;
  105. 	line-height: 1.5;
  106. }
  107.  
  108.  
  109. /* Lists */
  110.  
  111. li ul, li ol {margin-left: 1.5em;}
  112. ul, ol {margin: 0 0 1.5em 1.5em;}
  113.  
  114. ul {list-style-type: disc;}
  115. ol {list-style-type: decimal;}
  116.  
  117. dl {margin: 0 0 1.5em 0;}
  118. dl dt {font-weight: bold;}
  119. dd {margin-left: 1.5em;}
  120.  
  121.  
  122.  
  123. /* Special lists */
  124.  
  125. ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}
  126.  
  127. ul.tabbed {
  128. 	display: inline;
  129. 	margin: 0;
  130. }
  131. ul.tabbed li {float: left;}
  132.  
  133. ul.plain-list {margin: 0;}
  134.  
  135. ul.nice-list {margin-left: 0;}
  136. ul.nice-list li {
  137. 	list-style: none;
  138. 	border-top: 1px solid #EEE;
  139. 	padding: 4px 0;
  140. 	font: 11px Georgia, sans-serif;
  141. }
  142. ul.nice-list li:first-child {border-top: none;}
  143. ul.nice-list li .right {color: #999;}
  144.  
  145. li div.left {
  146. 	font-weight: bold;
  147. }
  148.  
  149.  
  150.  
  151.  
  152. /* Tables */
  153.  
  154. table {margin-bottom: 1.4em; width: 100%;}
  155. th {font-weight: bold;}
  156. th,td,caption {padding: 4px 10px 4px 5px;}
  157. tr.even td {background: #F2F6FA;}
  158. tfoot {font-style: italic;}
  159. caption {background: #EEE;}
  160.  
  161. table.data-table {
  162. 	border: 1px solid #CCB;
  163. 	margin-bottom: 2em;
  164. 	width: 100%;
  165. }
  166. table.data-table th {
  167. 	background: #F0F0F0;
  168. 	border: 1px solid #DDD;
  169. 	color: #555;
  170. 	text-align: left;
  171. }
  172. table.data-table tr {border-bottom: 1px solid #DDD;}
  173. table.data-table td, table th {padding: 10px;}
  174. table.data-table td {
  175. 	background: #F6F6F6;
  176. 	border: 1px solid #DDD;
  177. }
  178. table.data-table tr.even td {background: #FCFCFC;}
  179.  
  180. td.enter {
  181. 	width: 5%;
  182. }
  183.  
  184.  
  185. /* Misc classes */
  186.  
  187. .small {font-size: 0.9em;}
  188. .smaller {font-size: 0.8em;}
  189. .smallest {font-size: 0.7em;}
  190.  
  191. .large {font-size: 1.15em;}
  192. .larger {font-size: 1.25em;}
  193. .largest {font-size: 1.35em;}
  194.  
  195. .hidden {display: none;}
  196.  
  197. .quiet {color: #999;}
  198. .loud {color: #000;}
  199. .highlight {background:#ff0;}
  200.  
  201. .text-left {text-align: left;}
  202. .text-right {text-align: right;}
  203. .text-center {text-align: center;}
  204. .text-separator {padding: 0 5px;}
  205.  
  206. .error, .notice, .success {
  207. 	border: 1px solid #DDD;
  208. 	margin-bottom: 1em;
  209. 	padding: 0.6em 0.8em;
  210. }
  211.  
  212. .error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
  213. .error a {color: #8A1F11;}
  214.  
  215. .notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
  216. .notice a {color: #514721;}
  217.  
  218. .success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
  219. .success a {color: #264409;}
  220.  
  221.  
  222. /* 
  223.    Forms 
  224. ------------------------------------------------------------------- */
  225.  
  226. label {font-weight: bold; cursor: pointer;}
  227. fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
  228. legend {font-weight: bold; font-size: 1.2em;}
  229. textarea {overflow: auto;}
  230. input.text, textarea, select {
  231. 	background: #FCFCFC;
  232. 	border: 1px inset #AAA;
  233. 	margin: 0.5em 0;
  234. 	padding: 4px 5px;
  235. }
  236. input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
  237.  
  238. input.button {
  239. 	background: #DDD;
  240. 	border: 1px outset #AAA;
  241. 	padding: 2px 5px;
  242. }
  243. input.button:active {border-style: inset;}
  244.  
  245. .form-error {border-color: #F00;}
  246.  
  247. input, textarea {
  248. 	border: 1px #C0C0C0 solid;
  249. }
  250.  
  251. /* 
  252.    Alignment 
  253. ------------------------------------------------------------------- */
  254.  
  255. /* General */
  256.  
  257. .center,.aligncenter {
  258. 	display: block;
  259. 	margin-left: auto;
  260. 	margin-right: auto;
  261. }
  262.  
  263. legend {
  264. 	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  265. 	color: #696969;
  266. }
  267.  
  268. .fieldset { 
  269. 	margin-bottom: 6px; 
  270. }
  271.  
  272. fieldset { 
  273. 	border: 1px solid #d5d5d5;
  274. }
  275.  
  276.  
  277. /* Images */
  278. img {border:0;}
  279. img.bordered,img.alignleft,img.alignright,img.aligncenter {
  280. 	background-color: #FFF;
  281. 	border: 1px solid #DDD;
  282. 	padding: 3px;
  283. }
  284. img.alignleft, img.left {margin: 0 1.5em 1em 0;}
  285. img.alignright, img.right {margin: 0 0 1em 1.5em;}
  286.  
  287.  
  288. /* Floats */   
  289.  
  290. .left,.alignleft {float: left;}
  291. .right,.alignright {float: right;}
  292.  
  293. .clear,.clearer {clear: both;}
  294. .clearer {
  295. 	display: block;
  296. 	font-size: 0;
  297. 	line-height: 0;
  298. 	height: 0;
  299. }
  300.  
  301.  
  302. /* 
  303.    Separators 
  304. ------------------------------------------------------------------- */
  305.  
  306. .content-separator, .archive-separator {
  307. 	background: #D5D5D5;
  308. 	clear: both;
  309. 	color: #FFE;
  310. 	display: block;
  311. 	font-size: 0;
  312. 	line-height: 0;
  313. 	height: 1px;	
  314. }
  315. .content-separator {margin: 20px 0;}
  316. .archive-separator {margin: 10px 0;}
  317.  
  318.  
  319. /* 
  320.    Posts 
  321. ------------------------------------------------------------------- */
  322.  
  323. .post a {text-decoration: none;}
  324. .post a:hover {text-decoration: underline;}
  325.  
  326. .post img.left, .post img.right {margin-bottom: 0;}
  327.  
  328. .post-date {
  329. 	color: #777;
  330. 	margin: 2px 0 10px;
  331. }
  332. .post-date a {color: #444;}
  333.  
  334. .post-title h1, .post-title h2, .post-title h3 {margin-bottom: 0;}
  335.  
  336. .post-meta {
  337. 	background: #F6F6F6;
  338. 	border: 1px solid #DDD;
  339. 	color: #777;
  340. 	padding: 6px 10px;
  341. }
  342. .post-meta a {color: #345; }
  343. .post-meta a:hover {color: #001;}
  344.  
  345. .post-body {font-size: 1.1em;}
  346. .post-body a {color: #039;}
  347. .post-body a:hover {color: #039;}
  348.  
  349. .post-body img.left, .post-body img.right {margin-bottom: 1em;}
  350.  
  351.  
  352.  
  353. /* Archives */
  354. .archive-pagination {margin-bottom: 16px;}
  355. .archive-post-date {
  356. 	background: #F5F5F5;
  357. 	border-bottom: 1px solid #C5C5C5;
  358. 	border-right: 1px solid #CFCFCF;
  359. 	float: left;
  360. 	margin-right: 12px;
  361. 	padding: 2px 0 5px;
  362. 	text-align: center;
  363. 	width: 46px;
  364. }
  365. .archive-post-title .post-date {margin: 0;}
  366. .archive-post-title {padding-top: 4px;}
  367. .archive-post-day {font: normal 1.6em Georgia,serif;}
  368.  
  369.  
  370. /* 
  371.    Layout 
  372. ------------------------------------------------------------------- */
  373.  
  374. /* General */
  375. .center-wrapper {
  376. 	margin: 0 auto;
  377. 	width: 980px;
  378. }
  379.  
  380. span.title {
  381. 	font-weight:bold;
  382. 	font-size:20px;
  383. 	color:green;
  384. }
  385.  
  386. span.error {
  387. 	font-weight: bold;
  388. 	color: red;
  389. }
  390.  
  391. /* Network */
  392.  
  393. #network {background: #EEE;}
  394. #network .left {
  395. 	color: #333;
  396. 	vertical-align: text-bottom;
  397. }
  398.  
  399. #network .right {
  400. 	color: #333;
  401. 	vertical-align: text-bottom;
  402. }
  403.  
  404. #network .tabbed a {
  405. 	display: block;
  406. 	padding: 6px 10px 7px;
  407. 	text-decoration: none;
  408. 	color: #666;
  409. }
  410.  
  411. #network .install span {
  412. 	display: block;
  413. 	padding: 6px 10px 7px;
  414. 	text-decoration: none;
  415. 	color: #666;
  416. }
  417.  
  418. #network li a:hover {
  419. 	background: #F6F6F6;
  420. 	color: #000;
  421. }
  422. #network li.current-tab a {
  423. 	background: #FFF;
  424. 	font-weight: bold;
  425. }
  426. #network .text-separator, #network span {color: #999;}
  427.  
  428.  
  429. /* Toolbar */
  430. #toolbar {
  431. 	padding: 12px 0 8px;
  432. 	font-size: 1.1em;
  433. 	color: #999;
  434. }
  435. #toolbar img {vertical-align: middle;}
  436.  
  437.  
  438. /* Header */
  439.  
  440. #header {}
  441.  
  442. /* Site title */
  443. #site-title {
  444. 	font: normal 1.6em serif;
  445. 	padding-bottom: 24px;
  446. }
  447. #site-title span {color: #999;}
  448. #site-title a {
  449. 	color: #000;
  450. 	text-decoration: none;
  451. }
  452.  
  453.  
  454. /* Navigation */
  455.  
  456. #navigation {margin-bottom: 24px;}
  457. #navigation a {
  458. 	display: block;
  459. 	text-decoration: none;
  460. }
  461.  
  462. /* Main navigation */
  463.  
  464. #main-nav a {
  465. 	color: #888;
  466. 	font-size: 1.5em;
  467. 	padding: 9px 14px;
  468. }
  469. #main-nav li {background: url('../_gfx/navigation-separator.gif') no-repeat left center;}
  470. #main-nav li:first-child {background: none;}
  471. #main-nav li.current-tab a, #main-nav a:hover {color: #002;}
  472. #main-nav li.current-tab a {background: url('../_gfx/navigation-arrow.gif') no-repeat center bottom;}
  473.  
  474.  
  475. /* Subnav */
  476.  
  477. #sub-nav {
  478. 	background: #eceff5;
  479. 	padding: 0 5px;
  480. 	border-top: 1px solid #94a3c4;
  481. 	border-bottom: 1px solid #94a3c4;
  482. }
  483. #sub-nav a {
  484. 	color: #678;
  485. 	font: bold 1.2em sans-serif;
  486. 	padding: 10px;
  487. }
  488. #sub-nav li.current-tab a, #sub-nav a:hover {color: #223;}
  489.  
  490.  
  491. /* Main */
  492.  
  493. .main {margin-bottom: 18px;}
  494.  
  495. .main#main-three-columns .sidebar {width: 193px;}
  496. .main#main-three-columns #main-left {width: 520px;}
  497.  
  498. .main#main-two-columns .sidebar {width: 260px;}
  499. .main#main-two-columns #main-left {width: 671px;}
  500.  
  501. .main#main-two-columns .sidebar-50-50 {width: 460px;}
  502. .main#main-two-columns #main-left-50-50 {width: 471px;}
  503.  
  504. .sidebar a {text-decoration: none;}
  505. .sidebar a:hover {text-decoration: underline;}
  506.  
  507. #sidebar-1 {margin-left: 37px;}
  508.  
  509. /* Columns */
  510. .col3 {width: 32%;}
  511. .col3-mid {margin-left: 2%;}
  512.  
  513. /* Sidebar */
  514.  
  515. #sidebar-wrapper {}
  516. #sidebar {}
  517.  
  518.  
  519. /* Sidebar sections */
  520. .section {
  521. 	margin-bottom:	16px;
  522. 	border-top:		1px solid #94a3c4;
  523. 	border-left:		1px solid #d8dfea;
  524. 	border-right:		1px solid #d8dfea;
  525. 	border-bottom:	1px solid #94a3c4;
  526. }
  527. .section-title {
  528. 	margin-bottom: 5px;
  529. 	min-height: 0;
  530. 	font: 11px Georgia, sans-serif;
  531. 	font-weight: bold;
  532. 	background-color:	#eceff5;
  533. 	margin:		0;
  534. 	padding:		5px 8px;
  535. 	overflow:		hidden;
  536. 	border-bottom:	1px solid #94a3c4;
  537. 	clear:			left;
  538. }
  539.  
  540. .section-content {
  541. 	padding:		5px 8px;
  542. }
  543.  
  544. /* Dashboard */
  545.  
  546. #dashboard {
  547. 	background: #FAFAFA url('../_gfx/dashboard.gif') repeat-y left top;
  548. 	border: 1px solid #E7E7E7;
  549. }
  550.  
  551. #dashboard .column {width: 244px;}
  552. #dashboard #column-4 {border-right: none;}
  553.  
  554. #dashboard .column-content {
  555. 	padding: 14px 16px;
  556. }
  557. #dashboard .column-title {
  558. 	color: #666;
  559. 	font-size: 1.4em;
  560. 	font-weight: bold;
  561. 	padding-bottom: 5px;
  562. }
  563. #dashboard a {color: #456;}
  564. #dashboard a:hover {color: #000;}
  565.  
  566.  
  567. /* Footer */
  568.  
  569. #footer {padding: 10px 0;}
  570. #footer a {
  571. 	color: #579;
  572. 	text-decoration: none;
  573. }
  574. #footer .right, #footer .right a {
  575. 	color: #999;
  576. 	text-decoration: none;
  577. }
  578. #footer .text-separator {
  579. 	padding: 0 3px;
  580. 	color: #BBB;
  581. }
  582. #footer a:hover {color: #000;}
  583.  
  584. /* 
  585.    Misc overriding classes
  586. ------------------------------------------------------------------- */
  587.  
  588. /* Border */
  589.  
  590. .noborder {border: 0;}
  591. .notborder {border-top: 0;}
  592. .norborder {border-right: 0;}
  593. .nobborder {border-bottom: 0;}
  594. .nolborder {border-left: 0;}
  595.  
  596. /* Margin */
  597.  
  598. .nomargin {margin: 0;}
  599. .notmargin {margin-top: 0;}
  600. .normargin {margin-right: 0;}
  601. .nobmargin {margin-bottom: 0;}
  602. .nolmargin {margin-left: 0;}
  603.  
  604. /* Padding */
  605.  
  606. .nopadding {padding: 0;}
  607. .notpadding {padding-top: 0;}
  608. .norpadding {padding-right: 0;}
  609. .nobpadding {padding-bottom: 0;}
  610. .nolpadding {padding-left: 0;}
  611.  
  612. /* Single line IE fix */
  613. * html #sub-nav, * html .section-title, * html .main {height: 0.01%; min-height: 0.01%;}
  614.  
  615. /* Servers */
  616. .main thead {
  617. 	background-color: #eceff5;
  618. 	border-top: 1px solid #94a3c4;
  619. 	border-bottom: 1px solid #94a3c4;
  620. 	font: 11px Georgia, sans-serif;
  621. 	font-weight: bold;
  622. }
  623.  
  624. .main thead th {
  625. 	padding: 5px 8px;
  626. }
  627.  
  628. td.server-info {
  629. 	padding: 15px 30px 15px 30px;
  630. }
  631.  
  632. td.server-info table {
  633. 	border-right: 2px solid #ABC;
  634. 	border-left: 2px solid #ABC;
  635. 	border-bottom: 2px solid #ABC;
  636. }
  637.  
  638. td.server-info td {
  639. 	border: 1px solid #d8dfea;
  640. }
  641.  
  642. ._right {
  643. 	text-align: right;
  644. }
  645.  
  646. ._left {
  647. 	text-align: left;
  648. }
  649.  
  650. ._center {
  651. 	text-align: center;
  652. }
  653.  
  654. .fat {
  655. 	font-weight: bold;
  656. }
  657.  
  658. .m_over {
  659. 	background-color: #EEE;
  660. 	color: #666;
  661. 	cursor: pointer;
  662. }
  663.  
  664. .m_out {
  665. 	background-color: transparent;
  666. 	color: #000;
  667. 	cursor: pointer;
  668. }
  669.  
  670. tr.list {
  671. 	background-color: transparent;
  672. 	border-bottom: 1px solid #d8dfea;
  673. }
  674.  
  675. tr.list:hover  {
  676. 	background: #EAEBEB;
  677. }
  678.  
  679. tr.settings_line {
  680. 	background-color: transparent;
  681. 	border-bottom: 1px solid #d8dfea;
  682. }
  683.  
  684. tr.htable {
  685. 	background-color: #ECEFF5;
  686. 	border-bottom: 1px solid #94A3C4;
  687. 	border-top: 1px solid #94A3C4;
  688. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  689. 	font-weight: bold;
  690. }
  691.  
  692. tr.htabletop {
  693. 	background-color: #ECEFF5;
  694. 	border-top: 1px solid #94A3C4;
  695. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  696. 	font-weight: bold;
  697. }
  698.  
  699. tr.htablebottom {
  700. 	background-color: #ECEFF5;
  701. 	border-bottom: 1px solid #94A3C4;
  702. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  703. 	font-weight: bold;
  704. }
  705.  
  706. .offline {
  707. 	background-color: #FFEAEA;
  708. 	color: #000;
  709. }
  710.  
  711. .vtop {
  712. 	vertical-align: top;
  713. }
  714.  
  715. /* Image Buttons */
  716. .icons-stats {
  717. 	display: inline-block;
  718. 	background-image: url(../_gfx/stats.png);
  719. 	background-repeat: no-repeat;
  720. 	width: 16px;
  721. 	height: 16px;
  722. 	margin: 0;
  723. }
  724.  
  725. .icon-stats {
  726. 	background-position: 0 0;
  727. }
  728.  
  729. .icon-clock {
  730. 	background-position: -16px 0;
  731. }
  732.  
  733. .icon-kicks {
  734. 	background-position: -32px 0;
  735. }
  736.  
  737. .icons-func {
  738. 	display: inline-block;
  739. 	background-image: url(../_gfx/functions.png);
  740. 	background-repeat: no-repeat;
  741. 	width: 15px;
  742. 	height: 17px;
  743. 	cursor: pointer;
  744. 	margin: 0;
  745. }
  746.  
  747. .icon-view {
  748. 	background-position: 0 0;
  749. }
  750.  
  751. .icon-edit {
  752. 	background-position: -15px 0;
  753. }
  754.  
  755. .icon-delete {
  756. 	background-position: -30px 0;
  757. }
  758.  
  759. .icon-email {
  760. 	width: 16px;
  761. 	background-position: -45px 0;
  762. }
  763.  
  764. .icon-download {
  765. 	background-position: -61px 0;
  766. }
  767.  
  768. .icons-connect {
  769. 	display: inline-block;
  770. 	background-image: url(../_gfx/connect.png);
  771. 	background-repeat: no-repeat;
  772. 	width: 80px;
  773. 	height: 15px;
  774. 	cursor: pointer;
  775. 	margin: 0;
  776. }
  777.  
  778. .icon-steam {
  779. 	background-position: 0 0;
  780. }
  781.  
  782. .icon-hlsw {
  783. 	background-position: -80px 0;
  784. }
  785.  
  786. .icons-page {
  787. 	display: inline-block;
  788. 	background-image: url(../_gfx/pagenation.png);
  789. 	background-repeat: no-repeat;
  790. 	width: 16px;
  791. 	height: 16px;
  792. 	margin: 0;
  793. }
  794.  
  795. .icon-left-valid {
  796. 	background-position: 0 0;
  797. 	cursor: pointer;
  798. }
  799.  
  800. .icon-left-notvalid {
  801. 	background-position: -32px 0;
  802. }
  803.  
  804. .icon-left-end {
  805. 	background-position: -64px 0;
  806. 	cursor: pointer;
  807. }
  808.  
  809. .icon-right-valid {
  810. 	background-position: -16px 0;
  811. 	cursor: pointer;
  812. }
  813.  
  814. .icon-right-notvalid {
  815. 	background-position: -48px 0;
  816. }
  817.  
  818. .icon-right-end {
  819. 	background-position: -80px 0;
  820. 	cursor: pointer;
  821. }
  822.  
  823. .icon-access {
  824. 	display: inline-block;
  825. 	background-image: url(../_gfx/access.png);
  826. 	background-repeat: no-repeat;
  827. 	width: 16px;
  828. 	height: 16px;
  829. 	cursor: pointer;
  830. 	margin: 0;
  831. }
  832.  
  833. /* Error messages */
  834. .main_error {
  835. 	background-color: #FFFFFF;
  836. 	width: 90%;
  837. 	margin: 5px 20px 20px;
  838. 	border: 1px solid #8394B2;
  839. 	border-left: 4px solid #8394B2;
  840. }
  841.  
  842. .head_error {
  843. 	background-color: #FBBFBB;
  844. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  845. 	font-size: 12px;
  846. 	font-weight: bold;
  847. 	color: black;
  848. 	padding: 5px;
  849. 	border-bottom: 1px solid #FFFFFF;
  850. }
  851.  
  852. .block_error {
  853. 	margin-left: 20px;
  854. }
  855.  
  856. span.errored {
  857. 	font-weight:bold;
  858. 	color:red;
  859. }
  860.  
  861. /* Pagenavigation */
  862. .pager span.error {
  863. 	font-weight:normal;
  864. }
  865.  
  866. .pager a, .pager span {
  867. 	display:block;
  868. 	float:left;
  869. 	font-size:12px;
  870. 	font-weight:normal;
  871. 	height:20px;
  872. 	line-height:20px;
  873. 	margin:0 1px;
  874. 	padding:0 10px;
  875. }
  876.  
  877. .pager a {
  878. 	background:none repeat scroll 0 0 #F7F7F7;
  879. }
  880.  
  881. .pager a:hover {
  882. 	background:none repeat scroll 0 0 #ECEFF5;
  883. 	color:#000;
  884. }
  885.  
  886. .pager span {
  887. 	font-size:12px;
  888. 	font-weight:bold;
  889. }
  890.  
  891. .pager span.first {
  892. 	font-size:12px;
  893. 	margin:0;
  894. 	padding:0 10px 0 0;
  895. }
  896.  
  897. /* Tooltip */
  898. #tooltip {
  899. 	background: #fff;
  900. 	-moz-opacity:0.7;
  901. 	opacity: 0.7;
  902. 	filter: alpha(opacity=700);
  903. 	border-top: 1px solid #cccccc;
  904. 	border-right: 1px solid #cccccc;
  905. 	border-bottom: 1px solid #cccccc;
  906. 	border-left: 4px solid #94A3C4;
  907. 	color: #000;
  908. 	margin: 0px;
  909. 	padding: 3px 5px;
  910. 	position: absolute;
  911. 	visibility: hidden;
  912. 	z-index: 100;
  913. 	font: normal 11px Tahoma,  "Myriad Pro",  "Lucida Sans Unicode",  Verdana,  sans-serif;
  914. }

_________________
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
pixxa112
 Hozzászólás témája: Re: Weboldal kinézet
HozzászólásElküldve:2013.07.05. 03:47 
Offline
Őskövület
Avatar

Csatlakozott:2011.12.28. 00:35
Hozzászólások:2736
Megköszönt másnak: 56 alkalommal
Megköszönték neki: 275 alkalommal
CeDee írta:
SMA Forráskód: [ Mindet kijelol ]
  1. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
  2. table {border-collapse: collapse; border-spacing: 0;}
  3. caption, th, td {text-align: left; font-weight: normal;}
  4. table, td, th {vertical-align: middle;}
  5. blockquote:before, blockquote:after, q:before, q:after {content: "";}
  6. blockquote, q {quotes: "" "";}
  7. a img {border:0;}
  8. :focus {outline: 0;}
  9.  
  10. .img_input{border:0;outline:0;}
  11.  
  12. .admin_list tr{
  13. 	border-bottom:solid 1px grey;
  14. 	}
  15.  
  16. .rcon_box {
  17. 	color: #eeeeee;
  18. 	background-color: #000000;
  19. 	padding: 5px;
  20. 	font-family: verdana, tahoma, arial;
  21. 	font-size: 11px;
  22. 	font-style: normal;
  23. 	font-weight: bold;
  24. }
  25.  
  26. /* 
  27.    General 
  28. ------------------------------------------------------------------- */
  29.  
  30. html {
  31. 	height: 100%;
  32. 	padding-bottom: 1px; /* force scrollbars */
  33. }
  34.  
  35. body {
  36. 	background: #444;
  37. 	color: white;
  38. 	font: normal 75% sans-serif;
  39. 	line-height: 1.5;
  40. }
  41.  
  42.  
  43. /* 
  44.    Typography 
  45. ------------------------------------------------------------------- */
  46.  
  47. /* Headings */
  48.  
  49. h1,h2,h3,h4,h5,h6 {
  50. 	color: #444;
  51. 	font-weight: normal;
  52. 	line-height: 1;
  53. 	margin-bottom: 0.3em;
  54. }
  55. h4,h5,h6 {font-weight: bold;}
  56.  
  57. h1 {font-size: 2.6em;}
  58. h2 {font-size: 2em;}
  59. h3 {font-size: 1.5em;}
  60. h4 {font-size: 1.25em;}
  61. h5 {font-size: 1.1em;}
  62. h6 {font-size: 1em;}
  63.  
  64. h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
  65.  
  66.  
  67. /* Links */
  68.  
  69. a:focus,a:hover {color: #357;}
  70. a {
  71. 	color: #357;
  72. 	text-decoration: underline;
  73. }
  74. a.feed {
  75. 	background: url('../_gfx/icon-feed.gif') no-repeat left center;
  76. 	padding-left: 18px;
  77. }
  78.  
  79. /* More links */
  80. a.more {
  81. 	color: #579;
  82. 	font-weight: bold;
  83. }
  84. a.more:hover {color: #234;}
  85.  
  86.  
  87. /* Text elements */
  88.  
  89. p {margin-bottom: 1em;}
  90.  
  91. abbr, acronym {border-bottom: 1px dotted #666;}
  92. address {margin-bottom: 1.5em;}
  93. blockquote {margin: 1.5em;}
  94. del, blockquote { color:#666; }
  95. em, dfn, blockquote, address {font-style: italic;}
  96. strong, dfn {font-weight: bold;}
  97. sup, sub {line-height: 0;}
  98.  
  99. pre {
  100. 	margin: 1.5em 0;
  101. 	white-space: pre;
  102. }
  103. pre,code,tt {
  104. 	font: 1em monospace;
  105. 	line-height: 1.5;
  106. }
  107.  
  108.  
  109. /* Lists */
  110.  
  111. li ul, li ol {margin-left: 1.5em;}
  112. ul, ol {margin: 0 0 1.5em 1.5em;}
  113.  
  114. ul {list-style-type: disc;}
  115. ol {list-style-type: decimal;}
  116.  
  117. dl {margin: 0 0 1.5em 0;}
  118. dl dt {font-weight: bold;}
  119. dd {margin-left: 1.5em;}
  120.  
  121.  
  122.  
  123. /* Special lists */
  124.  
  125. ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}
  126.  
  127. ul.tabbed {
  128. 	display: inline;
  129. 	margin: 0;
  130. }
  131. ul.tabbed li {float: left;}
  132.  
  133. ul.plain-list {margin: 0;}
  134.  
  135. ul.nice-list {margin-left: 0;}
  136. ul.nice-list li {
  137. 	list-style: none;
  138. 	border-top: 1px solid #EEE;
  139. 	padding: 4px 0;
  140. 	font: 11px Georgia, sans-serif;
  141. }
  142. ul.nice-list li:first-child {border-top: none;}
  143. ul.nice-list li .right {color: #999;}
  144.  
  145. li div.left {
  146. 	font-weight: bold;
  147. }
  148.  
  149.  
  150.  
  151.  
  152. /* Tables */
  153.  
  154. table {margin-bottom: 1.4em; width: 100%;}
  155. th {font-weight: bold;}
  156. th,td,caption {padding: 4px 10px 4px 5px;}
  157. tr.even td {background: #F2F6FA;}
  158. tfoot {font-style: italic;}
  159. caption {background: #EEE;}
  160.  
  161. table.data-table {
  162. 	border: 1px solid #CCB;
  163. 	margin-bottom: 2em;
  164. 	width: 100%;
  165. }
  166. table.data-table th {
  167. 	background: #F0F0F0;
  168. 	border: 1px solid #DDD;
  169. 	color: #555;
  170. 	text-align: left;
  171. }
  172. table.data-table tr {border-bottom: 1px solid #DDD;}
  173. table.data-table td, table th {padding: 10px;}
  174. table.data-table td {
  175. 	background: #F6F6F6;
  176. 	border: 1px solid #DDD;
  177. }
  178. table.data-table tr.even td {background: #FCFCFC;}
  179.  
  180. td.enter {
  181. 	width: 5%;
  182. }
  183.  
  184.  
  185. /* Misc classes */
  186.  
  187. .small {font-size: 0.9em;}
  188. .smaller {font-size: 0.8em;}
  189. .smallest {font-size: 0.7em;}
  190.  
  191. .large {font-size: 1.15em;}
  192. .larger {font-size: 1.25em;}
  193. .largest {font-size: 1.35em;}
  194.  
  195. .hidden {display: none;}
  196.  
  197. .quiet {color: #999;}
  198. .loud {color: #000;}
  199. .highlight {background:#ff0;}
  200.  
  201. .text-left {text-align: left;}
  202. .text-right {text-align: right;}
  203. .text-center {text-align: center;}
  204. .text-separator {padding: 0 5px;}
  205.  
  206. .error, .notice, .success {
  207. 	border: 1px solid #DDD;
  208. 	margin-bottom: 1em;
  209. 	padding: 0.6em 0.8em;
  210. }
  211.  
  212. .error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
  213. .error a {color: #8A1F11;}
  214.  
  215. .notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
  216. .notice a {color: #514721;}
  217.  
  218. .success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
  219. .success a {color: #264409;}
  220.  
  221.  
  222. /* 
  223.    Forms 
  224. ------------------------------------------------------------------- */
  225.  
  226. label {font-weight: bold; cursor: pointer;}
  227. fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
  228. legend {font-weight: bold; font-size: 1.2em;}
  229. textarea {overflow: auto;}
  230. input.text, textarea, select {
  231. 	background: #FCFCFC;
  232. 	border: 1px inset #AAA;
  233. 	margin: 0.5em 0;
  234. 	padding: 4px 5px;
  235. }
  236. input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
  237.  
  238. input.button {
  239. 	background: #DDD;
  240. 	border: 1px outset #AAA;
  241. 	padding: 2px 5px;
  242. }
  243. input.button:active {border-style: inset;}
  244.  
  245. .form-error {border-color: #F00;}
  246.  
  247. input, textarea {
  248. 	border: 1px #C0C0C0 solid;
  249. }
  250.  
  251. /* 
  252.    Alignment 
  253. ------------------------------------------------------------------- */
  254.  
  255. /* General */
  256.  
  257. .center,.aligncenter {
  258. 	display: block;
  259. 	margin-left: auto;
  260. 	margin-right: auto;
  261. }
  262.  
  263. legend {
  264. 	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  265. 	color: #696969;
  266. }
  267.  
  268. .fieldset { 
  269. 	margin-bottom: 6px; 
  270. }
  271.  
  272. fieldset { 
  273. 	border: 1px solid #d5d5d5;
  274. }
  275.  
  276.  
  277. /* Images */
  278. img {border:0;}
  279. img.bordered,img.alignleft,img.alignright,img.aligncenter {
  280. 	background-color: #FFF;
  281. 	border: 1px solid #DDD;
  282. 	padding: 3px;
  283. }
  284. img.alignleft, img.left {margin: 0 1.5em 1em 0;}
  285. img.alignright, img.right {margin: 0 0 1em 1.5em;}
  286.  
  287.  
  288. /* Floats */   
  289.  
  290. .left,.alignleft {float: left;}
  291. .right,.alignright {float: right;}
  292.  
  293. .clear,.clearer {clear: both;}
  294. .clearer {
  295. 	display: block;
  296. 	font-size: 0;
  297. 	line-height: 0;
  298. 	height: 0;
  299. }
  300.  
  301.  
  302. /* 
  303.    Separators 
  304. ------------------------------------------------------------------- */
  305.  
  306. .content-separator, .archive-separator {
  307. 	background: #D5D5D5;
  308. 	clear: both;
  309. 	color: #FFE;
  310. 	display: block;
  311. 	font-size: 0;
  312. 	line-height: 0;
  313. 	height: 1px;	
  314. }
  315. .content-separator {margin: 20px 0;}
  316. .archive-separator {margin: 10px 0;}
  317.  
  318.  
  319. /* 
  320.    Posts 
  321. ------------------------------------------------------------------- */
  322.  
  323. .post a {text-decoration: none;}
  324. .post a:hover {text-decoration: underline;}
  325.  
  326. .post img.left, .post img.right {margin-bottom: 0;}
  327.  
  328. .post-date {
  329. 	color: #777;
  330. 	margin: 2px 0 10px;
  331. }
  332. .post-date a {color: #444;}
  333.  
  334. .post-title h1, .post-title h2, .post-title h3 {margin-bottom: 0;}
  335.  
  336. .post-meta {
  337. 	background: #F6F6F6;
  338. 	border: 1px solid #DDD;
  339. 	color: #777;
  340. 	padding: 6px 10px;
  341. }
  342. .post-meta a {color: #345; }
  343. .post-meta a:hover {color: #001;}
  344.  
  345. .post-body {font-size: 1.1em;}
  346. .post-body a {color: #039;}
  347. .post-body a:hover {color: #039;}
  348.  
  349. .post-body img.left, .post-body img.right {margin-bottom: 1em;}
  350.  
  351.  
  352.  
  353. /* Archives */
  354. .archive-pagination {margin-bottom: 16px;}
  355. .archive-post-date {
  356. 	background: #F5F5F5;
  357. 	border-bottom: 1px solid #C5C5C5;
  358. 	border-right: 1px solid #CFCFCF;
  359. 	float: left;
  360. 	margin-right: 12px;
  361. 	padding: 2px 0 5px;
  362. 	text-align: center;
  363. 	width: 46px;
  364. }
  365. .archive-post-title .post-date {margin: 0;}
  366. .archive-post-title {padding-top: 4px;}
  367. .archive-post-day {font: normal 1.6em Georgia,serif;}
  368.  
  369.  
  370. /* 
  371.    Layout 
  372. ------------------------------------------------------------------- */
  373.  
  374. /* General */
  375. .center-wrapper {
  376. 	margin: 0 auto;
  377. 	width: 980px;
  378. }
  379.  
  380. span.title {
  381. 	font-weight:bold;
  382. 	font-size:20px;
  383. 	color:green;
  384. }
  385.  
  386. span.error {
  387. 	font-weight: bold;
  388. 	color: red;
  389. }
  390.  
  391. /* Network */
  392.  
  393. #network {background: #EEE;}
  394. #network .left {
  395. 	color: #333;
  396. 	vertical-align: text-bottom;
  397. }
  398.  
  399. #network .right {
  400. 	color: #333;
  401. 	vertical-align: text-bottom;
  402. }
  403.  
  404. #network .tabbed a {
  405. 	display: block;
  406. 	padding: 6px 10px 7px;
  407. 	text-decoration: none;
  408. 	color: #666;
  409. }
  410.  
  411. #network .install span {
  412. 	display: block;
  413. 	padding: 6px 10px 7px;
  414. 	text-decoration: none;
  415. 	color: #666;
  416. }
  417.  
  418. #network li a:hover {
  419. 	background: #F6F6F6;
  420. 	color: #000;
  421. }
  422. #network li.current-tab a {
  423. 	background: #FFF;
  424. 	font-weight: bold;
  425. }
  426. #network .text-separator, #network span {color: #999;}
  427.  
  428.  
  429. /* Toolbar */
  430. #toolbar {
  431. 	padding: 12px 0 8px;
  432. 	font-size: 1.1em;
  433. 	color: #999;
  434. }
  435. #toolbar img {vertical-align: middle;}
  436.  
  437.  
  438. /* Header */
  439.  
  440. #header {}
  441.  
  442. /* Site title */
  443. #site-title {
  444. 	font: normal 1.6em serif;
  445. 	padding-bottom: 24px;
  446. }
  447. #site-title span {color: #999;}
  448. #site-title a {
  449. 	color: #000;
  450. 	text-decoration: none;
  451. }
  452.  
  453.  
  454. /* Navigation */
  455.  
  456. #navigation {margin-bottom: 24px;}
  457. #navigation a {
  458. 	display: block;
  459. 	text-decoration: none;
  460. }
  461.  
  462. /* Main navigation */
  463.  
  464. #main-nav a {
  465. 	color: #888;
  466. 	font-size: 1.5em;
  467. 	padding: 9px 14px;
  468. }
  469. #main-nav li {background: url('../_gfx/navigation-separator.gif') no-repeat left center;}
  470. #main-nav li:first-child {background: none;}
  471. #main-nav li.current-tab a, #main-nav a:hover {color: #002;}
  472. #main-nav li.current-tab a {background: url('../_gfx/navigation-arrow.gif') no-repeat center bottom;}
  473.  
  474.  
  475. /* Subnav */
  476.  
  477. #sub-nav {
  478. 	background: #eceff5;
  479. 	padding: 0 5px;
  480. 	border-top: 1px solid #94a3c4;
  481. 	border-bottom: 1px solid #94a3c4;
  482. }
  483. #sub-nav a {
  484. 	color: #678;
  485. 	font: bold 1.2em sans-serif;
  486. 	padding: 10px;
  487. }
  488. #sub-nav li.current-tab a, #sub-nav a:hover {color: #223;}
  489.  
  490.  
  491. /* Main */
  492.  
  493. .main {margin-bottom: 18px;}
  494.  
  495. .main#main-three-columns .sidebar {width: 193px;}
  496. .main#main-three-columns #main-left {width: 520px;}
  497.  
  498. .main#main-two-columns .sidebar {width: 260px;}
  499. .main#main-two-columns #main-left {width: 671px;}
  500.  
  501. .main#main-two-columns .sidebar-50-50 {width: 460px;}
  502. .main#main-two-columns #main-left-50-50 {width: 471px;}
  503.  
  504. .sidebar a {text-decoration: none;}
  505. .sidebar a:hover {text-decoration: underline;}
  506.  
  507. #sidebar-1 {margin-left: 37px;}
  508.  
  509. /* Columns */
  510. .col3 {width: 32%;}
  511. .col3-mid {margin-left: 2%;}
  512.  
  513. /* Sidebar */
  514.  
  515. #sidebar-wrapper {}
  516. #sidebar {}
  517.  
  518.  
  519. /* Sidebar sections */
  520. .section {
  521. 	margin-bottom:	16px;
  522. 	border-top:		1px solid #94a3c4;
  523. 	border-left:		1px solid #d8dfea;
  524. 	border-right:		1px solid #d8dfea;
  525. 	border-bottom:	1px solid #94a3c4;
  526. }
  527. .section-title {
  528. 	margin-bottom: 5px;
  529. 	min-height: 0;
  530. 	font: 11px Georgia, sans-serif;
  531. 	font-weight: bold;
  532. 	background-color:	#eceff5;
  533. 	margin:		0;
  534. 	padding:		5px 8px;
  535. 	overflow:		hidden;
  536. 	border-bottom:	1px solid #94a3c4;
  537. 	clear:			left;
  538. }
  539.  
  540. .section-content {
  541. 	padding:		5px 8px;
  542. }
  543.  
  544. /* Dashboard */
  545.  
  546. #dashboard {
  547. 	background: #FAFAFA url('../_gfx/dashboard.gif') repeat-y left top;
  548. 	border: 1px solid #E7E7E7;
  549. }
  550.  
  551. #dashboard .column {width: 244px;}
  552. #dashboard #column-4 {border-right: none;}
  553.  
  554. #dashboard .column-content {
  555. 	padding: 14px 16px;
  556. }
  557. #dashboard .column-title {
  558. 	color: #666;
  559. 	font-size: 1.4em;
  560. 	font-weight: bold;
  561. 	padding-bottom: 5px;
  562. }
  563. #dashboard a {color: #456;}
  564. #dashboard a:hover {color: #000;}
  565.  
  566.  
  567. /* Footer */
  568.  
  569. #footer {padding: 10px 0;}
  570. #footer a {
  571. 	color: #579;
  572. 	text-decoration: none;
  573. }
  574. #footer .right, #footer .right a {
  575. 	color: #999;
  576. 	text-decoration: none;
  577. }
  578. #footer .text-separator {
  579. 	padding: 0 3px;
  580. 	color: #BBB;
  581. }
  582. #footer a:hover {color: #000;}
  583.  
  584. /* 
  585.    Misc overriding classes
  586. ------------------------------------------------------------------- */
  587.  
  588. /* Border */
  589.  
  590. .noborder {border: 0;}
  591. .notborder {border-top: 0;}
  592. .norborder {border-right: 0;}
  593. .nobborder {border-bottom: 0;}
  594. .nolborder {border-left: 0;}
  595.  
  596. /* Margin */
  597.  
  598. .nomargin {margin: 0;}
  599. .notmargin {margin-top: 0;}
  600. .normargin {margin-right: 0;}
  601. .nobmargin {margin-bottom: 0;}
  602. .nolmargin {margin-left: 0;}
  603.  
  604. /* Padding */
  605.  
  606. .nopadding {padding: 0;}
  607. .notpadding {padding-top: 0;}
  608. .norpadding {padding-right: 0;}
  609. .nobpadding {padding-bottom: 0;}
  610. .nolpadding {padding-left: 0;}
  611.  
  612. /* Single line IE fix */
  613. * html #sub-nav, * html .section-title, * html .main {height: 0.01%; min-height: 0.01%;}
  614.  
  615. /* Servers */
  616. .main thead {
  617. 	background-color: #eceff5;
  618. 	border-top: 1px solid #94a3c4;
  619. 	border-bottom: 1px solid #94a3c4;
  620. 	font: 11px Georgia, sans-serif;
  621. 	font-weight: bold;
  622. }
  623.  
  624. .main thead th {
  625. 	padding: 5px 8px;
  626. }
  627.  
  628. td.server-info {
  629. 	padding: 15px 30px 15px 30px;
  630. }
  631.  
  632. td.server-info table {
  633. 	border-right: 2px solid #ABC;
  634. 	border-left: 2px solid #ABC;
  635. 	border-bottom: 2px solid #ABC;
  636. }
  637.  
  638. td.server-info td {
  639. 	border: 1px solid #d8dfea;
  640. }
  641.  
  642. ._right {
  643. 	text-align: right;
  644. }
  645.  
  646. ._left {
  647. 	text-align: left;
  648. }
  649.  
  650. ._center {
  651. 	text-align: center;
  652. }
  653.  
  654. .fat {
  655. 	font-weight: bold;
  656. }
  657.  
  658. .m_over {
  659. 	background-color: #EEE;
  660. 	color: #666;
  661. 	cursor: pointer;
  662. }
  663.  
  664. .m_out {
  665. 	background-color: transparent;
  666. 	color: #000;
  667. 	cursor: pointer;
  668. }
  669.  
  670. tr.list {
  671. 	background-color: transparent;
  672. 	border-bottom: 1px solid #d8dfea;
  673. }
  674.  
  675. tr.list:hover  {
  676. 	background: #EAEBEB;
  677. }
  678.  
  679. tr.settings_line {
  680. 	background-color: transparent;
  681. 	border-bottom: 1px solid #d8dfea;
  682. }
  683.  
  684. tr.htable {
  685. 	background-color: #ECEFF5;
  686. 	border-bottom: 1px solid #94A3C4;
  687. 	border-top: 1px solid #94A3C4;
  688. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  689. 	font-weight: bold;
  690. }
  691.  
  692. tr.htabletop {
  693. 	background-color: #ECEFF5;
  694. 	border-top: 1px solid #94A3C4;
  695. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  696. 	font-weight: bold;
  697. }
  698.  
  699. tr.htablebottom {
  700. 	background-color: #ECEFF5;
  701. 	border-bottom: 1px solid #94A3C4;
  702. 	font: normal normal normal 11px/normal Georgia, sans-serif;
  703. 	font-weight: bold;
  704. }
  705.  
  706. .offline {
  707. 	background-color: #FFEAEA;
  708. 	color: #000;
  709. }
  710.  
  711. .vtop {
  712. 	vertical-align: top;
  713. }
  714.  
  715. /* Image Buttons */
  716. .icons-stats {
  717. 	display: inline-block;
  718. 	background-image: url(../_gfx/stats.png);
  719. 	background-repeat: no-repeat;
  720. 	width: 16px;
  721. 	height: 16px;
  722. 	margin: 0;
  723. }
  724.  
  725. .icon-stats {
  726. 	background-position: 0 0;
  727. }
  728.  
  729. .icon-clock {
  730. 	background-position: -16px 0;
  731. }
  732.  
  733. .icon-kicks {
  734. 	background-position: -32px 0;
  735. }
  736.  
  737. .icons-func {
  738. 	display: inline-block;
  739. 	background-image: url(../_gfx/functions.png);
  740. 	background-repeat: no-repeat;
  741. 	width: 15px;
  742. 	height: 17px;
  743. 	cursor: pointer;
  744. 	margin: 0;
  745. }
  746.  
  747. .icon-view {
  748. 	background-position: 0 0;
  749. }
  750.  
  751. .icon-edit {
  752. 	background-position: -15px 0;
  753. }
  754.  
  755. .icon-delete {
  756. 	background-position: -30px 0;
  757. }
  758.  
  759. .icon-email {
  760. 	width: 16px;
  761. 	background-position: -45px 0;
  762. }
  763.  
  764. .icon-download {
  765. 	background-position: -61px 0;
  766. }
  767.  
  768. .icons-connect {
  769. 	display: inline-block;
  770. 	background-image: url(../_gfx/connect.png);
  771. 	background-repeat: no-repeat;
  772. 	width: 80px;
  773. 	height: 15px;
  774. 	cursor: pointer;
  775. 	margin: 0;
  776. }
  777.  
  778. .icon-steam {
  779. 	background-position: 0 0;
  780. }
  781.  
  782. .icon-hlsw {
  783. 	background-position: -80px 0;
  784. }
  785.  
  786. .icons-page {
  787. 	display: inline-block;
  788. 	background-image: url(../_gfx/pagenation.png);
  789. 	background-repeat: no-repeat;
  790. 	width: 16px;
  791. 	height: 16px;
  792. 	margin: 0;
  793. }
  794.  
  795. .icon-left-valid {
  796. 	background-position: 0 0;
  797. 	cursor: pointer;
  798. }
  799.  
  800. .icon-left-notvalid {
  801. 	background-position: -32px 0;
  802. }
  803.  
  804. .icon-left-end {
  805. 	background-position: -64px 0;
  806. 	cursor: pointer;
  807. }
  808.  
  809. .icon-right-valid {
  810. 	background-position: -16px 0;
  811. 	cursor: pointer;
  812. }
  813.  
  814. .icon-right-notvalid {
  815. 	background-position: -48px 0;
  816. }
  817.  
  818. .icon-right-end {
  819. 	background-position: -80px 0;
  820. 	cursor: pointer;
  821. }
  822.  
  823. .icon-access {
  824. 	display: inline-block;
  825. 	background-image: url(../_gfx/access.png);
  826. 	background-repeat: no-repeat;
  827. 	width: 16px;
  828. 	height: 16px;
  829. 	cursor: pointer;
  830. 	margin: 0;
  831. }
  832.  
  833. /* Error messages */
  834. .main_error {
  835. 	background-color: #FFFFFF;
  836. 	width: 90%;
  837. 	margin: 5px 20px 20px;
  838. 	border: 1px solid #8394B2;
  839. 	border-left: 4px solid #8394B2;
  840. }
  841.  
  842. .head_error {
  843. 	background-color: #FBBFBB;
  844. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  845. 	font-size: 12px;
  846. 	font-weight: bold;
  847. 	color: black;
  848. 	padding: 5px;
  849. 	border-bottom: 1px solid #FFFFFF;
  850. }
  851.  
  852. .block_error {
  853. 	margin-left: 20px;
  854. }
  855.  
  856. span.errored {
  857. 	font-weight:bold;
  858. 	color:red;
  859. }
  860.  
  861. /* Pagenavigation */
  862. .pager span.error {
  863. 	font-weight:normal;
  864. }
  865.  
  866. .pager a, .pager span {
  867. 	display:block;
  868. 	float:left;
  869. 	font-size:12px;
  870. 	font-weight:normal;
  871. 	height:20px;
  872. 	line-height:20px;
  873. 	margin:0 1px;
  874. 	padding:0 10px;
  875. }
  876.  
  877. .pager a {
  878. 	background:none repeat scroll 0 0 #F7F7F7;
  879. }
  880.  
  881. .pager a:hover {
  882. 	background:none repeat scroll 0 0 #ECEFF5;
  883. 	color:#000;
  884. }
  885.  
  886. .pager span {
  887. 	font-size:12px;
  888. 	font-weight:bold;
  889. }
  890.  
  891. .pager span.first {
  892. 	font-size:12px;
  893. 	margin:0;
  894. 	padding:0 10px 0 0;
  895. }
  896.  
  897. /* Tooltip */
  898. #tooltip {
  899. 	background: #fff;
  900. 	-moz-opacity:0.7;
  901. 	opacity: 0.7;
  902. 	filter: alpha(opacity=700);
  903. 	border-top: 1px solid #cccccc;
  904. 	border-right: 1px solid #cccccc;
  905. 	border-bottom: 1px solid #cccccc;
  906. 	border-left: 4px solid #94A3C4;
  907. 	color: #000;
  908. 	margin: 0px;
  909. 	padding: 3px 5px;
  910. 	position: absolute;
  911. 	visibility: hidden;
  912. 	z-index: 100;
  913. 	font: normal 11px Tahoma,  "Myriad Pro",  "Lucida Sans Unicode",  Verdana,  sans-serif;
  914. }


Köszi, bár néhány helyen még nem tudnád kijavítani a szöveg színeket?

UI: www.justzm.sunwell.hu <--- így biztos könnyebb lesz.

_________________
****


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
CeDee
 Hozzászólás témája: Re: Weboldal kinézet
HozzászólásElküldve:2013.07.05. 14:03 
Offline
Nagyúr
Avatar

Csatlakozott:2011.12.18. 10:40
Hozzászólások:671
Megköszönt másnak: 5 alkalommal
Megköszönték neki: 20 alkalommal
Milyen színeket képzeltél el? Ez a szürke dizájn fontos ? :D

_________________
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
pixxa112
 Hozzászólás témája: Re: Weboldal kinézet
HozzászólásElküldve:2013.07.05. 17:45 
Offline
Őskövület
Avatar

Csatlakozott:2011.12.28. 00:35
Hozzászólások:2736
Megköszönt másnak: 56 alkalommal
Megköszönték neki: 275 alkalommal
CeDee írta:
Milyen színeket képzeltél el? Ez a szürke dizájn fontos ? :D


Nem. Csak jól lehessen látni a szöveg színeket, mert a ban listán semmit nem lehet látni.
És a háttér ne fehér legyen hanem valami sötét. De jó ez is.

_________________
****


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
Hozzászólások megjelenítése: Rendezés 
Új téma nyitása Hozzászólás a témához  Oldal: 1 / 1
  [5 hozzászólás ] 

» » »


Ki van itt

Jelenlévő fórumozók: nincs regisztrált felhasználó valamint 3 vendég

Nyithatsz új témákat ebben a fórumban.
Válaszolhatsz egy témára ebben a fórumban.
Nem szerkesztheted a hozzászólásaidat ebben a fórumban.
Nem törölheted a hozzászólásaidat ebben a fórumban.
Nem küldhetsz csatolmányokat ebben a fórumban.

Keresés:
Ugrás:  
Powered by phpBB® Forum Software © phpBB Limited
Magyar fordítás © Magyar phpBB Közösség
Portal: Kiss Portal Extension © Michael O'Toole