API tools faq
paste
Advertisement
Guest User

Fixed CSS for Slide

a guest
Jun 27th, 2013
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 30.92 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css" media="all" id="less:naestved-public-css-main">
  2. .center {
  3.     margin-left: auto;
  4.     margin-right: auto;
  5. }
  6.  
  7. .shadow {
  8.     -moz-box-shadow: 1px 1px 5px black;
  9.     -webkit-box-shadow: 1px 1px 5px black;
  10.     box-shadow: 1px 1px 5px black;
  11. }
  12.  
  13. .textshadow {
  14.     text-shadow: 1px 1px 1px #2b2b2b;
  15.     filter: dropshadow(color=#2b2b2b, offx=2, offy=1);
  16. }
  17.  
  18. .shadows {
  19.     -webkit-box-shadow: 1px 1px 5px 0px rgba(1, 1, 1, 0.4);
  20.     box-shadow: 1px 1px 5px 0px rgba(1, 1, 1, 0.4);
  21. }
  22.  
  23. @font-face {
  24.     font-family: Aller;
  25.             src: url("http://xn--nstvedhandel-6cb.dk/naestved/public/css/fonts/Aller_Rg.ttf") format("truetype");
  26. }
  27.  
  28. body {
  29.     margin: 0px;
  30.     font-family: Tahoma;
  31.     font-size: 13px;
  32.     background: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/baggrund.png');
  33.     overflow-y: scroll;
  34. }
  35.  
  36. a {
  37.     text-decoration: none;
  38.     color: black;
  39. }
  40.  
  41. img {
  42.     border: 0px;
  43. }
  44.  
  45. form {
  46.     display: inline;
  47. }
  48.  
  49. input[type='text'],
  50.             input[type='password'],
  51.             textarea {
  52.     padding: 5px;
  53.     font-size: 13px;
  54.     border-left: 1px solid #bebebe;
  55.     border-right: 1px solid #dfdfdf;
  56.     border-bottom: 1px solid #dfdfdf;
  57.     border-top: 1px solid #bebebe;
  58. }
  59.  
  60. input[type='submit'] {
  61.     height: 28px;
  62.     color: white;
  63.     font-size: 12px;
  64.     border: 1px solid #df3502;
  65.     cursor: pointer;
  66.     background: #f26500;
  67.             /* Old browsers */
  68.     background: -moz-linear-gradient(top, #f26500 0%, #e13400 100%);
  69.             /* FF3.6+ */
  70.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f26500), color-stop(100%, #e13400));
  71.             /* Chrome,Safari4+ */
  72.     background: -webkit-linear-gradient(top, #f26500 0%, #e13400 100%);
  73.             /* Chrome10+,Safari5.1+ */
  74.     background: -o-linear-gradient(top, #f26500 0%, #e13400 100%);
  75.             /* Opera 11.10+ */
  76.     background: -ms-linear-gradient(top, #f26500 0%, #e13400 100%);
  77.             /* IE10+ */
  78.     background: linear-gradient(to bottom, #f26500 0%, #e13400 100%);
  79.             /* W3C */;
  80. }
  81.  
  82. .separator {
  83.     float: left;
  84.     height: 1px;
  85.     margin-top: 5px;
  86.     margin-bottom: 5px;
  87.     width: 100%;
  88.     border-bottom: 1px dotted #bab8bd;
  89.     display: block;
  90. }
  91.  
  92. .error {
  93.     color: red;
  94. }
  95.  
  96. .time {
  97.     color: #a6a4a8;
  98. }
  99.  
  100. .whitebold {
  101.     font-family: Arial;
  102.     font-size: 14px;
  103.     font-weight: bold;
  104.     color: white;
  105.     text-shadow: 1px 1px 1px #2b2b2b;
  106.     filter: dropshadow(color=#2b2b2b, offx=2, offy=1);
  107. }
  108.  
  109. #topbar {
  110.     width: 100%;
  111.     height: 70px;
  112.     float: left;
  113.     background: #ffffff;
  114.             /* Old browsers */
  115.     background: -moz-linear-gradient(top, #ffffff 0%, #f3f2f2 100%);
  116.             /* FF3.6+ */
  117.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f2f2));
  118.             /* Chrome,Safari4+ */
  119.     background: -webkit-linear-gradient(top, #ffffff 0%, #f3f2f2 100%);
  120.             /* Chrome10+,Safari5.1+ */
  121.     background: -o-linear-gradient(top, #ffffff 0%, #f3f2f2 100%);
  122.             /* Opera 11.10+ */
  123.     background: -ms-linear-gradient(top, #ffffff 0%, #f3f2f2 100%);
  124.             /* IE10+ */
  125.     background: linear-gradient(to bottom, #ffffff 0%, #f3f2f2 100%);
  126.             /* W3C */;
  127. }
  128.  
  129. #topbar #topbar_inner {
  130.     width: 890px;
  131.     margin-left: auto;
  132.     margin-right: auto;
  133. }
  134.  
  135. #topbar #topbar_inner #left {
  136.     float: left;
  137. }
  138.  
  139. #topbar #topbar_inner #right {
  140.     margin: 20px;
  141.     float: right;
  142. }
  143.  
  144. #topbar #topbar_inner #right .menuItem {
  145.     height: 50px;
  146.     margin-left: 10px;
  147.     float: left;
  148. }
  149.  
  150. #topbar #topbar_inner #right .menuItem .image {
  151.     margin-top: 2px;
  152.     margin-right: 10px;
  153.     float: left;
  154. }
  155.  
  156. #topbar #topbar_inner #right .menuItem .head {
  157.     font-size: 14px;
  158. }
  159.  
  160. #topbar #topbar_inner #right .menuItem .description {
  161.     font-size: 11px;
  162. }
  163.  
  164. #topbar #topbar_inner #right .spacer {
  165.     width: 1px;
  166.     height: 30px;
  167.     margin-left: 10px;
  168.     float: left;
  169.     background-color: #bab8bd;
  170. }
  171.  
  172. #top {
  173.     width: 100%;
  174.     height: 120px;
  175.     background: #b2e66a;
  176.             /* Old browsers */
  177.     background: -moz-linear-gradient(left, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  178.             /* FF3.6+ */
  179.     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b2e66a), color-stop(50%, #7bcd30), color-stop(100%, #54901f));
  180.             /* Chrome,Safari4+ */
  181.     background: -webkit-linear-gradient(left, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  182.             /* Chrome10+,Safari5.1+ */
  183.     background: -o-linear-gradient(left, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  184.             /* Opera 11.10+ */
  185.     background: -ms-linear-gradient(left, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  186.             /* IE10+ */
  187.     background: linear-gradient(to right, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  188.             /* W3C */;
  189. }
  190.  
  191. #top #imagelayer {
  192.     width: 100%;
  193.     height: 100%;
  194.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/topbg.png');
  195.     background-repeat: no-repeat;
  196.     background-position: center;
  197. }
  198.  
  199. #top #imagelayer #noiselayer {
  200.     width: 100%;
  201.     height: 100%;
  202.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/noise.png');
  203. }
  204.  
  205. #top #imagelayer #noiselayer #centerlayer {
  206.     width: 890px;
  207.     padding-top: 15px;
  208.     margin-left: auto;
  209.     margin-right: auto;
  210. }
  211.  
  212. #top #imagelayer #noiselayer #centerlayer #logo {
  213.     margin-top: 0px;
  214.     float: left;
  215. }
  216.  
  217. #top #imagelayer #noiselayer #centerlayer #soegning {
  218.     float: left;
  219.     margin-top: 30px;
  220.     margin-left: 40px;
  221. }
  222.  
  223. #top #imagelayer #noiselayer #centerlayer #soegning input[type='text'] {
  224.     width: 400px;
  225.     height: 25px;
  226.     border: 0px;
  227.     -webkit-box-shadow: 0px 0px 5px 1px #ffffff;
  228.     box-shadow: 0px 0px 5px 1px #b1ff3a;
  229.     -webkit-border-radius: 5px;
  230.     -moz-border-radius: 5px;
  231.     -ms-border-radius: 5px;
  232.     -o-border-radius: 5px;
  233.     border-radius: 5px;
  234.     border-bottom-right-radius: 0px;
  235.     border-top-right-radius: 0px;
  236.     float: left;
  237. }
  238.  
  239. #top #imagelayer #noiselayer #centerlayer #soegning input[type='submit'] {
  240.     height: 35px;
  241.     border: 0px;
  242. }
  243.  
  244. #top #imagelayer #noiselayer #centerlayer #soegning #soeg_knap_bg {
  245.     float: left;
  246.     width: 35px;
  247.     margin-left: 0px;
  248.     font-size: 14px;
  249.     -webkit-border-radius: 5px;
  250.     -moz-border-radius: 5px;
  251.     -ms-border-radius: 5px;
  252.     -o-border-radius: 5px;
  253.     border-radius: 5px;
  254.     border-bottom-left-radius: 0px;
  255.     border-top-left-radius: 0px;
  256.     background: #f26500;
  257.             /* Old browsers */
  258.     background: -moz-linear-gradient(top, #f26500 0%, #e13400 100%);
  259.             /* FF3.6+ */
  260.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f26500), color-stop(100%, #e13400));
  261.             /* Chrome,Safari4+ */
  262.     background: -webkit-linear-gradient(top, #f26500 0%, #e13400 100%);
  263.             /* Chrome10+,Safari5.1+ */
  264.     background: -o-linear-gradient(top, #f26500 0%, #e13400 100%);
  265.             /* Opera 11.10+ */
  266.     background: -ms-linear-gradient(top, #f26500 0%, #e13400 100%);
  267.             /* IE10+ */
  268.     background: linear-gradient(to bottom, #f26500 0%, #e13400 100%);
  269.             /* W3C */;
  270. }
  271.  
  272. #top #imagelayer #noiselayer #centerlayer #soegning #soeg_knap {
  273.     width: 35px;
  274.     font-size: 14px;
  275.     -webkit-border-radius: 5px;
  276.     -moz-border-radius: 5px;
  277.     -ms-border-radius: 5px;
  278.     -o-border-radius: 5px;
  279.     border-radius: 5px;
  280.     border-bottom-left-radius: 0px;
  281.     border-top-left-radius: 0px;
  282.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/search.png');
  283.     background-repeat: no-repeat;
  284.     background-size: 15px;
  285.     background-position: 10px 10px;
  286.     -webkit-box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.4);
  287.     box-shadow: 0px 0px 5px 1px rgba(177, 255, 58, 0.4);
  288. }
  289.  
  290. #top #imagelayer #noiselayer #centerlayer #soegning #opret_annonce_knap {
  291.     width: 150px;
  292.     font-size: 14px;
  293.     color: #f0f0f0;
  294.     text-shadow: 1px 1px 1px #2b2b2b;
  295.     filter: dropshadow(color=#2b2b2b, offx=2, offy=1);
  296.     -webkit-border-radius: 5px;
  297.     -moz-border-radius: 5px;
  298.     -ms-border-radius: 5px;
  299.     -o-border-radius: 5px;
  300.     border-radius: 5px;
  301. }
  302.  
  303. #kategorier {
  304.     width: 100%;
  305.     background: #b2e66a;
  306.             /* Old browsers */
  307.     background: -moz-linear-gradient(left, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  308.             /* FF3.6+ */
  309.     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b2e66a), color-stop(50%, #7bcd30), color-stop(100%, #54901f));
  310.             /* Chrome,Safari4+ */
  311.     background: -webkit-linear-gradient(left, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  312.             /* Chrome10+,Safari5.1+ */
  313.     background: -o-linear-gradient(left, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  314.             /* Opera 11.10+ */
  315.     background: -ms-linear-gradient(left, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  316.             /* IE10+ */
  317.     background: linear-gradient(to right, #b2e66a 0%, #7bcd30 50%, #54901f 100%);
  318.             /* W3C */;
  319. }
  320.  
  321. #kategorier #imagelayer {
  322.     width: 100%;
  323.     height: 100%;
  324.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/topbg.png');
  325.     background-repeat: no-repeat;
  326.     background-position: center;
  327.     background-position: center -152px;
  328. }
  329.            
  330. #kategorier #imagelayer #noiselayer {
  331.     width: 100%;
  332.     height: 100%;
  333.     height: 40px;
  334.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/noise.png');
  335.     background-color: rgba(255, 255, 255, 0.3);
  336. }
  337.  
  338. #kategorier #imagelayer #noiselayer #centerlayer {
  339.     width: 890px;
  340.     height: 27px;
  341.     margin-left: auto;
  342.     margin-right: auto;
  343. }
  344.  
  345. #kategorier #imagelayer #noiselayer #centerlayer #hovedkategorier {
  346.     width: 890px;
  347.     margin-bottom: 0px;
  348. }
  349.  
  350. #kategorier #imagelayer #noiselayer #centerlayer #hovedkategorier a {
  351.     display: table-cell;
  352. }
  353.  
  354. #kategorier #imagelayer #noiselayer #centerlayer #hovedkategorier a .hovedkategori {
  355.     height: 27px;
  356.     padding-top: 13px;
  357.     padding-left: 12px;
  358.     padding-right: 12px;
  359.     font-family: Arial;
  360.     font-size: 14px;
  361.     font-weight: bold;
  362.     color: white;
  363.     text-shadow: 1px 1px 1px #2b2b2b;
  364.     filter: dropshadow(color=#2b2b2b, offx=2, offy=1);
  365. }
  366.  
  367. #kategorier #imagelayer #noiselayer #centerlayer #hovedkategorier a .hovedkategori:hover {
  368.     background-color: rgba(0, 0, 0, 0.1);
  369. }
  370.  
  371. #kategorier #imagelayer #noiselayer #centerlayer #hovedkategorier a .selected {
  372.     background-color: rgba(0, 0, 0, 0.1);
  373. }
  374.  
  375. #kategorier #background_layer {
  376.     width: 100%;
  377.     background-color: rgba(0, 0, 0, 0.1);
  378.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/noise.png');
  379. }
  380.  
  381. #kategorier #background_layer #underkategorier {
  382.     width: 100%;
  383.     margin-left: auto;
  384.     margin-right: auto;
  385. }
  386.  
  387. #kategorier #background_layer #underkategorier a {
  388.     display: table-cell;
  389. }
  390.  
  391. #kategorier #background_layer #underkategorier a .kategori {
  392.     height: 23px;
  393.     padding-top: 7px;
  394.     padding-left: 20px;
  395.     padding-right: 20px;
  396.     float: left;
  397.     font-family: Arial;
  398.     font-weight: bold;
  399.     color: white;
  400.     text-shadow: 1px 1px 1px #2b2b2b;
  401.     filter: dropshadow(color=#2b2b2b, offx=2, offy=1);
  402.     font-size: 14px;
  403. }
  404.  
  405. #kategorier #background_layer #underkategorier a .kategori:hover {
  406.     background-color: rgba(255, 255, 255, 0.2);
  407. }
  408.  
  409. #kategorier #background_layer #underkategorier a .selected {
  410.     background-color: rgba(255, 255, 255, 0.2);
  411. }
  412.  
  413. #kategorier #topshadow {
  414.     width: 100%;
  415.     height: 8px;
  416.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/top_skygge.png');
  417.     background-repeat: no-repeat;
  418.     border-top: 2px solid white;
  419.     margin-left: auto;
  420.     margin-right: auto;
  421.     float: left;
  422. }
  423.  
  424. #kategoriholder {
  425.     width: 100%;
  426.     height: 0px;
  427. }
  428.            
  429. #middlewrapper #content h1 {
  430.     margin-top: 10px;
  431.     margin-bottom: 15px;
  432.     font-family: Trebuchet MS;
  433.     font-size: 30px;
  434.     font-weight: normal;
  435.     color: #323232;
  436. }
  437.  
  438. #menu {
  439.     float: right;
  440. }
  441.  
  442. #middlewrapper #content .contentbox {
  443.     width: 650px;
  444.     padding: 15px;
  445.           /* float: left;*/
  446.     background-color: white;
  447. }
  448.  
  449. #content {
  450.     width: 680px;
  451.     float: left;
  452. }
  453.  
  454. #middlewrapper #content .contentbox_shadow {
  455.     width: 690px;
  456.     height: 20px;
  457. /* float: left; */
  458.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/content_skygge.png');
  459.     background-repeat: no-repeat;
  460. }
  461.  
  462. #middlewrapper {
  463.     width: 890px;
  464.     margin-left: auto;
  465.     margin-right: auto;
  466. }
  467.  
  468. #middlewrapper #content {
  469.     width: 690px;
  470.             /*float: left;*/;
  471. }
  472.  
  473. #middlewrapper #menu {
  474.     width: 200px;
  475.     float: left;
  476. }
  477.  
  478. #middlewrapper #menu h2 {
  479.     height: 30px;
  480.     margin-top: 30px;
  481.     margin-bottom: 10px;
  482.     font-family: Arial;
  483.     font-weight: normal;
  484.     font-size: 20px;
  485.     color: #323232;
  486.     border-bottom: 2px groove white;
  487. }
  488.  
  489. #middlewrapper #menu h3 {
  490.     font-family: Arial;
  491.     font-weight: normal;
  492.     font-size: 16px;
  493.     color: #323232;
  494.     display: inline;
  495. }
  496.  
  497. #middlewrapper #menu input {
  498.     color: black;
  499.     font-family: Tahoma;
  500.     font-size: 13px;
  501. }
  502.  
  503. #middlewrapper #menu input[type='text'],
  504.             #middlewrapper #menu input[type='password'],
  505.             #middlewrapper #menu select {
  506.     width: 94%;
  507.     height: 30px;
  508.     padding: 0px;
  509.     padding-left: 10px;
  510.     border: 1px solid #bab8bd;
  511.     -webkit-border-radius: 5px;
  512.     -moz-border-radius: 5px;
  513.     -ms-border-radius: 5px;
  514.     -o-border-radius: 5px;
  515.     border-radius: 5px;
  516.     background: #ebeaf0;
  517.             /* Old browsers */
  518.     background: -moz-linear-gradient(top, #ebeaf0 0%, #fafafa 100%);
  519.             /* FF3.6+ */
  520.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebeaf0), color-stop(100%, #fafafa));
  521.             /* Chrome,Safari4+ */
  522.     background: -webkit-linear-gradient(top, #ebeaf0 0%, #fafafa 100%);
  523.             /* Chrome10+,Safari5.1+ */
  524.     background: -o-linear-gradient(top, #ebeaf0 0%, #fafafa 100%);
  525.             /* Opera 11.10+ */
  526.     background: -ms-linear-gradient(top, #ebeaf0 0%, #fafafa 100%);
  527.             /* IE10+ */
  528.     background: linear-gradient(to bottom, #ebeaf0 0%, #fafafa 100%);
  529.             /* W3C */;
  530. }
  531.  
  532. #middlewrapper #menu button,
  533.             #middlewrapper #menu input[type='submit'],
  534.             #middlewrapper #menu .loginButton {
  535.     width: 200px;
  536.     height: 30px;
  537.     margin-bottom: 10px;
  538.     border: 1px solid white;
  539.     font-family: Tahoma;
  540.     font-size: 13px;
  541.     cursor: pointer;
  542.     background: #f9f9f9;
  543.             /* Old browsers */
  544.     background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  545.             /* FF3.6+ */
  546.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f0f0f0));
  547.             /* Chrome,Safari4+ */
  548.     background: -webkit-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  549.             /* Chrome10+,Safari5.1+ */
  550.     background: -o-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  551.             /* Opera 11.10+ */
  552.     background: -ms-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  553.             /* IE10+ */
  554.     background: linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0 100%);
  555.             /* W3C */
  556.     -webkit-border-radius: 5px;
  557.     -moz-border-radius: 5px;
  558.     -ms-border-radius: 5px;
  559.     -o-border-radius: 5px;
  560.     border-radius: 5px;
  561.     -webkit-box-shadow: 1px 1px 5px 0px rgba(1, 1, 1, 0.4);
  562.     box-shadow: 1px 1px 5px 0px rgba(1, 1, 1, 0.4);
  563.             /* FIX */;
  564. }
  565.  
  566. #middlewrapper #menu button:active,
  567.             #middlewrapper #menu input[type='submit']:active,
  568.             #middlewrapper #menu .loginButton:active {
  569.     -webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  570.     box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  571. }
  572.  
  573. #middlewrapper #menu #loginButton {
  574.     width: 200px;
  575.     height: 30px;
  576.     margin-bottom: 10px;
  577.     border: 1px solid white;
  578.     font-family: Tahoma;
  579.     font-size: 13px;
  580.     cursor: pointer;
  581.     background: #f9f9f9;
  582.             /* Old browsers */
  583.     background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  584.             /* FF3.6+ */
  585.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f0f0f0));
  586.             /* Chrome,Safari4+ */
  587.     background: -webkit-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  588.             /* Chrome10+,Safari5.1+ */
  589.     background: -o-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  590.             /* Opera 11.10+ */
  591.     background: -ms-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  592.             /* IE10+ */
  593.     background: linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0 100%);
  594.             /* W3C */
  595.     -webkit-border-radius: 5px;
  596.     -moz-border-radius: 5px;
  597.     -ms-border-radius: 5px;
  598.     -o-border-radius: 5px;
  599.     border-radius: 5px;
  600.     -webkit-box-shadow: 1px 1px 5px 0px rgba(1, 1, 1, 0.4);
  601.     box-shadow: 1px 1px 5px 0px rgba(1, 1, 1, 0.4);
  602.             /* FIX */
  603.     width: 70px;
  604. }
  605.  
  606. #middlewrapper #menu #loginButton:active {
  607.     -webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  608.     box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  609. }
  610.  
  611. #middlewrapper #menu #glemtKodeordButton {
  612.     width: 200px;
  613.     height: 30px;
  614.     margin-bottom: 10px;
  615.     border: 1px solid white;
  616.     font-family: Tahoma;
  617.     font-size: 13px;
  618.     cursor: pointer;
  619.     background: #f9f9f9;
  620.             /* Old browsers */
  621.     background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  622.             /* FF3.6+ */
  623.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f0f0f0));
  624.             /* Chrome,Safari4+ */
  625.     background: -webkit-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  626.             /* Chrome10+,Safari5.1+ */
  627.     background: -o-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  628.             /* Opera 11.10+ */
  629.     background: -ms-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
  630.             /* IE10+ */
  631.     background: linear-gradient(to bottom, #f9f9f9 0%, #f0f0f0 100%);
  632.             /* W3C */
  633.     -webkit-border-radius: 5px;
  634.     -moz-border-radius: 5px;
  635.     -ms-border-radius: 5px;
  636.     -o-border-radius: 5px;
  637.     border-radius: 5px;
  638.     -webkit-box-shadow: 1px 1px 5px 0px rgba(1, 1, 1, 0.4);
  639.     box-shadow: 1px 1px 5px 0px rgba(1, 1, 1, 0.4);
  640.             /* FIX */
  641.     width: 70px;
  642. }
  643.  
  644. #middlewrapper #menu #glemtKodeordButton:active {
  645.     -webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  646.     box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  647. }
  648.  
  649. #middlewrapper #menu .active {
  650.     color: white;
  651.     border: 1px solid #df3502;
  652.     background: #f26500;
  653.             /* Old browsers */
  654.     background: -moz-linear-gradient(top, #f26500 0%, #e13400 100%);
  655.             /* FF3.6+ */
  656.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f26500), color-stop(100%, #e13400));
  657.             /* Chrome,Safari4+ */
  658.     background: -webkit-linear-gradient(top, #f26500 0%, #e13400 100%);
  659.             /* Chrome10+,Safari5.1+ */
  660.     background: -o-linear-gradient(top, #f26500 0%, #e13400 100%);
  661.             /* Opera 11.10+ */
  662.     background: -ms-linear-gradient(top, #f26500 0%, #e13400 100%);
  663.             /* IE10+ */
  664.     background: linear-gradient(to bottom, #f26500 0%, #e13400 100%);
  665.             /* W3C */;
  666. }
  667.            
  668.            
  669.            
  670.            
  671.            
  672.            
  673.            
  674.            
  675.            
  676.            
  677.             /* ------------------------------------------------------------------------------------ */
  678. #footer {
  679.     width: 890px;
  680.     height: 500px;
  681.     margin-left: auto;
  682.     margin-right: auto;
  683. }
  684.  
  685. #footer h3 {
  686.     font-family: Arial;
  687.     font-weight: normal;
  688.     font-size: 16px;
  689.     color: #323232;
  690.     display: inline;
  691. }
  692.  
  693. #footer .kategori {
  694.     margin-top: 10px;
  695.     margin-left: 45px;
  696.     float: left;
  697.     line-height: 18px;
  698. }
  699.  
  700. #footer a {
  701.     font-family: Tahoma;
  702.     font-size: 13px;
  703.     color: #8a8a8a;
  704. }
  705.  
  706. #footer .filler {
  707.     float: left;
  708.     width: 1px;
  709.     height: 210px;
  710. }
  711.  
  712. #copyright {
  713.     width: 890px;
  714.     margin-top: 500px;
  715.     margin-left: auto;
  716.     margin-right: auto;
  717. }
  718.             /* ---------------------------------- PAGES -------------------------------------------------- */
  719. .annonce {
  720.     width: 100%;
  721. }
  722.  
  723. .annonce .top .imagecontainer {
  724.     float: left;
  725. }
  726.  
  727. .annonce .top .imagecontainer .image {
  728.     max-width: 200px;
  729. }
  730.  
  731. .annonce .top .information {
  732.     width: 441px;
  733.     margin-left: 8px;
  734.     float: left;
  735. }
  736.  
  737. .annonce .top .information h2 {
  738.     font-family: Arial;
  739.     font-weight: normal;
  740.     font-size: 20px;
  741.     color: #323232;
  742.     display: inline;
  743. }
  744.  
  745. .annonce .top .information span {
  746.     color: #646464;
  747.     float: right;
  748. }
  749.  
  750. .annonce .top .information p {
  751.     margin-top: 0px;
  752.     float: left;
  753.     font-size: 12px;
  754.     line-height: 20px;
  755.     color: #646464;
  756.     display: inline;
  757. }
  758.  
  759. .annonce .top .information input {
  760.     height: 19px;
  761.     width: 19px;
  762.     border: 0px;
  763.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/fav0.png');
  764. }
  765.  
  766. .annonce .top .information input.active {
  767.     background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/fav1.png');
  768. }
  769.  
  770. .annonce .comments {
  771.     width: 100%;
  772.     display: table;
  773. }
  774.  
  775. .annonce .comments .comment {
  776.     width: 100%;
  777.     float: left;
  778. }
  779.  
  780. .annonce .comments .comment .imagecontainer {
  781.     display: table-cell;
  782.     width: 55px;
  783. }
  784.  
  785. .annonce .comments .comment p {
  786.     width: 500px;
  787.     color: #323232;
  788.     display: table-cell;
  789.     vertical-align: middle;
  790. }
  791.  
  792. .annonce .comments .comment p.bud {
  793.     width: 100px;
  794.     display: table-cell;
  795. }
  796.  
  797. .annonce .write_comment {
  798.     width: 100%;
  799.     float: left;
  800.     display: table;
  801. }
  802.  
  803. .annonce .write_comment .container {
  804.     width: 100%;
  805.     float: left;
  806. }
  807.  
  808. .annonce .write_comment .container .imagecontainer {
  809.     display: table-cell;
  810.     width: 55px;
  811. }
  812.  
  813. .annonce .write_comment .container .inputs {
  814.     display: table-cell;
  815.     vertical-align: middle;
  816. }
  817.  
  818. .annonce .write_comment .container .inputs .kommenter_mine input[type='text'] {
  819.     width: 491px;
  820. }
  821.  
  822. .annonce .write_comment .container .inputs .kommenter input[type='text'] {
  823.     width: 359px;
  824. }
  825.  
  826. .annonce .write_comment .container .inputs .kommenter input.bud {
  827.     width: 40px;
  828. }
  829.  
  830. #opret_annonce,
  831.             #min_profil,
  832.             #vis_profil,
  833.             #vis_annonce {
  834.     color: #646464;
  835. }
  836.  
  837. #opret_annonce table,
  838.             #min_profil table,
  839.             #vis_profil table,
  840.             #vis_annonce table {
  841.     width: 310px;
  842.     float: left;
  843. }
  844.  
  845. #opret_annonce table .profilbillede,
  846.             #min_profil table .profilbillede,
  847.             #vis_profil table .profilbillede,
  848.             #vis_annonce table .profilbillede {
  849.     width: 335px;
  850. }
  851.  
  852. #opret_annonce table .beskrivelse,
  853.             #min_profil table .beskrivelse,
  854.             #vis_profil table .beskrivelse,
  855.             #vis_annonce table .beskrivelse {
  856.     line-height: 20px;
  857. }
  858.  
  859. #opret_annonce td,
  860.             #min_profil td,
  861.             #vis_profil td,
  862.             #vis_annonce td {
  863.     height: 25px;
  864. }
  865.  
  866. #opret_annonce .sep,
  867.             #min_profil .sep,
  868.             #vis_profil .sep,
  869.             #vis_annonce .sep {
  870.     height: 1px;
  871. }
  872.  
  873. #opret_annonce .gray,
  874.             #min_profil .gray,
  875.             #vis_profil .gray,
  876.             #vis_annonce .gray {
  877.     background-color: #f0f0f0;
  878. }
  879.  
  880. #opret_annonce input[type='text'],
  881.             #min_profil input[type='text'],
  882.             #vis_profil input[type='text'],
  883.             #vis_annonce input[type='text'],
  884.             #opret_annonce input[type='password'],
  885.             #min_profil input[type='password'],
  886.             #vis_profil input[type='password'],
  887.             #vis_annonce input[type='password'],
  888.             #opret_annonce select,
  889.             #min_profil select,
  890.             #vis_profil select,
  891.             #vis_annonce select,
  892.             #opret_annonce textarea,
  893.             #min_profil textarea,
  894.             #vis_profil textarea,
  895.             #vis_annonce textarea {
  896.     width: 190px;
  897.     height: 10px;
  898. }
  899.  
  900. #opret_annonce input[type='submit'],
  901.             #min_profil input[type='submit'],
  902.             #vis_profil input[type='submit'],
  903.             #vis_annonce input[type='submit'] {
  904.     width: 100%;
  905. }
  906.  
  907. #opret_annonce select,
  908.             #min_profil select,
  909.             #vis_profil select,
  910.             #vis_annonce select {
  911.     width: 200px;
  912.     height: 20px;
  913. }
  914.  
  915. #opret_annonce textarea,
  916.             #min_profil textarea,
  917.             #vis_profil textarea,
  918.             #vis_annonce textarea {
  919.     width: 290px;
  920.     height: 120px;
  921. }
  922.  
  923. #opret_annonce #sendPost textarea,
  924.             #min_profil #sendPost textarea,
  925.             #vis_profil #sendPost textarea,
  926.             #vis_annonce #sendPost textarea {
  927.     width: 198px;
  928.     height: 33px;
  929. }
  930.  
  931. #opret_annonce .comments,
  932.             #min_profil .comments,
  933.             #vis_profil .comments,
  934.             #vis_annonce .comments {
  935.     float: left;
  936.     width: 100%;
  937.     display: table;
  938. }
  939.  
  940. #opret_annonce .comments .comment,
  941.             #min_profil .comments .comment,
  942.             #vis_profil .comments .comment,
  943.             #vis_annonce .comments .comment {
  944.     width: 100%;
  945.     float: left;
  946. }
  947.  
  948. #opret_annonce .comments .comment .imagecontainer,
  949.             #min_profil .comments .comment .imagecontainer,
  950.             #vis_profil .comments .comment .imagecontainer,
  951.             #vis_annonce .comments .comment .imagecontainer {
  952.     display: table-cell;
  953.     width: 55px;
  954. }
  955.  
  956. #opret_annonce .comments .comment p,
  957.             #min_profil .comments .comment p,
  958.             #vis_profil .comments .comment p,
  959.             #vis_annonce .comments .comment p {
  960.     width: 500px;
  961.     color: #323232;
  962.     display: table-cell;
  963.     vertical-align: middle;
  964. }
  965.  
  966. #opret_annonce .comments .comment p.bud,
  967.             #min_profil .comments .comment p.bud,
  968.             #vis_profil .comments .comment p.bud,
  969.             #vis_annonce .comments .comment p.bud {
  970.     width: 100px;
  971.     display: table-cell;
  972. }
  973.  
  974. #opret_annonce .write_comment,
  975.             #min_profil .write_comment,
  976.             #vis_profil .write_comment,
  977.             #vis_annonce .write_comment {
  978.     width: 100%;
  979.     display: table;
  980.     float: left;
  981. }
  982.  
  983. #opret_annonce .write_comment .container,
  984.             #min_profil .write_comment .container,
  985.             #vis_profil .write_comment .container,
  986.             #vis_annonce .write_comment .container {
  987.     width: 100%;
  988.     float: left;
  989. }
  990.  
  991. #opret_annonce .write_comment .container .imagecontainer,
  992.             #min_profil .write_comment .container .imagecontainer,
  993.             #vis_profil .write_comment .container .imagecontainer,
  994.             #vis_annonce .write_comment .container .imagecontainer {
  995.     display: table-cell;
  996.     width: 55px;
  997. }
  998.  
  999. #opret_annonce .write_comment .container .inputs,
  1000.             #min_profil .write_comment .container .inputs,
  1001.             #vis_profil .write_comment .container .inputs,
  1002.             #vis_annonce .write_comment .container .inputs {
  1003.     display: table-cell;
  1004.     vertical-align: middle;
  1005. }
  1006.  
  1007. #opret_annonce .write_comment .container .inputs .kommenter_mine input[type='text'],
  1008.             #min_profil .write_comment .container .inputs .kommenter_mine input[type='text'],
  1009.             #vis_profil .write_comment .container .inputs .kommenter_mine input[type='text'],
  1010.             #vis_annonce .write_comment .container .inputs .kommenter_mine input[type='text'] {
  1011.     width: 490px;
  1012. }
  1013.  
  1014. #opret_annonce .write_comment .container .inputs .kommenter_mine input[type='submit'],
  1015.             #min_profil .write_comment .container .inputs .kommenter_mine input[type='submit'],
  1016.             #vis_profil .write_comment .container .inputs .kommenter_mine input[type='submit'],
  1017.             #vis_annonce .write_comment .container .inputs .kommenter_mine input[type='submit'] {
  1018.     width: 85px;
  1019. }
  1020.  
  1021. #opret_annonce .write_comment .container .inputs .kommenter input[type='text'],
  1022.             #min_profil .write_comment .container .inputs .kommenter input[type='text'],
  1023.             #vis_profil .write_comment .container .inputs .kommenter input[type='text'],
  1024.             #vis_annonce .write_comment .container .inputs .kommenter input[type='text'] {
  1025.     width: 355px;
  1026. }
  1027.  
  1028. #opret_annonce .write_comment .container .inputs .kommenter input.bud,
  1029.             #min_profil .write_comment .container .inputs .kommenter input.bud,
  1030.             #vis_profil .write_comment .container .inputs .kommenter input.bud,
  1031.             #vis_annonce .write_comment .container .inputs .kommenter input.bud {
  1032.     width: 40px;
  1033. }
  1034.  
  1035. #opret_annonce .write_comment .container .inputs .kommenter input[type='submit'],
  1036.             #min_profil .write_comment .container .inputs .kommenter input[type='submit'],
  1037.             #vis_profil .write_comment .container .inputs .kommenter input[type='submit'],
  1038.             #vis_annonce .write_comment .container .inputs .kommenter input[type='submit'] {
  1039.     width: 165px;
  1040. }
  1041.  
  1042. #samtaler .samtale {
  1043.     width: 98%;
  1044.     padding: 5px;
  1045.     float: left;
  1046.     display: table;
  1047.     color: #323232;
  1048.     border-bottom: 1px dotted #bab8bd;
  1049. }
  1050.  
  1051. #samtaler .samtale .profilbillede {
  1052.     width: 50px;
  1053.     display: table-cell;
  1054. }
  1055.  
  1056. #samtaler .samtale .message {
  1057.     width: 460px;
  1058.     margin-left: 5px;
  1059.     display: table-cell;
  1060.     vertical-align: middle;
  1061. }
  1062.  
  1063. #samtaler .samtale .timecell {
  1064.     width: 120px;
  1065.     margin-right: 5px;
  1066.     display: table-cell;
  1067.     vertical-align: middle;
  1068. }
  1069.  
  1070. #samtaler .samtale:hover {
  1071.     background-color: #f0f0f0;
  1072.     cursor: pointer;
  1073. }
  1074.  
  1075. #samtale {
  1076.     overflow-y: scroll;
  1077. }
  1078.  
  1079. #samtale .besked {
  1080.     width: 98%;
  1081.     padding: 5px;
  1082.     float: left;
  1083.     display: table;
  1084.     color: #323232;
  1085.     border-bottom: 1px dotted #bab8bd;
  1086. }
  1087.  
  1088. #samtale .besked .profilbillede {
  1089.     width: 50px;
  1090.     display: table-cell;
  1091. }
  1092.  
  1093. #samtale .besked .message {
  1094.     width: 445px;
  1095.     margin-left: 5px;
  1096.     display: table-cell;
  1097.     vertical-align: middle;
  1098.     word-wrap: break-word;
  1099.     word-break: hyphenate;
  1100.     white-space: normal;
  1101. }
  1102.  
  1103. #samtale .besked .timecell {
  1104.     width: 120px;
  1105.     margin-right: 5px;
  1106.     display: table-cell;
  1107.     vertical-align: middle;
  1108. }
  1109.  
  1110. #samtale .samtale:hover {
  1111.     background-color: #f0f0f0;
  1112.     cursor: pointer;
  1113. }
  1114.             /* OSX SCROLL FIX */
  1115. #samtale::-webkit-scrollbar {
  1116.     -webkit-appearance: none;
  1117. }
  1118.  
  1119. #samtale::-webkit-scrollbar:vertical {
  1120.     width: 13px;
  1121. }
  1122.  
  1123. #samtale::-webkit-scrollbar:horizontal {
  1124.     height: 11px;
  1125. }
  1126.  
  1127. #samtale::-webkit-scrollbar-thumb {
  1128.     border-radius: 8px;
  1129.     border: 2px solid white;
  1130.     /* should match background, can't be transparent */
  1131.     background-color: rgba(0, 0, 0, 0.5);
  1132. }
  1133. .samtaletable {
  1134.     width: 100%;
  1135.     float: left;
  1136. }
  1137. .samtaletable input[type='text'] {
  1138.     width: 98%;
  1139. }
  1140. </style>
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!