Team:ATOMS-Turkiye/mfa2Styles

From 2014.igem.org

(Difference between revisions)
(Undo revision 194130 by Mfatih (talk))
 
Line 1: Line 1:
-
element.style {
+
/* ---------------------------------------- */
 +
/* ---------------------------------------- */
 +
/* ---- CSS+xHTML written by tehorionx ---- */
 +
/* --------- tehorionx@gmail.com ---------- */
 +
/* ---------------------------------------- */
 +
/* --------------- CSS3 ------------------- */
 +
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, abbr, fieldset, form, label, legend {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
}
}
-
www.bugun.com.tr/media="screen"
+
#header ol li i.one {   background-position: -209px -78px }
-
#cont .shwnews ul li {
+
display: block;
-
width: 210px;
+
    color: #fff;
-
height: 220px;
+
-
margin: 0 12px 20px 0;
+
-
padding: 5px;
+
-
background: #fff;
+
-
border: 1px solid #ccc;
+
-
box-shadow: 0 0 5px rgba(0,0,0,0.3);
+
-
float: left;
+
}
}
-
www.bugun.com.tr/media="screen"
+
#wraper.one {    background: url(one.jpg) repeat-y }
-
ol, ul, li {
+
width: 1170px;
-
list-style: none;
+
    height: 25px;
 +
    background: url(sh1dw.png) no-repeat;
 +
    position: absolute;
 +
    left: 0;
 +
    bottom: -25px;
}
}
-
www.bugun.com.tr/media="screen"
+
#cont .hotnews dt a span.one {    background: #9e1d0a }
-
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, abbr, fieldset, form, label, legend {
+
width: 340px;
-
margin: 0;
+
    height: 90px;
-
padding: 0;
+
    font-size: 25px;
-
border: 0;
+
    background: url(rptx.png) 0 -200px repeat-x;
-
outline: 0;
+
    position: absolute;
 +
    left: 0;
 +
    bottom: 0;
 +
    z-index: 4;
}
}
-
user agent stylesheetli {
+
#cont .shwnews ul li.one a.tit {   background: #9e1d0a }
-
display: list-item;
+
width: 700px;
-
text-align: -webkit-match-parent;
+
    height: 1px;
 +
    margin: 16px 0 36px 0;
 +
    background: #ededed;
 +
    position: relative;
}
}
-
Inherited from ul
+
#cont .shwnews .bnws.one .pht b {   background: #9e1d0a }
-
www.bugun.com.tr/media="screen"
+
width: 720px;
-
#cont .shwnews ul {
+
    height: 225px;
-
display: block;
+
    overflow: hidden;
-
width: 712px;
+
-
padding: 4px 0 0 15px;
+
-
color: #fff;
+
}
}
-
www.bugun.com.tr/media="screen"
+
#feed .league .bar b.one {
-
ol, ul, li {
+
    width: auto;
-
list-style: none;
+
    left: 10px;
 +
    letter-spacing: 1px;
}
}
-
user agent stylesheetul, menu, dir {
+
#feed .league ul li span.one {   right: 125px }
-
display: block;
+
width: 290px;
-
list-style-type: disc;
+
    overflow: hidden;
-
-webkit-margin-before: 1em;
+
}
-
-webkit-margin-after: 1em;
+
#feed .fixtur dd span.one {    text-align: right }
-
-webkit-margin-start: 0px;
+
width: 54px;
-
-webkit-margin-end: 0px;
+
    color: #fe8080;
-
-webkit-padding-start: 40px;
+
    font-weight: 700;
 +
    text-align: center;
 +
}
 +
#footer .util a.one i {    background-position: 0 -184px }
 +
width: 100%;
 +
    height: 195px;
 +
    padding-top: 20px;
 +
    background: url(foot.png) repeat;
 +
    position: relative;
 +
}
 +
#wraper.one #cont .sldare .sldtx .snav div.selected a {
 +
    background: #9e1d0a;
 +
    color: #fff;
 +
}
 +
#detail.one .head .bar p {    background: #d30c0c }
 +
width: 610px;
 +
    font-size: 24px;
 +
    color: #666;
 +
    margin-bottom: 10px;
 +
    padding-bottom: 5px;
 +
    border-bottom: 1px dotted #ddd;
 +
}
 +
#detail .head h2.one {    color: #b53232 }
 +
height: 23px;
 +
    line-height: 23px;
 +
    padding: 3px;
 +
    border: 1px solid #e6e6e6;
 +
    border-radius: 4px;
 +
    position: relative;
 +
}
 +
#detail .cont .cmnt-rea .btn a.one i {    background-position: -197px -338px }
 +
padding-left: 60px;
 +
    margin-bottom: 7px;
 +
}
 +
#detail .wbbx li.tdy span.one {
 +
    border-bottom: 1px dotted #d4d4d4;
 +
    top: 65px;
 +
}
 +
.media b.one {    background: #9e1d0a }
 +
display: block;
 +
    width: 155px;
 +
    height: 100px;
 +
    margin-bottom: 9px;
 +
    border: 5px solid #fff;
 +
    box-shadow: 0 4px 4px rgba(0,0,0,0.3);
}
}
-
Inherited from body
+
.mmlst .bar i.one {
-
www.bugun.com.tr/media="screen"
+
    height: 16px;
-
body {
+
    background-position: -159px -388px;
-
/* padding-top: 80px; */
+
    top: 9px;
-
background: #f6f6f6;
+
-
font-size: 13px;
+
-
font-family: Arial,sans-serif;
+
-
color: #1d1d1d;
+
}
}

Latest revision as of 17:46, 11 October 2014

/* ---------------------------------------- */ /* ---------------------------------------- */ /* ---- CSS+xHTML written by tehorionx ---- */ /* --------- tehorionx@gmail.com ---------- */ /* ---------------------------------------- */ /* --------------- CSS3 ------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strong, b, u, i, dl, dt, dd, ol, ul, li, abbr, fieldset, form, label, legend {

   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;

}

  1. header ol li i.one { background-position: -209px -78px }

display: block;

   color: #fff;

}

  1. wraper.one { background: url(one.jpg) repeat-y }
width: 1170px;
   height: 25px;
   background: url(sh1dw.png) no-repeat;
   position: absolute;
   left: 0;
   bottom: -25px;

}

  1. cont .hotnews dt a span.one { background: #9e1d0a }

width: 340px;

   height: 90px;
   font-size: 25px;
   background: url(rptx.png) 0 -200px repeat-x;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 4;

}

  1. cont .shwnews ul li.one a.tit { background: #9e1d0a }
width: 700px;
   height: 1px;
   margin: 16px 0 36px 0;
   background: #ededed;
   position: relative;

}

  1. cont .shwnews .bnws.one .pht b { background: #9e1d0a }
width: 720px;
   height: 225px;
   overflow: hidden;

}

  1. feed .league .bar b.one {
   width: auto;
   left: 10px;
   letter-spacing: 1px;

}

  1. feed .league ul li span.one { right: 125px }
width: 290px;
   overflow: hidden;

}

  1. feed .fixtur dd span.one { text-align: right }
width: 54px;
   color: #fe8080;
   font-weight: 700;
   text-align: center;

}

  1. footer .util a.one i { background-position: 0 -184px }

width: 100%;

   height: 195px;
   padding-top: 20px;
   background: url(foot.png) repeat;
   position: relative;

}

  1. wraper.one #cont .sldare .sldtx .snav div.selected a {
   background: #9e1d0a;
   color: #fff;

}

  1. detail.one .head .bar p { background: #d30c0c }

width: 610px;

   font-size: 24px;
   color: #666;
   margin-bottom: 10px;
   padding-bottom: 5px;
   border-bottom: 1px dotted #ddd;

}

  1. detail .head h2.one { color: #b53232 }
height: 23px;
   line-height: 23px;
   padding: 3px;
   border: 1px solid #e6e6e6;
   border-radius: 4px;
   position: relative;

}

  1. detail .cont .cmnt-rea .btn a.one i { background-position: -197px -338px }

padding-left: 60px;

   margin-bottom: 7px;

}

  1. detail .wbbx li.tdy span.one {
   border-bottom: 1px dotted #d4d4d4;
   top: 65px;

} .media b.one { background: #9e1d0a }

display: block;
   width: 155px;
   height: 100px;
   margin-bottom: 9px;
   border: 5px solid #fff;
   box-shadow: 0 4px 4px rgba(0,0,0,0.3);

} .mmlst .bar i.one {

   height: 16px;
   background-position: -159px -388px;
   top: 9px;

}