API tools faq
paste
Advertisement
Guest User

sentient.css

a guest
Sep 28th, 2011
279
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.39 KB | None | 0 0
raw download clone embed print report
  1. /*  General CSS
  2. ------------------------------------------------------*/   
  3.  
  4. body           
  5. {
  6. background:#FF0000
  7. url(http://www.mmgtv.org/sentient/images/bg.png) no-repeat fixed top center;
  8. color:#666;
  9.  }
  10.  
  11. .topbar         { background:URL(../images/topbar.png) top left repeat-x; position:relative; top:0; left:0; height:6px; }
  12. .imgborder      { background:#FFFFFF; padding:3px; border:1px solid #ccc;}
  13.  
  14. a           {color:#acacac;}
  15. a:hover     {color:#FFFF00;}
  16. a:link      {color:#acacac;}
  17.  
  18. /* Page Structure
  19. ------------------------------------------------------*/
  20.  
  21. #Wrapper    { width:100%; }
  22.      
  23.  
  24. /* Header
  25. ------------------------------------------------------*/
  26. #header     { width:1260; overflow:hidden; height:120px; }
  27. .logo a img { margin:30px 0px 0 0px; text-indent:-9999px; display:block; border:0;}
  28.  
  29. .slogan     { margin:0px; padding:0px;}
  30. .slogan h3  { font:normal bold 14px Arial, Helvetica, sans-serif; color:#777777; letter-spacing:normal; padding-top:25px; text-align:right; margin:10px 10px 0 0px; }
  31. .slogan p   { color:#777777; font:normal 11px/19px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; margin:0px 10px 0 0px; text-align:right; }
  32.  
  33. /* menu
  34. ------------------------------------------------------*/   
  35. #menu       { background:#3B3B3B; height:40px; width:960px; padding-top:5px; margin-top:10px; border-bottom:1px solid #999; }
  36.    
  37. /* slider
  38. ------------------------------------------------------*/           
  39.                                        
  40. #slider_bg  { background:url(../images/sliderbg.png) no-repeat; width:960px; height:285px !important; position:relative; margin-top:30px; margin-top:30px; margin-left:auto;
  41.             margin-right:auto;}
  42.  
  43. /* mainpage
  44. ------------------------------------------------------*/   
  45.  
  46. #mainpage           { width:960px; overflow:hidden; margin-top:30px; margin-bottom:20px; margin-left:auto; margin-right:auto;-moz-border-radius:5px; }
  47.  
  48. #mainpage h2        { font: normal 20px/22px Arial, sans-serif; text-transform:uppercase; letter-spacing:0; color:#3F3F3F; margin-top:30px; }  
  49. #mainpage p         { margin-bottom:10px ; color:#777777; }
  50.  
  51. #mainpage a:hover   { color:#000;}     
  52.  
  53.  
  54. a.button            { background:url(../images/button.png) no-repeat; line-height:3.5em; text-align:center; width:129px; height:45px; display:block; }     
  55.    
  56.  
  57. /* sub header
  58. ------------------------------------------------------*/       
  59.  
  60. #subheader      { background:url(Http://mmgtv.org/sentient/images/subheader.png) top center no-repeat; height:101px; margin-left:auto; margin-right:auto;}
  61. #subheader h2   { color:#fff; padding-top:35px; margin:0;font: bold 22px/24px Arial, Helvetica, sans-serif; padding-left:20px;  }
  62. #subheader h5   { color:#fff; padding-top:25px; margin:2px 30px 0 0; text-align:right; font-weight:normal;}
  63.    
  64.  
  65. /* Mid Content
  66. ------------------------------------------------------*/       
  67.  
  68. .midcontent     { width:960px; background:#242424; overflow:hidden; margin-left:auto; margin-right:auto; margin-bottom:20px;}
  69. .content        { margin:30px 20px; background: #242424; height:100%; overflow:hidden; padding:0 0 20px 0;}
  70.  
  71. /* Sidebar
  72. --------------------------------------------------------*/
  73.  
  74. #sidebar        { margin:0px 0 30px 20px; }    
  75. #sidebar h3     { margin-top:30px;}
  76.  
  77. /* Sidebar Menu
  78. --------------------------------------------------------*/     
  79.  
  80. .submenu                    { margin:0 0px 20px 0px; text-align:left; }
  81. .submenu                    { margin:0; list-style:none;padding:0 0px;}
  82. .submenu li a               { voice-family:inherit; margin:0 0 0px 0; height:100%; border-bottom:1px solid #ddd; text-decoration:none; }
  83. .submenu li a:link,  
  84. .submenu li a:visited       { display:block; padding:6px 10px;}
  85.  
  86. .submenu li li a            { margin:0 0 0 0; text-decoration:none;}
  87.  
  88. .submenu li li a:link,  
  89. .submenu li li a:visited    { display:block; padding:3px 0px; padding-left:25px; font-style:italic; }  
  90.  
  91. .submenu li.current a       { text-decoration:none; border-bottom:1px solid #25a759; }
  92. .submenu li a:hover         { text-decoration:none; border-bottom:1px solid #25a759; }
  93.  
  94. .imgborder                  { padding:3px; border:1px solid #dadada;}
  95. .img                        { background:##242424; padding:5px; float:left; margin-right:15px;}
  96.            
  97.    
  98. ul.newslist                 { margin:0 0 20px 0; padding:0; list-style:none; }
  99. ul.newslist li              { padding:10px 0; font-size:11px; line-height:normal; border-bottom:1px solid #ddd; }
  100. ul.newslist li h5           { line-height:16px;}
  101. ul.newslist li h5 a         { padding-left:0 !important; border:none;}
  102. ul.newslist li h5 a:hover   { border:none;}
  103. ul.newslist li span         { font:normal 10px Tahoma, "Trebuchet MS", sans-serif; color:#5c5c5c; padding:2px 0; display:block; text-align:left;}
  104.            
  105.    
  106. /* readmore
  107. ------------------------------------------------------*/       
  108.  
  109. a.read                      { text-decoration:none; padding:10px 0px; }
  110. a.read:hover                { color:#8c8c8c; text-decoration:none; }
  111.  
  112.  
  113. /* services
  114. ------------------------------------------------------*/
  115.  
  116. .servicebox ul.listitems    {}
  117.                
  118. *html .servicebox2 ul.listitems {}
  119.  
  120.  
  121. ul.listitems    { list-style:circle;}
  122.  
  123. .servicebox     { border-bottom :1px solid #ddd;  overflow:hidden; height:100%; padding:20px 0; margin:0; }
  124. .servicebox h3  { color:#818181; margin:0; margin-bottom:10px; }
  125. .servicebox p   { color:#5c5c5c; margin:0; margin-bottom:10px; }
  126. .servicebox img { padding-right:4px;}
  127.  
  128.  
  129. /* Portfolio Details
  130. ------------------------------------------------------*/     
  131. .port   {
  132.         width:270px;
  133.         position: relative;
  134.         margin-right:5px;
  135.         margin-left:5px;
  136.         background:#222222;
  137.         border:1px solid #000000;
  138.         margin-bottom:20px;
  139.         padding:10px;
  140.         height:250px;
  141.         overflow:hidden;
  142.         float:left;
  143.  
  144.         border-radius:5px;
  145.         -moz-border-radius:5px;
  146.         -webkit-border-radius:5px;
  147.         -khtml-border-radius:5px;
  148.         }
  149.        
  150.         .featuredcorner {
  151.             background:url(../images/ribboncorner.png) 0 0 no-repeat;
  152.             position:absolute;
  153.             top:0px;
  154.             color:#FFFFFF;
  155.             left:0px;
  156.             width:87px;
  157.             height:87px;
  158.             z-index:10;
  159.             }
  160.  
  161.         .porttext   {  
  162.                 padding:0;
  163.                 margin-top:5px;
  164.                 }
  165.  
  166.         .porttext p {
  167.                 clear:both;
  168.                 padding-top:5px;
  169.                 }
  170.  
  171.         .porttext h5    {
  172.                 float:left;
  173.                 margin-top:8px;
  174.                 }
  175.                
  176.         .porttext .viewarrow    {
  177.                                 width:84px;
  178.                                 height:17px;
  179.                                  float:right;
  180.                                 margin:8px 5px 0 8px;
  181.                                 }
  182.  
  183.  
  184. img{
  185.     margin:0;
  186.     padding:0;
  187.     border:none;
  188. }
  189.  
  190.  
  191.  
  192. .pic a{ float:left; margin:0; padding:0; margin:5px 0px 5px 0px!important; margin:5px 0px 5px 0px; display:block; no-repeat; }
  193. .pic a img{ float:left; margin:0; padding:0; margin:0px 0 0 0px; width:270px; height:120px;}
  194.  
  195.  
  196.  
  197. /* B L O G    post
  198. --------------------------------------------------*/
  199. .post   {
  200.         margin:0px 0 20px 0;
  201.         overflow:hidden;
  202.         height:100%;
  203.         padding:0 0 20px 0;
  204.         position:relative;
  205.         border-bottom:1px solid #ccc;
  206.         }
  207.  
  208.     .post .excerpt  {
  209.             width:640px;
  210.             }
  211.  
  212.         .excerpt h2 { margin-bottom:0; }
  213.  
  214.  
  215.      .post-img  {
  216.                 position:relative;
  217.                 margin:0 0px 10px 0;
  218.                 padding:0;
  219.                 }
  220.    
  221.      .post-img img  {
  222.                 padding:2px;
  223.                 border:3px solid #ddd;
  224.                 }
  225.  
  226.     .post-img img:hover {
  227.                 border:3px solid #ccc;
  228.                 }
  229.                
  230.     .post-date  {
  231.                 background:#cc0000;
  232.                 width:70px;
  233.                 color:#FFFFFF;
  234.                 margin-right:10px;
  235.                 text-align:center;
  236.                 height:70px;
  237.                 text-transform:uppercase;
  238.                 font-size:11px;
  239.                 position:absolute;
  240.                 top:20px;
  241.                 left:0;
  242.                 }
  243.  
  244.     .post-date  b   {
  245.                     font:normal 40px/36px Georgia, Helvetica, sans-serif;
  246.                     display:block;         
  247.                     }
  248.     .post-info  {
  249.                 position:absolute;
  250.                 top:75px;
  251.                 left:0;
  252.                 color:#999;
  253.                 background:#ffffff;
  254.                 padding:5px 10px;
  255.                 margin-bottom:15px;
  256.                 text-transform:lowercase;
  257.                 }
  258.        
  259.     .post-info a:hover  {   color:#000000;}
  260.  
  261.     .post h2    {
  262.                 margin:5px 0 10px 0;
  263.                 }
  264.            
  265. .excerpt .singlepost-info   {
  266.                             margin:8px 0;
  267.                             }
  268.        
  269.                  
  270.     #bigimg {
  271.             position: absolute;
  272.             background-color:#fabc77;
  273.             border:3px solid #e68e46;
  274.             }
  275.                          
  276.     .sidebar    {
  277.                 margin:0px 0;
  278.                 }
  279.  
  280.    
  281. /* footer
  282. ------------------------------------------------------*/       
  283. #footer {
  284.         height:40px;
  285.         width:960px;
  286.         padding-top:5px;
  287.         border-top:solid 1px #6e6e6e;
  288.         margin-top:10px;
  289.         margin-left:auto;
  290.         margin-right:auto;
  291.         margin-bottom:20px;
  292.         color:#777;
  293.         }
  294.  
  295.     #footer p   {
  296.                 margin-left:10px;
  297.                 margin-right:10px;
  298.                 margin-top:10px;
  299.                 color:#777;
  300.                 }
  301.  
  302.                            
  303.     #footer a:hover { color:#000;}
  304.    
  305. ul.popular_lists                                { }
  306. ul.popular_lists li                             { color:#666; }
  307. ul.popular_lists li .title                      { }
  308. ul.popular_lists li .title a                    {  }
  309. ul.popular_lists li .title a:hover              { }
  310. ul.popular_lists li .desc                       { color:#666;}
  311.  
  312.  
  313.  
  314.  
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!