Advertisement
Guest User

Gratisdesign - stilmall

a guest
Mar 13th, 2014
293
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.86 KB | None | 0 0
  1. body {
  2.  
  3. background: #e6e6e6 url(http://i58.tinypic.com/169l3d4.png);
  4. background-attachment: fixed;
  5. margin:0;
  6. padding:0px 0 0px;
  7. text-align:left;
  8. color:#000000;
  9. margin-top: 0px;
  10. }
  11.  
  12. }
  13.  
  14.  
  15. a:link{color: #686361; text-decoration: none;}
  16.  
  17. a:hover{color: #ffaac2;
  18. }
  19.  
  20.  
  21. #wrapper {
  22. background-color:#FF;
  23. margin-right:0px;
  24. width:1200px;}
  25.  
  26.  
  27. #wrapper::after {
  28. background-color:#FFFFFF;
  29. clear:both;
  30. content:'.';
  31. display:block;
  32. height:0;
  33. visibility:hidden;
  34. }
  35.  
  36.  
  37. p {
  38.  
  39. }
  40.  
  41. #header {
  42. height: 196px;
  43. width: 970px;
  44. background: transparent url(http://i62.tinypic.com/2vw7l3p.png) no-repeat;
  45. margin-left:130px;  
  46. }
  47.  
  48. .meny {
  49. width: 940px;
  50. height: 25px;
  51. padding-top:2px;
  52. padding-bottom:5px;
  53. text-align: center;
  54. background: transparent;
  55. border-top: 3px solid #ffffff;
  56. border-bottom: 3px solid #ffffff;
  57. font-size: 20px;
  58. font-family: Avenir Next, Times New Roman;
  59. color: #ffffff;
  60. margin-top:-15px;
  61. margin-bottom:10px;
  62. margin-left:150px;
  63. text-transform: uppercase;
  64.   text-shadow: 2px 2px 2px #959595;
  65. }
  66.  
  67. #content {
  68. background-clip:initial;
  69. background-color:#ffffff;
  70.   margin-right: 110px;
  71.   margin-top: 0px;
  72. background-image:none;
  73. background-origin:initial;
  74. background-position:0 0;
  75. background-repeat:repeat repeat;
  76. float:right;
  77. width:700px;
  78. -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
  79. -moz-border-radius: 3px; /* FF1-3.6 */
  80. border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  81.   -moz-box-shadow:0px 0px 3px #b6b6b6;
  82. box-shadow: 0px 0px 3px #b6b6b6;
  83. }
  84. html > body #content {
  85. width:700px;
  86. }
  87. h1 {
  88. background-attachment:scroll;
  89. background-clip:initial;
  90. background-image:url();
  91. background-origin:initial;
  92. background-position:0 0;
  93. background-repeat:no-repeat no-repeat;
  94. color:#111111;
  95. font-size:15px;
  96. font-weight:normal;
  97. font-family: 'Parisienne', cursive;
  98. text-align:left;
  99. margin-top: 210px;
  100. margin-left: 50px;
  101. }
  102.  
  103. h1 a {
  104. background-attachment:scroll;
  105. background-clip:initial;
  106. background-image:url();
  107. background-origin:initial;
  108. background-position:0 0;
  109. background-repeat:no-repeat no-repeat;
  110. color:#a8a8a8;
  111. font-size:50px;
  112. font-weight:normal;
  113. font-family: 'Parisienne', cursive;
  114. text-align:left;
  115. text-decoration: none;
  116.  
  117.  
  118. }
  119.  
  120.  
  121. h3 {
  122. color:#959595;
  123. font-family: Times New Roman, helvetica, georgia;
  124. font-size:30px;
  125. font-weight:100;
  126. margin-bottom:0px;
  127. margin-left:15px;
  128. margin-right:0px;
  129. margin-top:10px;
  130. text-align:left;
  131. text-transform: uppercase;
  132.   border-bottom: dotted 2px #d1d1d1;
  133.   width:670px;
  134. }
  135.  
  136. #profilbild{
  137. width:200px;
  138. height: 257px;
  139. margin-left:-3px;
  140. background: #d1d1d1 url(http://i61.tinypic.com/168h1j9.png);
  141. float: center;
  142. }
  143.  
  144. #side {
  145. float: left;
  146. width: 200px;
  147. margin-left:150px;
  148. }
  149.  
  150. #box {
  151. width: 200px;
  152. padding-top: 5px;
  153. padding-bottom: 10px;
  154. padding-left: 15px;
  155. padding-right: 10px;
  156. background: #fff;
  157.   text-align: left;
  158.   font-family: Avenir Next;
  159. -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
  160. -moz-border-radius: 3px; /* FF1-3.6 */
  161. border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  162.   -moz-box-shadow:0px 0px 3px #b6b6b6;
  163. box-shadow: 0px 0px 3px #b6b6b6;  
  164. }
  165.  
  166.  
  167. .navheader {
  168. font-family: Times New Roman, Helvetica, Sans-serif;
  169. font-size: 18px;
  170. font-weight: normal;
  171. color: #959595;
  172. margin-left: 0px;
  173. margin-top: 5px;
  174. margin-bottom:10px;
  175. background-color:#;
  176. text-align: left;
  177. text-transform: uppercase;
  178. border-bottom: dotted 2px #d1d1d1;
  179. width: 190px;
  180. }
  181.  
  182. .nav {
  183. font-family: Avenir Next, verdana, Arial, Helvetica, Sans-serif;
  184. font-size: 11px;
  185. font-weight: bold;
  186. color: #000000;
  187. text-align: left;
  188. }
  189.  
  190. .nav ul {
  191. font-weight: normal;
  192. background-color: #000000;
  193.   text-align: center;
  194.   list-style-type: none;
  195. }
  196.  
  197. .nav li {
  198. padding: 0px 0px 6px 0px;
  199. font-weight: normal;
  200.   text-align: center;
  201. }
  202.  
  203. a {color: #959595; text-decoration:none; }
  204. a:hover {color: #ffaac2;}
  205.  
  206. m {color: #ffffff;}
  207.  
  208.  
  209.  
  210. .Info{
  211. font-family: Times New Roman, Helvetica, Sans-serif;
  212. font-size: 15px;
  213. font-weight: 100;
  214. color: #959595;
  215. padding-top:10px;
  216. padding-bottom:5px;
  217. padding-right: 5px;
  218. padding-left: 0px;
  219. margin-bottom:0px;
  220. background-color:#;
  221. text-align: center;
  222. }
  223.  
  224. .entrybody {
  225. font-family: Georgia, arial, sans-serif;
  226. font-size: 13px;
  227. font-weight: normal;
  228. color: #565656;
  229. line-height: 155%;
  230. text-align:center;
  231. padding:15px;
  232. margin: 0px 0px 0px 0px;
  233.  margin-left: 0px;
  234.   background: transparent;
  235. }
  236.  
  237.  
  238. .kommentera {
  239. color:#959595;
  240. font-family: Avenir, Times, Georgia, Helvetica, Arial, American Typewriter;
  241. font-size:30px;
  242. font-weight:normal;
  243. line-height:160%;
  244. margin-bottom:-5px;
  245. margin-top:5px;
  246. text-align:center;
  247. padding-top: 5px;
  248. padding-bottom: -5px;
  249.  margin-left: -5px;
  250.   text-transform: uppercase;
  251. }
  252.  
  253. .entrymeta {
  254. color:#959595;
  255. font-family:Times New Roman;
  256. font-size:22px;
  257. font-weight:normal;
  258. line-height:90%;
  259. margin-bottom:22px;
  260. margin-top:10px;
  261. margin-right: 30px;
  262. text-align:right;
  263. padding-top: 5px;
  264. padding-bottom: -15px;
  265.  margin-left: 0px;
  266. }
  267.  
  268. #tidochdatum {
  269. color:#9e9e9e;
  270. font-family:Avenir Next, verdana;
  271. font-size:13px;
  272. font-weight:400;
  273. font-style: italic;
  274. line-height:160%;
  275. margin-bottom:5px;
  276. margin-top:0px;
  277. margin-left:15px;
  278. text-align:left;
  279. }
  280.  
  281.  
  282. .entrymeta a {
  283. color:#9e9e9e;
  284. text-decoration:none;
  285. font-weight:normal;
  286. }
  287. .entrymeta a:hover {
  288. color:#ffaac2;
  289. font-weight:normal;
  290. text-decoration:none;
  291. }
  292.  
  293.  
  294. .kommentera a {
  295. color:#959595;
  296. text-decoration:none;
  297. font-weight:normal;
  298. }
  299. .kommentera a:hover {
  300. color:#ffaac2;
  301. font-weight:normal;
  302. text-decoration:none;
  303. }
  304.  
  305.  
  306. .commentheader {
  307. font-family: Times New Roman, georgia;
  308. font-size: 20px;
  309. font-weight: normal;
  310. color: #959595;
  311. text-transform: lowercase;
  312. letter-spacing: 0.1em;
  313. line-height: 140%;
  314. padding: 3px 3px 3px 3px;
  315. margin-right: 20px;
  316. margin-left: 20px;
  317. margin-bottom: -30px;
  318. margin-top: 15px;
  319. padding-left: 10px;
  320. padding-top: 0px;
  321. background: #;
  322. border-bottom: dotted 0px #baeff4;
  323. text-transform: uppercase;
  324. }
  325.  
  326. .commenttext {
  327. font-family: Georgia, verdana, arial, sans-serif;
  328. font-size: 13px;
  329. font-weight: normal;
  330. color: #565656;
  331. line-height: 150%;
  332. margin-top:0px;
  333. margin-right:20px;
  334. margin-left:20px;
  335. margin-bottom: 10px;
  336. padding-left:20px;
  337. padding-right:20px;
  338. padding-top: 10px;
  339. padding-bottom: 20px;
  340. width:610px;
  341. }
  342.  
  343. .commentmeta {
  344. color:#959595;
  345. font-family:Avenir Next, verdana;
  346. font-size:11px;
  347. text-align:left;
  348. padding-top:5px;
  349.   padding-bottom: 5px;
  350.   padding-right: 0px;
  351.   padding-left: 20px;
  352.   margin-top:20px;
  353. margin-right:20px;
  354. margin-left:20px;
  355. background:;
  356. letter-spacing: 0.1em;
  357. }
  358.  
  359. .commentmeta a { color: #fec9d8; text-transform: normal; text-decoration:none; }
  360. .commentmeta a:hover { color: #000000; text-decoration:none;
  361. -o-transition: all 0.1s ease-out 0s;
  362. -webkit-transition: all 0.6s ease-out 0s;
  363. -moz-transition: all 0.1s ease-out 0s;}
  364.  
  365.  
  366. .commentform {
  367. color:#111111;
  368. font-family:verdana;
  369. font-size:12px;
  370. line-height:160%;
  371. margin-top:40px;
  372. margin-left:20px;
  373. margin-right:20px;
  374. padding-left: 20px;
  375. padding-bottom: 30px;
  376. text-align: left;
  377. }
  378.  
  379.  
  380. .default {
  381. color:#686868;
  382. font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
  383.  
  384. padding-bottom:40px;
  385.  
  386. text-transform:uppercase;
  387. }
  388. .subside {
  389. font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
  390. font-size:0.7em;
  391. font-weight:normal;
  392.  
  393. }
  394. .xmlButton {
  395.  
  396. color:#FFFFFF;
  397. font:normal normal normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
  398. margin-bottom:0;
  399. margin-left:0;
  400. margin-right:0;
  401. margin-top:0;
  402. padding-bottom:0;
  403. padding-left:3px;
  404. padding-right:3px;
  405. padding-top:0;
  406. text-decoration:none;
  407.  
  408. }
  409. .image {
  410.  
  411. margin-bottom:8px;
  412. margin-left:-15px;
  413. margin-top:8px;
  414.  
  415. }
  416. .thumbnail {
  417.  
  418. margin-bottom:0;
  419. margin-left:0;
  420. margin-right:0;
  421. margin-top:0;
  422. padding-bottom:0;
  423. padding-left:0;
  424. padding-right:0;
  425. padding-top:0;
  426. }
  427. .video {
  428. padding-bottom:0;
  429. padding-left:0;
  430. padding-right:0;
  431. padding-top:0;
  432. }
  433. .fieldName {
  434. font-family:verdana, arial, sans-serif;
  435. font-size:11px;
  436. margin-bottom:12px;
  437. margin-left:0;
  438. margin-right:0;
  439. margin-top:0;
  440. }
  441. select {
  442. font-family:verdana, arial, sans-serif;
  443. font-size:11px;
  444. }
  445. form {
  446. margin-bottom:10px;
  447. margin-left:0;
  448. margin-right:0;
  449. margin-top:0;
  450. padding-bottom:10px;
  451. padding-left:10px;
  452. padding-right:10px;
  453. padding-top:10px;
  454.  
  455. }
  456. #profile h4 {
  457. background-color:#FFFFFF;
  458. background-position:0 50%;
  459. background-repeat:no-repeat no-repeat;
  460. color:#000000;
  461. font-family:Tahoma, Arial, Helvetica, sans-serif;
  462. font-size:14px;
  463. font-weight:normal;
  464. height:20px;
  465. margin-bottom:0;
  466. margin-left:0;
  467. margin-right:0;
  468. margin-top:0;
  469. padding-bottom:5px;
  470. padding-left:5px;
  471. padding-right:5px;
  472. padding-top:15px;
  473. text-align:center;
  474. text-transform:none;
  475. }
  476. #profile p {
  477. }
  478.  
  479. .mattblacktabs {
  480. border-bottom-color:black;
  481. border-bottom-style:solid;
  482. border-bottom-width:0;
  483. overflow-x:hidden;
  484. overflow-y:hidden;
  485. width:100%;
  486. }
  487. .mattblacktabs ul {
  488. font:normal normal normal 12px/normal Verdana;
  489. list-style-type:none;
  490. margin-bottom:0;
  491. margin-left:0;
  492. margin-right:0;
  493. margin-top:0;
  494. padding-bottom:0;
  495. padding-left:10px;
  496. padding-right:0;
  497. padding-top:0;
  498. }
  499. .mattblacktabs li {
  500. display:inline;
  501. margin-bottom:0;
  502. margin-left:0;
  503. margin-right:0;
  504. margin-top:0;
  505. }
  506. .mattblacktabs li a {
  507. background-attachment:scroll;
  508. background-clip:initial;
  509. background-color:#414141;
  510. background-image:none;
  511. background-origin:initial;
  512. background-position:0 0;
  513. background-repeat:repeat repeat;
  514. border-right-color:white;
  515. border-right-style:solid;
  516. border-right-width:1px;
  517. color:white;
  518. display:block;
  519. float:left;
  520. padding-bottom:7px;
  521. padding-left:8px;
  522. padding-right:8px;
  523. padding-top:7px;
  524. text-decoration:none;
  525. }
  526.  
  527. .separator {
  528. border-bottom-color:#EDEEF3;
  529. border-bottom-style:solid;
  530. border-bottom-width:0px;
  531. border-left-color:#FFFFFF;
  532. border-left-style:solid;
  533. border-left-width:1px;
  534. border-right-color:#FFFFFF;
  535. border-right-style:solid;
  536. border-right-width:1px;
  537. border-top-color:#FFFFFF;
  538. border-top-style:solid;
  539. border-top-width:1px;
  540. margin-bottom:0;
  541. margin-left:0;
  542. margin-right:0;
  543. margin-top:15px;
  544. }
  545. .cufon-loading {
  546. visibility:hidden;
  547. }
  548.  
  549. .cufon-loading {
  550. visibility:hidden;
  551. }
  552.  
  553.  
  554. .profiltext {
  555. border-left: 0px solid #fff;
  556. border-right: 6px solid #fff;
  557. font-family: verdana;
  558. font-size: 9px;
  559. text-align:left;
  560. font-weight: normal;
  561. color: #c0c0c0;
  562. padding: 0px 0px 0px 0px;
  563. margin: 0px 0px 0px 0px;
  564. border-bottom: 0px dotted #e4dede;
  565. margin-top: 5px;
  566.  
  567. }
  568.  
  569. .profiltext2 {
  570.  
  571. border-left: 0px solid #fff;
  572. border-right: 6px solid #fff;
  573. font-family: verdana;
  574. font-size: 9px;
  575. text-align:center;
  576. font-weight: normal;
  577. color: #777777;
  578. padding: 0px 8px 0px 8px;
  579. margin: 0px 0px 0px 0px;
  580. border-bottom: 0px dotted #e4dede;
  581. margin-top: -25px;
  582.  
  583. }
  584.  
  585. .profiltext3 {
  586. border-left: 0px solid #fff;
  587. border-right: 6px solid #fff;
  588. font-family: georgia;
  589. font-size: 15px;
  590. text-align:center;
  591. font-weight: normal;
  592. color: #f4b7cb;
  593. padding: 0px 8px 0px 8px;
  594. margin: 0px 0px 0px 0px;
  595. border-bottom: 0px dotted #e4dede;
  596.  
  597. }
  598.  
  599. .profiltext4 {
  600.  
  601. border-left: 0px solid #fff;
  602. border-right: 6px solid #fff;
  603. font-family: verdana;
  604. font-size: 9px;
  605. text-align:center;
  606. font-weight: normal;
  607. color: #777777;
  608. padding: 0px 8px 0px 8px;
  609. margin: 0px 0px 0px 0px;
  610. border-bottom: 0px dotted #e4dede;
  611. margin-top: -10px;
  612.  
  613. }
  614.  
  615.  
  616.  
  617. .entrybody a {
  618. color: #4ab8ff;
  619. background-color: #ffffff;
  620. text-decoration: none;
  621. }
  622. .entrybody a:hover {
  623. color: #000000;
  624. background-color: #ffffff;
  625. text-decoration: none;
  626. }
  627.  
  628.  
  629. .entrymeta-background {
  630. background: #f6f6f6;
  631. border-left: 30px solid #fff;
  632. border-right: 30px solid #fff;
  633. font-family: verdana;
  634. font-size: 9px;
  635. text-align:center;
  636. font-weight: normal;
  637. color: #777777;
  638. margin-top: 0px;
  639. padding-bottom: -13px;
  640. padding-top: 3px;
  641. margin-bottom: -15px;
  642. height: 15px;}
  643.  
  644.  
  645. /***Svar pƄ kommentarer***/
  646. .response {
  647. width: 640px;
  648. font-family: Century Gothic;
  649. font-size: 11px;
  650. line-height: 150%;
  651. margin-top: 10px;
  652. margin-left:40px;
  653. margin-right:20px;
  654. margin-bottom:10px;
  655. }
  656.  
  657. .response-from {
  658. font-family: Georgia, arial, sans-serif;
  659. font-size: 12px;
  660. color: #565656;
  661. font-weight: bold;
  662. line-height: 150%;
  663. margin-bottom: -20px;
  664. padding-right: -20px;
  665. padding-top: 0px;
  666. padding-bottom: 0px;
  667. background: #fff;
  668. }
  669.  
  670. .response-message {
  671. font-family: Georgia, arial, sans-serif;
  672. font-size: 12px;
  673. color: #565656;
  674. line-height: 170%;
  675. margin-left: 0px;
  676. }
  677.  
  678. .response-by {
  679. font-family: verdana, arial, sans-serif;
  680. font-size: 0px;
  681. color: #777;
  682. line-height: 150%;
  683. margin-left:20px;
  684. padding-left:20px;
  685. padding-right: 600px;
  686. letter-spacing: 0.1em;
  687. }
  688.  
  689. .cufon-loading {
  690. visibility:hidden;
  691. }
  692.  
  693. .entrybody a {
  694. color: #4ab8ff;
  695. background-color: transparent;
  696. text-decoration: none;
  697. }
  698. .entrybody a:hover {
  699. color: #000000;
  700. background-color: #ffffff;
  701. text-decoration: none;
  702. }
  703.  
  704.  
  705. .entrymeta-background {
  706. background: #f6f6f6;
  707. border-left: 30px solid #fff;
  708. border-right: 30px solid #fff;
  709. font-family: verdana;
  710. font-size: 9px;
  711. text-align:center;
  712. font-weight: normal;
  713. color: #777777;
  714. margin-top: 0px;
  715. padding-bottom: -13px;
  716. padding-top: 3px;
  717. margin-bottom: -15px;
  718. height: 15px;}
  719.  
  720. .links_list
  721. {
  722.     margin:0px;
  723.     padding:0px;
  724. }
  725.  
  726.  
  727. .links_head
  728. {
  729.     margin-top:-20px;
  730.     margin-left: 0px;
  731.     color:#ffffff;
  732.     font-family: Avenir Next, Times New Roman;
  733.     font-size:15px;
  734.     text-align:left;
  735.     text-transform: uppercase;
  736.     background: #fec9d8;
  737.     padding: 6px;
  738.   width:183px;
  739. }
  740.  
  741.  
  742. .links_body {
  743.     padding:0px;
  744.     margin-top: -0px;
  745.     margin-bottom: 30px;
  746.   margin-left:10px;
  747.     text-align:justify;
  748.     color: #959595;
  749.     display:none;
  750.   font-size: 12px;
  751.   line-height:180%;
  752.   font-family: Georgia;
  753. }
  754.  
  755.  
  756. .links_body img {
  757.  opacity: 1;
  758.  -webkit-transition: opacity 0.7s linear;
  759.  -webkit-transition: all 0.5s ease-out;
  760.  -moz-transition: all 0.5s ease-out;
  761.  transition: all 0.5s ease-out;
  762. }
  763.  
  764. .links_body img:hover {
  765.  opacity: 0.6;
  766.  -webkit-transition: opacity 0.7s linear;
  767.  -webkit-transition: all 0.3s ease-out;
  768.  -moz-transition: all 0.3s ease-out;
  769.  transition: all 0.3s ease-out;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement