imported>=海豚= |
imported>Example |
| 第1行： |
第1行： |
| /* cyrillic */
| | <noinclude> |
| @font-face {
| | {{info|这个<del>膜</del>模板只列举了部分与膜蛤文化相关的列表，而且可能永远也更新不完，如果发现了新的料子<del>，（未完待''' 续''' ）</del>，欢迎补充。}} |
| font-family: 'Playfair Display';
| | {{Cquote|膜蛤文化中的长者，就是一个反叛而特立独行的形象。这个红旗下的蛋，因为在官方话语中曾是红旗的至高象征，一到膜蛤文化却一转身就戳破了旗帜，滚动的身姿愈发撩人。如果说反文化，那没有比这样的形象更反体制、反主流了。这个道理其实很简单，领导人官方形象消解的破坏力，那可比反叛者声嘶力竭的呐喊大多了。|《[http://yydg.paowang.net/2015-09-29/14890.html 膜蛤：一种青年亚文化的兴起]》}} |
| font-style: italic;
| | 这个<del>膜</del>模板是专门用来存放与[[膜蛤]]相关联的事情的，请不要在[[模板: 政治|政治]]<del>膜</del>模板里添加膜蛤条目，请在这里添加。 |
| font-weight: 400;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/e/e1/T--AHUT-ZJU-China--font0.woff) format('woff');
| |
| unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
| |
| }
| |
| /* vietnamese */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: italic;
| |
| font-weight: 400;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/0/0a/T--AHUT-ZJU-China--font1.woff) format('woff');
| |
| unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
| |
| } | |
| /* latin-ext */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: italic;
| |
| font-weight: 400;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/a/a9/T--AHUT-ZJU-China--font2.woff) format('woff');
| |
| unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
| |
| } | |
| /* latin */ | |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: italic;
| |
| font-weight: 400;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/1/1b/T--AHUT-ZJU-China--font3.woff) format('woff');
| |
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
| |
| }
| |
|
| |
|
| | 膜蛤相关的条目请加上<code><nowiki>{{膜蛤}}</nowiki></code><del>膜</del>模板。这是一个需要更新的列表，欢迎补充。 |
|
| |
|
| | {{黑幕|如果你在江来编辑的的膜蛤条目中并没有加上这个<del>膜</del>模板，那么您是需要负泽任的，民白吗？}} |
|
| |
|
| /********/ | | [[Category:导航模板]]</noinclude>{{Navbox |
| | |name=膜蛤 |
| | |title=[[膜蛤]]文化 |
|
| |
|
| | |titlestyle = background:#66CCFF;color:#000; |
| | |groupstyle = background:#66CCFF; |
| | |belowstyle = background:#66CCFF; |
| | |liststyle = line-height:1.4em; |
|
| |
|
| | |group1=人物 |
| | |list1={{links|special:random{{!}}江泽民|董建华|张宝华|彭定康|迈克·华莱士{{!}}华莱士|朱物华|徐嘉诰|膜督{{!}}平西王|宋祖英}} |
|
| |
|
| /* cyrillic */
| | |group2=相关语录、<br>作品和事件 |
| @font-face {
| | |list2=[[三个代表]] • [[蛤三篇]]（[[怒斥记者]] • [[重回二院]] • [[谈笑风生]]） • [[赴戍登程口占示家人]] • [[续命]]（[[301|301医院续命说]] • [[红衣|红衣男孩说]]） • [[他改变了中国_江泽民传|红宝书]] • [[天气预报]] • [[五点共圆]] • [[葛底斯堡演讲]] |
| font-family: 'Playfair Display';
| |
| font-style: normal;
| |
| font-weight: 400;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/8/80/T--AHUT-ZJU-China--font4.woff) format('woff');
| |
| unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
| |
| }
| |
| /* vietnamese */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: normal;
| |
| font-weight: 400;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/8/8c/T--AHUT-ZJU-China--font5.woff) format('woff');
| |
| unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
| |
| }
| |
| /* latin-ext */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: normal;
| |
| font-weight: 400;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/b/bc/T--AHUT-ZJU-China--font6.woff) format('woff');
| |
| unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
| |
| }
| |
| /* latin */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: normal;
| |
| font-weight: 400;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/a/ad/T--AHUT-ZJU-China--font7.woff) format('woff');
| |
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
| |
| }
| |
| /* cyrillic */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: normal;
| |
| font-weight: 600;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/8/80/T--AHUT-ZJU-China--font4.woff) format('woff');
| |
| unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
| |
| }
| |
| /* vietnamese */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: normal;
| |
| font-weight: 600;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/8/8c/T--AHUT-ZJU-China--font5.woff) format('woff');
| |
| unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
| |
| }
| |
| /* latin-ext */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: normal;
| |
| font-weight: 600;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/b/bc/T--AHUT-ZJU-China--font6.woff) format('woff');
| |
| unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
| |
| }
| |
| /* latin */
| |
| @font-face {
| |
| font-family: 'Playfair Display';
| |
| font-style: normal;
| |
| font-weight: 600;
| |
| font-display: swap;
| |
| src: url(https://2020.igem.org/wiki/images/a/ad/T--AHUT-ZJU-China--font7.woff) format('woff');
| |
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
| |
| }
| |
| /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
| |
|
| |
|
| /* Clear the default wiki settings */
| | |group3=语录详解 |
| | |list3={{Navbox |
| | |border = child |
| | |group1=江泽民本人语录 |
|
| |
|
| /********************************** DEFAULT WIKI SETTINGS *********************************/
| | |titlestyle = background:#AFEEEE;color:#000; |
| #top_menu_inside #bars_item { | | |groupstyle = background:#AFEEEE; |
| position: absolute;
| | |belowstyle = background:#AFEEEE; |
| top: -30px !important;
| | |liststyle = line-height:1.4em; |
| left: -100px !important;
| |
| z-index: -1 !important;
| |
| cursor: pointer;
| |
| }
| |
|
| |
|
| #sideMenu,
| | |list1={{Navbox |
| #top_title {
| | |border = child |
| display: none; | |
| }
| |
|
| |
|
| #content { | | |titlestyle = background:#ADD8E6;color:#000; |
| padding: 0px; | | |groupstyle = background:#ADD8E6; |
| width: 100%; | | |belowstyle = background:#ADD8E6; |
| }
| | |liststyle = line-height:1.4em; |
|
| |
|
| body {
| | |group1 = [[怒斥记者]]语录 |
| background-color: white; | | |list1={{links|连任|吼不吼啊|滋磁{{!}}{{ruby|支持|zī cí}}|当然啦|没听说过|是彭定康说的|钦点|无中生有|无可奉告|学习一个|图样图森破|我和他谈笑风生{{!}}谈笑风生|钦定|姿势水平|识得唔识得呀|长者|人生的经验|闷声发大财|这是坠吼的|偏差|负责|身经百战|见的多了|基本法|弄个大新闻|Sometimes Naive{{!}}Sometimes Naïve|I'm angry！|批判|得罪你们一下}} |
| margin: 0px; | |
| } | |
|
| |
|
| #bodyContent h1 {
| | |group2 = [[重回二院]]语录 |
| font-weight: 300 !important; | | |list2={{links|工程制图|鸭嘴笔|坠痛苦的|描图|刀片|Efficiency|申请当教授{{!}}Apply for professor|做一个报告|人呐|一个人的命运|自我奋斗|历史的行程|另请高明|谦虚|我当即就念了两首诗|三件小事|军队一律不得经商|抗洪讲话{{!}}九八年的抗洪|很惭愧|微小的工作|谢谢大家|图章|一颗赛艇{{!}}{{rubyh|一颗赛艇|Exciting}}|天堂的下面是你们的天堂}} |
| } | |
|
| |
|
| #bodyContent h1,
| | |group3 = 其他 |
| #bodyContent h2,
| | |list3={{links|抗洪讲话|幸亏我喜欢诗词|送你们一个鸡|吃相难看}} |
| #bodyContent h3,
| | }} |
| #bodyContent h4,
| | |group2=[[膜督]]语录 |
| #bodyContent h5 {
| | |list2={{links|豪迈|红色法拉利{{!}}红色法拉利/全额奖学金|泼脏水|靡靡之音，轻歌曼舞|一派胡言|敢同恶鬼争高下，不向霸王让寸分。|比赛爬山，比赛拔河}} |
| margin-bottom: 0px; | |
| border-bottom: none;
| |
| } | |
|
| |
|
| #bodyContent {
| | |group3=其他人物语录<br>及其他典故 |
| padding-right: 0px; | | |list3={{links|修养|稻上飞人|桥牌圣手|有巢氏|猫论|坦克巷战|董不董|江来……负泽……民不民白|暴力膜蛤不可取|一尺之棰，日取其半，万世不竭|活着不好吗|1×1|定于一尊|用爱抗病|春种一粒粟，秋收万颗子|他乡遇故支}} |
| }
| | {{Navbox |
| | |border = child |
|
| |
|
| #globalWrapper { | | |titlestyle = background:#ADD8E6;color:#000; |
| font-size: 100%; | | |groupstyle = background:#ADD8E6; |
| padding: 0px; | | |belowstyle = background:#ADD8E6; |
| margin: -10px -20px -20px -20px; | | |liststyle = line-height:1.4em; |
| }
| |
|
| |
|
| .navbar-collapse {
| | |group1 = 四字俗语 |
| padding-left: 0px; | | |list1 = {{links|泽泽称赞|莱士汹汹|江信江疑|表情江硬|似董非董|陷入江局|江功补过|江郎才尽|思维江化|蜜汁续命|暗中观察|另请高明|民目张胆|江胡习气|习以为常|日薄习山}} |
| } | |
|
| |
|
| #banner {
| | |group2 = 乳包文化 |
| margin-top: 50px; | | |list2 = {{links|庆丰包子|小熊维尼|黄红黄|你敢跟他作对|茨木华扇|大撒币|R档|倒车|科目二|习特勒|学习|恶习|刁|匀|羽羽羽羽羽|没有|泼墨|通商宽衣|合作之道|逆差|PM二百五|扛200斤麦子十里山路不换肩|满脸喷粪|迟早要完蛋|拉清单|报菜名|左手敬礼|岿然不动|八千万美元|撸起袖子加油干|萨格尔王|孤独战士|没想到文化程度那么低|肆无忌惮胆大妄为|咱包上就特别棒|高考志愿|青山遮不住，毕竟东流去|欧米茄星座系列|长得跟包子似的|疯狂宇宙|泼澜壮阔|金科律玉|颐使气指|槿棘|君子以不强自自强不息}} |
| } | |
|
| |
|
| #sideMenu {
| | |group3 = 北大提问 |
| margin-top: 10px; | | |list3 = {{links|鸿浩之志|菁菁学子|质疑不能创造价值|百甘共未来|Anniversaty}} |
| } | | }} |
| | }} |
|
| |
|
| .navbar-nav .dropdown-menu,
| | |group4=道具、事物 |
| .navbar .dropdown-menu {
| | |list4={{links|秤砣|黑框眼镜|高腰裤|手持放大镜|Hawaii guitar|世界著名歌曲45首|江泽民文选|华莱士_(快餐){{!}}华莱士快餐|光明冰砖}} |
| margin-top: 0;
| |
| } | |
|
| |
|
| /**************************************************************** MENU ***************************************************************/
| | |group5=地点 |
| /* Wrapper for the menu */
| | |list5={{links|301医院|江泽民在春晚{{!}}春晚现场|上海交通大学|上海试验学校|东山岭|第一机械工业部}} |
| .igem_2017_menu_wrapper {
| |
| width: 15%;
| |
| height: 100vh;
| |
| position: fixed;
| |
| right: 0%;
| |
| padding: 0px;
| |
| float: right;
| |
| border-left: 1px solid #d3d3d3;
| |
| background-color: #dddddd;
| |
| text-align: left;
| |
| font-family: Tahoma, Geneva, sans-serif;
| |
| overflow-y: auto;
| |
| overflow-x: hidden;
| |
| } | |
|
| |
|
| /* this hides the scrollbar to keep view consistency */
| | |group6=企业 |
| .igem_2017_menu_wrappe::-webkit-scrollbar {
| | |list6={{links|中国联合工程公司|上海益民食品一厂|光明食品集团}} |
| display: none;
| |
| } | |
|
| |
|
| /* styling for links in the menu, removes the line under text */
| | |group7=歌曲、戏剧 |
| .igem_2017_menu_wrapper a {
| | |list7={{links|小背篓|辣妹子|Aloha 'Oe|O sole mio|毕业歌|捉放曹- 宿店|基本定律|莫比乌斯之江|情定扬州|冮方法}} |
| text-decoration: none;
| |
| } | |
|
| |
|
| /* styling for the images in the menu */
| | |group8=相关研究成果 |
| .igem_2017_menu_wrapper img {
| | |list8={{links|膜蛤史|膜法|+1s|时间众筹学|江学|枪毙名单}} |
| width: 100%;
| |
| } | |
|
| |
|
| /* styling for the menu buttons */
| | |group9=相关群体描述 |
| .igem_2017_menu_wrapper .menu_button {
| | |list9={{links|膜法师|蛤丝|泽学家|江学家|真正的粉丝}} |
| width: 100%;
| |
| padding: 10px 0px 10px 15px;
| |
| float: left;
| |
| border-bottom: 1px solid #d3d3d3;
| |
| font-size: 12px;
| |
| font-weight: bold;
| |
| color: #5e5f5f;
| |
| cursor: pointer;
| |
| } | |
|
| |
|
| .igem_2017_menu_wrapper .menu_bottom_padding {
| | |group10=其他 |
| width: 100%;
| | |list10={{links|Pepe蛙|8月17日}} |
| height: 30px;
| | }} |
| float: left;
| |
| }
| |
| | |
| .menu_button.direct_to_page {
| |
| padding-left: 36px;
| |
| }
| |
| | |
| .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
| |
| width: 10%;
| |
| float: left;
| |
| }
| |
| | |
| .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
| |
| content: "+";
| |
| }
| |
| | |
| | |
| /* styling for the menu buttons on hover */
| |
| .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover, .submenu_button.current_page:hover {
| |
| background-color: #3399ff;
| |
| text-decoration: none;
| |
| color: #ffffff;
| |
| }
| |
| | |
| /* styling for the menu button when it is the current page */
| |
| .current_page {
| |
| background-color: #7fc1f7 !important;
| |
| color: #5e5f5f !important;
| |
| }
| |
| | |
| /* styling for the submenu buttons */
| |
| .igem_2017_menu_wrapper .submenu_button {
| |
| width: 100%;
| |
| padding: 10px 0px 10px 34px;
| |
| float: left;
| |
| background-color: #f2f2f2;
| |
| border-bottom: 1px solid #d3d3d3;
| |
| font-size: 12px;
| |
| color: #5e5f5f;
| |
| cursor: pointer;
| |
| }
| |
| | |
| /* wrapper for the submenu items, they are hidden by default*/
| |
| .igem_2017_menu_wrapper .submenu_wrapper {
| |
| display: none;
| |
| }
| |
| | |
| /* when the page size is bigger than 800px, this show/hide control is hidden by default */
| |
| .igem_2017_menu_wrapper #display_menu_control {
| |
| display: none;
| |
| text-align: center;
| |
| }
| |
| | |
| /***************************************************** CONTENT OF THE PAGE ****************************************************/
| |
| | |
| /* Wrapper for the content */
| |
| .igem_2017_content_wrapper {
| |
| width: 81%;
| |
| margin: 2%;
| |
| display: block;
| |
| float: left;
| |
| background-color: white;
| |
| font-family: Tahoma, Geneva, sans-serif;
| |
| }
| |
| | |
| /********************************* HTML STYLING *********************************/
| |
| | |
| /* styling for the titles h1 h2 */
| |
| .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
| |
| padding: 5px 15px;
| |
| border-bottom: 0px;
| |
| color: #3399ff;
| |
| }
| |
| | |
| /* styling for the titles h3 h4 h5 h6*/
| |
| .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
| |
| padding: 5px 15px;
| |
| border-bottom: 0px;
| |
| color: #000000;
| |
| }
| |
| | |
| /* font and text */
| |
| .igem_2017_content_wrapper p {
| |
| padding: 0px 15px;
| |
| font-size: 13px;
| |
| }
| |
| | |
| /* Links */
| |
| .igem_2017_content_wrapper a {
| |
| font-weight: bold;
| |
| text-decoration: underline;
| |
| text-decoration-color: #3399ff;
| |
| color: #3399ff;
| |
| -webkit-transition: all 0.4s ease;
| |
| -moz-transition: all 0.4s ease;
| |
| -ms-transition: all 0.4s ease;
| |
| -o-transition: all 0.4s ease;
| |
| transition: all 0.4s ease;
| |
| }
| |
| | |
| /* hover for the links */
| |
| .igem_2017_content_wrapper a:hover {
| |
| text-decoration: none;
| |
| color: #000000;
| |
| }
| |
| | |
| /* non numbered lists */
| |
| .igem_2017_content_wrapper ul {
| |
| padding: 0px 20px;
| |
| font-size: 13px;
| |
| font-family: Tahoma, Geneva, sans-serif;
| |
| }
| |
| | |
| /* numbered lists */
| |
| .igem_2017_content_wrapper ol {
| |
| padding: 0px;
| |
| font-size: 13px;
| |
| font-family: Tahoma, Geneva, sans-serif;
| |
| }
| |
| | |
| /* Table */
| |
| .igem_2017_content_wrapper table {
| |
| width: 97%;
| |
| margin: 15px 10px;
| |
| border: 1px solid #d3d3d3;
| |
| border-collapse: collapse;
| |
| } | |
| | |
| /* table cells */
| |
| .igem_2017_content_wrapper td {
| |
| padding: 10px;
| |
| vertical-align: text-top;
| |
| border: 1px solid #d3d3d3;
| |
| border-collapse: collapse;
| |
| } | |
| | |
| /* table headers */
| |
| .igem_2017_content_wrapper th {
| |
| padding: 10px;
| |
| vertical-align: text-top;
| |
| border: 1px solid #d3d3d3;
| |
| border-collapse: collapse;
| |
| background-color: #f2f2f2;
| |
| } | |
| | |
| /**********************************LAYOUT CLASSES **********************************/
| |
| | |
| /* general class for column divs */
| |
| .igem_2017_content_wrapper .column {
| |
| padding: 10px 0px;
| |
| float: left;
| |
| }
| |
| | |
| /* class for a full width column */
| |
| .column .full_size {
| |
| width: 100%;
| |
| }
| |
| | |
| /* styling for images in a full width column*/
| |
| .column.full_size img {
| |
| width: 97%;
| |
| padding: 10px 15px;
| |
| }
| |
| | |
| /* class for a half width column */
| |
| .column.half_size {
| |
| width: 50%;
| |
| }
| |
| | |
| /* styling for images in a half width column*/
| |
| .column.half_size img {
| |
| width: 94.5%;
| |
| padding: 10px 15px;
| |
| }
| |
| | |
| /********************************* SUPPORT CLASSES ********************************/
| |
| | |
| /* class that clears content below*/
| |
| .igem_2017_content_wrapper .clear {
| |
| clear: both;
| |
| }
| |
| | |
| /* adds extra spacing when clearing content */
| |
| .igem_2017_content_wrapper .clear.extra_space {
| |
| height: 30px;
| |
| }
| |
| | |
| /* highlight class, makes content slightly smaller */
| |
| .igem_2017_content_wrapper .highlight {
| |
| margin: 0px 15px;
| |
| padding: 15px 0px;
| |
| }
| |
| | |
| /* highlight class, adds a gray background */
| |
| .igem_2017_content_wrapper .highlight.gray {
| |
| background-color: #f2f2f2;
| |
| }
| |
| | |
| /* highlight with decoration blue line on top */
| |
| .igem_2017_content_wrapper .highlight.blue_top {
| |
| border-top: 4px solid #3399ff;
| |
| }
| |
| | |
| /* highlight with a full blue border decoration */
| |
| .igem_2017_content_wrapper .highlight.blue_border {
| |
| border: 4px solid #3399ff;
| |
| }
| |
| | |
| /* button class */
| |
| .igem_2017_content_wrapper .button {
| |
| max-width: 35%;
| |
| margin: 30px auto;
| |
| padding: 12px 10px;
| |
| background-color: #3399ff;
| |
| text-align: center;
| |
| color: #ffffff;
| |
| -webkit-transition: all 0.4s ease;
| |
| -moz-transition: all 0.4s ease;
| |
| -ms-transition: all 0.4s ease;
| |
| -o-transition: all 0.4s ease;
| |
| transition: all 0.4s ease;
| |
| }
| |
| | |
| /* styling for button on hover */
| |
| .igem_2017_content_wrapper .button:hover {
| |
| background-color: #3399ff;
| |
| color: #000000;
| |
| }
| |
| | |
| /***************************************************** RESPONSIVE STYLING ****************************************************/
| |
| | |
| /* IF THE SCREEN IS LESS THAN 1200PX */
| |
| @media only screen and (max-width: 1200px) {
| |
| | |
| #content {
| |
| width: 100%;
| |
| }
| |
| | |
| .igem_2017_menu_wrapper {
| |
| width: 15%;
| |
| right: 0;
| |
| }
| |
| | |
| .highlight {
| |
| padding: 10px 0px;
| |
| }
| |
| | |
| .igem_2017_menu_wrapper #display_menu_control {
| |
| display: none;
| |
| }
| |
| | |
| #menu_content {
| |
| display: block;
| |
| }
| |
| | |
| .menu_button.direct_to_page {
| |
| padding-left: 17px;
| |
| }
| |
| | |
| }
| |
| | |
| /* IF THE SCREEN IS LESS THAN 800PX */
| |
| @media only screen and (max-width: 800px) {
| |
| | |
| .igem_2017_menu_wrapper {
| |
| width: 100%;
| |
| height: 15%;
| |
| position: relative;
| |
| left: 0%;
| |
| }
| |
| | |
| .igem_2017_content_wrapper {
| |
| width: 100%;
| |
| margin-left: 0px;
| |
| }
| |
| | |
| .column.half_size {
| |
| width: 100%;
| |
| }
| |
| | |
| .column.full_size img, .column.half_size img {
| |
| width: 100%;
| |
| padding: 10px 0px;
| |
| }
| |
| | |
| .highlight {
| |
| padding: 15px 5px;
| |
| }
| |
| | |
| .igem_2017_menu_wrapper #display_menu_control {
| |
| display: block;
| |
| }
| |
| | |
| #menu_content {
| |
| display: none;
| |
| }
| |
| | |
| .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
| |
| width: 5%;
| |
| }
| |
| | |
| .menu_bottom_padding {
| |
| display: none;
| |
| }
| |
| | |
| .menu_button.direct_to_page {
| |
| padding-left: 36px;
| |
| }
| |
| }
| |
| | |
| /* special class that the system uses to make sure the team wants a page to be evaluated */
| |
| .judges-will-not-evaluate {
| |
| width: 96.6%;
| |
| margin: 5px 15px;
| |
| display: block;
| |
| border: 4px solid #3399ff;
| |
| font-weight: bold;
| |
| }
| |
| | |
| .content_wrapper {
| |
| width: 100%;
| |
| height: 100vh;
| |
| } | |
